sun-card-design 1.2.2 → 1.2.4

package/dist/mobile/sun-card-design-mobile.es20.js

@@ -1,13 +1,26 @@
-import { ref, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, normalizeStyle, createElementVNode } from "vue";
+import { useCssVars, computed, ref, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, createElementVNode } from "vue";
 import { previewData } from "./sun-card-design-mobile.es26.js";
 import * as echarts from "echarts";
 /* empty css                            */
 import _export_sfc from "./sun-card-design-mobile.es28.js";
+const _hoisted_1 = { class: "barChart-table" };
 const _sfc_main = {
   __name: "barChartComp",
   props: ["record"],
   setup(__props) {
+    useCssVars((_ctx) => ({
+      "v69bb11f9": mainPadding.value,
+      "fdb12af2": chartWidth.value,
+      "ec1226f4": chartHeight.value
+    }));
     const props = __props;
+    const mainPadding = computed(() => {
+      const tb = props.record.options?.style?.tbPadding ?? 0;
+      const lr = props.record.options?.style?.lrPadding ?? 0;
+      return `${tb}px ${lr}px`;
+    });
+    const chartWidth = computed(() => props.record.options.style.width || "100%");
+    const chartHeight = computed(() => props.record.options.style.height || "300px");
     const chartDom = ref(null);
     const myChart = ref(null);
     onMounted(async () => {
@@ -54,12 +67,33 @@ const _sfc_main = {
           ax.data = resolveArrayFromVariable(ax.data);
         }
       });
-      const seriesCfg = deepClone(props.record.options.seriesConfig || []);
-      seriesCfg.forEach((s) => {
-        if (typeof s.data === "string") {
-          s.data = resolveArrayFromVariable(s.data);
+      const originalSeriesCfg = props.record.options.seriesConfig || [];
+      const seriesCfg = deepClone(originalSeriesCfg);
+      const firstSeriesData = originalSeriesCfg?.[0]?.data;
+      const dyData = typeof firstSeriesData === "string" ? (previewData.variableList || []).find((v) => v.name === firstSeriesData) : null;
+      if (dyData) {
+        const dyDataList = typeof dyData.defaultValue === "string" ? parseJsonSafe(dyData.defaultValue) : dyData.defaultValue;
+        if (Array.isArray(dyDataList) && dyDataList.length > 0) {
+          dyDataList.forEach((s, index) => {
+            if (originalSeriesCfg[index]) {
+              seriesCfg[index] = JSON.parse(JSON.stringify(originalSeriesCfg[index]));
+              seriesCfg[index].data = s.data;
+              seriesCfg[index].name = s.name;
+            } else {
+              seriesCfg[index] = JSON.parse(JSON.stringify(originalSeriesCfg[0] || {}));
+              seriesCfg[index].data = s.data;
+              seriesCfg[index].name = s.name;
+            }
+          });
         }
-      });
+      } else {
+        seriesCfg.forEach((s) => {
+          if (typeof s.data === "string") {
+            s.data = resolveArrayFromVariable(s.data);
+          }
+        });
+      }
+      console.error(seriesCfg);
       return {
         title: props.record.options.titleConfig,
         tooltip: props.record.options.tooltipConfig,
@@ -108,23 +142,17 @@ const _sfc_main = {
       initRender();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "barChart-table",
-        style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
-      }, [
+      return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
           ref_key: "chartDom",
           ref: chartDom,
-          style: normalizeStyle({
-            width: props.record.options.style.width,
-            height: props.record.options.style.height
-          })
-        }, null, 4)
-      ], 4);
+          class: "chart-container"
+        }, null, 512)
+      ]);
     };
   }
 };
-const BarChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bdc1c7d2"]]);
+const BarChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7dec52de"]]);
 export {
   BarChart as default
 };

package/dist/mobile/sun-card-design-mobile.es21.js

@@ -1,4 +1,4 @@
-import { ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, normalizeStyle } from "vue";
+import { useCssVars, computed, ref, onMounted, onUnmounted, createElementBlock, openBlock } from "vue";
 import * as THREE from "three";
 import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
 import { CSS2DRenderer, CSS2DObject } from "three/examples/jsm/renderers/CSS2DRenderer.js";
@@ -9,6 +9,11 @@ const _sfc_main = {
   __name: "barChart3dComp",
   props: ["record"],
   setup(__props) {
+    useCssVars((_ctx) => ({
+      "a570858a": chartWidth.value,
+      "v3c3e1f5c": chartHeight.value,
+      "v7cb5d476": mainPadding.value
+    }));
     const props = __props;
     const containerRef = ref(null);
     let renderer = null;
@@ -29,6 +34,13 @@ const _sfc_main = {
         height: style.height || "260px"
       };
     });
+    const mainPadding = computed(() => {
+      const tb = props.record.options?.style?.tbPadding ?? 0;
+      const lr = props.record.options?.style?.lrPadding ?? 0;
+      return `${tb}px ${lr}px`;
+    });
+    const chartWidth = computed(() => chartStyle.value.width);
+    const chartHeight = computed(() => chartStyle.value.height);
     function getChartConfig() {
       const options = props.record?.options || {};
       const xAxis = options.xAxisConfig[0];
@@ -360,17 +372,12 @@ const _sfc_main = {
       return openBlock(), createElementBlock("div", {
         class: "mian-barChart3d",
         ref_key: "containerRef",
-        ref: containerRef,
-        style: normalizeStyle({
-          width: chartStyle.value.width,
-          height: chartStyle.value.height,
-          padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px`
-        })
-      }, null, 4);
+        ref: containerRef
+      }, null, 512);
     };
   }
 };
-const BarChart3D = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b648570"]]);
+const BarChart3D = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-248d2e73"]]);
 export {
   BarChart3D as default
 };

package/dist/mobile/sun-card-design-mobile.es22.js

@@ -1,13 +1,26 @@
-import { ref, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, normalizeStyle, createElementVNode } from "vue";
+import { useCssVars, computed, ref, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, createElementVNode } from "vue";
 import { previewData } from "./sun-card-design-mobile.es26.js";
 import * as echarts from "echarts";
 /* empty css                            */
 import _export_sfc from "./sun-card-design-mobile.es28.js";
+const _hoisted_1 = { class: "pieChart-table" };
 const _sfc_main = {
   __name: "pieChartComp",
   props: ["record"],
   setup(__props) {
+    useCssVars((_ctx) => ({
+      "v25b54c2e": mainPadding.value,
+      "v645c6497": chartWidth.value,
+      "v0d613476": chartHeight.value
+    }));
     const props = __props;
+    const mainPadding = computed(() => {
+      const tb = props.record.options?.style?.tbPadding ?? 0;
+      const lr = props.record.options?.style?.lrPadding ?? 0;
+      return `${tb}px ${lr}px`;
+    });
+    const chartWidth = computed(() => props.record.options.style.width || "100%");
+    const chartHeight = computed(() => props.record.options.style.height || "300px");
     const chartDom = ref(null);
     const myChart = ref(null);
     onMounted(async () => {
@@ -105,23 +118,17 @@ const _sfc_main = {
       initRender();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "pieChart-table",
-        style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
-      }, [
+      return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
           ref_key: "chartDom",
           ref: chartDom,
-          style: normalizeStyle({
-            width: props.record.options.style.width,
-            height: props.record.options.style.height
-          })
-        }, null, 4)
-      ], 4);
+          class: "chart-container"
+        }, null, 512)
+      ]);
     };
   }
 };
-const PieChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-28332879"]]);
+const PieChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1b08cbef"]]);
 export {
   PieChart as default
 };

package/dist/mobile/sun-card-design-mobile.es23.js

@@ -1,4 +1,4 @@
-import { ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, normalizeStyle } from "vue";
+import { useCssVars, computed, ref, onMounted, onUnmounted, createElementBlock, openBlock } from "vue";
 import * as THREE from "three";
 import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
 import { CSS2DRenderer, CSS2DObject } from "three/examples/jsm/renderers/CSS2DRenderer.js";
@@ -9,6 +9,11 @@ const _sfc_main = {
   __name: "pieChart3dComp",
   props: ["record"],
   setup(__props) {
+    useCssVars((_ctx) => ({
+      "v32d4b67a": chartWidth.value,
+      "v5b600c6c": chartHeight.value,
+      "v9bd7c186": mainPadding.value
+    }));
     const props = __props;
     const containerRef = ref(null);
     let renderer = null;
@@ -27,6 +32,13 @@ const _sfc_main = {
         height: style.height || "260px"
       };
     });
+    const mainPadding = computed(() => {
+      const tb = props.record.options?.style?.tbPadding ?? 0;
+      const lr = props.record.options?.style?.lrPadding ?? 0;
+      return `${tb}px ${lr}px`;
+    });
+    const chartWidth = computed(() => chartStyle.value.width);
+    const chartHeight = computed(() => chartStyle.value.height);
     function getPieConfig() {
       const options = props.record?.options || {};
       const series = Array.isArray(options?.seriesConfig) && options.seriesConfig[0] ? options.seriesConfig[0] : {
@@ -333,17 +345,12 @@ const _sfc_main = {
       return openBlock(), createElementBlock("div", {
         class: "main-pieChart3d",
         ref_key: "containerRef",
-        ref: containerRef,
-        style: normalizeStyle({
-          width: chartStyle.value.width,
-          height: chartStyle.value.height,
-          padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px`
-        })
-      }, null, 4);
+        ref: containerRef
+      }, null, 512);
     };
   }
 };
-const PieChart3D = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b39e3b32"]]);
+const PieChart3D = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-98ee1777"]]);
 export {
   PieChart3D as default
 };

package/dist/mobile/sun-card-design-mobile.es24.js

@@ -1,13 +1,26 @@
-import { ref, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, normalizeStyle, createElementVNode } from "vue";
+import { useCssVars, computed, ref, onMounted, nextTick, onBeforeUnmount, watch, createElementBlock, openBlock, createElementVNode } from "vue";
 import { previewData } from "./sun-card-design-mobile.es26.js";
 import * as echarts from "echarts";
 /* empty css                            */
 import _export_sfc from "./sun-card-design-mobile.es28.js";
+const _hoisted_1 = { class: "lineChart-table" };
 const _sfc_main = {
   __name: "lineChartComp",
   props: ["record"],
   setup(__props) {
+    useCssVars((_ctx) => ({
+      "v6ebd4fce": mainPadding.value,
+      "v26a8c3dc": chartWidth.value,
+      "e20dab4a": chartHeight.value
+    }));
     const props = __props;
+    const mainPadding = computed(() => {
+      const tb = props.record.options?.style?.tbPadding ?? 0;
+      const lr = props.record.options?.style?.lrPadding ?? 0;
+      return `${tb}px ${lr}px`;
+    });
+    const chartWidth = computed(() => props.record.options.style.width || "100%");
+    const chartHeight = computed(() => props.record.options.style.height || "300px");
     const chartDom = ref(null);
     const myChart = ref(null);
     onMounted(async () => {
@@ -54,14 +67,44 @@ const _sfc_main = {
           ax.data = resolveArrayFromVariable(ax.data);
         }
       });
-      const seriesCfg = deepClone(props.record.options.seriesConfig || []);
-      seriesCfg.forEach((s) => {
-        if (typeof s.data === "string") {
-          s.data = resolveArrayFromVariable(s.data);
+      const originalSeriesCfg = props.record.options.seriesConfig || [];
+      const seriesCfg = deepClone(originalSeriesCfg);
+      const firstSeriesData = originalSeriesCfg?.[0]?.data;
+      const dyData = typeof firstSeriesData === "string" ? (previewData.variableList || []).find((v) => v.name === firstSeriesData) : null;
+      if (dyData) {
+        const dyDataList = typeof dyData.defaultValue === "string" ? parseJsonSafe(dyData.defaultValue) : Array.isArray(dyData.defaultValue) ? dyData.defaultValue : null;
+        if (Array.isArray(dyDataList) && dyDataList.length > 0) {
+          dyDataList.forEach((s, index) => {
+            if (originalSeriesCfg[index]) {
+              seriesCfg[index] = JSON.parse(JSON.stringify(originalSeriesCfg[index]));
+              seriesCfg[index].data = s.data || [];
+              seriesCfg[index].name = s.name || `系列${index + 1}`;
+            } else {
+              const baseConfig = originalSeriesCfg[0] || { type: "line" };
+              seriesCfg[index] = JSON.parse(JSON.stringify(baseConfig));
+              seriesCfg[index].data = s.data || [];
+              seriesCfg[index].name = s.name || `系列${index + 1}`;
+            }
+            if (!seriesCfg[index].type) seriesCfg[index].type = "line";
+            if (seriesCfg[index].showSymbol === void 0) seriesCfg[index].showSymbol = true;
+          });
         }
-        if (!s.type) s.type = "line";
-        if (!s.showSymbol) s.showSymbol = true;
-      });
+      } else {
+        seriesCfg.forEach((s) => {
+          if (typeof s.data === "string") {
+            s.data = resolveArrayFromVariable(s.data);
+          }
+          if (!s.type) s.type = "line";
+          if (s.showSymbol === void 0) s.showSymbol = true;
+        });
+      }
+      if (!seriesCfg || seriesCfg.length === 0) {
+        seriesCfg.push({
+          type: "line",
+          data: [],
+          showSymbol: true
+        });
+      }
       return {
         title: props.record.options.titleConfig,
         tooltip: props.record.options.tooltipConfig,
@@ -73,11 +116,14 @@ const _sfc_main = {
       };
     };
     const applyOption = () => {
-      if (!myChart.value) return;
+      if (!myChart.value || !chartDom.value) return;
       try {
         const opt = buildOption();
-        myChart.value.setOption(opt, true);
+        if (opt && opt.series && Array.isArray(opt.series) && opt.series.length > 0) {
+          myChart.value.setOption(opt, true);
+        }
       } catch (e) {
+        console.error("Chart applyOption error:", e);
         void reinitChart();
       }
     };
@@ -109,24 +155,37 @@ const _sfc_main = {
       await nextTick();
       initRender();
     };
+    watch(
+      () => [
+        props.record.options.titleConfig,
+        props.record.options.tooltipConfig,
+        props.record.options.legendConfig,
+        props.record.options.gridConfig,
+        props.record.options.xAxisConfig,
+        props.record.options.yAxisConfig,
+        props.record.options.seriesConfig,
+        previewData.variableList
+        // 变量发生变化也要重算
+      ],
+      () => {
+        if (myChart.value) {
+          applyOption();
+        }
+      },
+      { deep: true }
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "lineChart-table",
-        style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
-      }, [
+      return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
           ref_key: "chartDom",
           ref: chartDom,
-          style: normalizeStyle({
-            width: props.record.options.style.width,
-            height: props.record.options.style.height
-          })
-        }, null, 4)
-      ], 4);
+          class: "chart-container"
+        }, null, 512)
+      ]);
     };
   }
 };
-const LineChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c3a80733"]]);
+const LineChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-98c749fb"]]);
 export {
   LineChart as default
 };

package/dist/mobile/sun-card-design-mobile.es3.js

@@ -1,11 +1,28 @@
-import { createElementBlock, openBlock, normalizeStyle, createCommentVNode, createElementVNode, toDisplayString, unref } from "vue";
+import { useCssVars, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, toDisplayString, unref } from "vue";
 import { renderTextByVariables } from "./sun-card-design-mobile.es26.js";
 /* empty css                            */
 import _export_sfc from "./sun-card-design-mobile.es28.js";
+const _hoisted_1 = { class: "main-title" };
+const _hoisted_2 = {
+  key: 0,
+  class: "line"
+};
+const _hoisted_3 = { class: "title-text" };
 const _sfc_main = {
   __name: "titleComp",
   props: ["record", "columnsIndex"],
   setup(__props) {
+    useCssVars((_ctx) => ({
+      "c2791288": mainPadding.value,
+      "v4447debe": mainJustifyContent.value,
+      "b78e19c4": lineBackground.value,
+      "v23ce99d6": lineWidth.value,
+      "v3c35a717": lineHeight.value,
+      "v43484464": lineBorderRadius.value,
+      "v8adc6dc4": lineMarginRight.value,
+      "v6ef5dde8": titleFontSize.value,
+      "v2097d672": titleColor.value
+    }));
     const props = __props;
     const formatPx = (value, fallback) => {
       const fallbackValue = typeof fallback === "number" ? `${fallback}px` : fallback;
@@ -27,37 +44,33 @@ const _sfc_main = {
       };
       return obj[props.record.options.style.textAlign];
     };
+    const mainPadding = computed(() => {
+      const tb = props.record.options?.style?.tbPadding ?? 0;
+      const lr = props.record.options?.style?.lrPadding ?? 0;
+      return `${tb}px ${lr}px`;
+    });
+    const mainJustifyContent = computed(() => getAlign());
+    const lineBackground = computed(() => props.record.options.hasLineStyle?.background || "transparent");
+    const lineWidth = computed(() => formatPx(props.record.options.hasLineStyle?.width, 5));
+    const lineHeight = computed(
+      () => formatPx(
+        props.record.options.hasLineStyle?.height,
+        props.record.options.style.fontSize ?? 16
+      )
+    );
+    const lineBorderRadius = computed(() => formatPx(props.record.options.hasLineStyle?.borderRadius, 1));
+    const lineMarginRight = computed(() => formatPx(props.record.options.hasLineStyle?.marginRight, 6));
+    const titleFontSize = computed(() => `${props.record.options.style.fontSize}px`);
+    const titleColor = computed(() => props.record.options.style.color);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "main-title",
-        style: normalizeStyle({ justifyContent: getAlign(), padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
-      }, [
-        props.record.options.hasLine ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "line",
-          style: normalizeStyle({
-            background: props.record.options.hasLineStyle.background,
-            width: formatPx(props.record.options.hasLineStyle?.width, 5),
-            height: formatPx(
-              props.record.options.hasLineStyle?.height,
-              props.record.options.style.fontSize ?? 16
-            ),
-            borderRadius: formatPx(props.record.options.hasLineStyle?.borderRadius, 1),
-            marginRight: formatPx(props.record.options.hasLineStyle?.marginRight, 6)
-          })
-        }, null, 4)) : createCommentVNode("", true),
-        createElementVNode("div", {
-          style: normalizeStyle({
-            fontWeight: "500",
-            fontSize: props.record.options.style.fontSize + "px",
-            color: props.record.options.style.color
-          })
-        }, toDisplayString(unref(renderTextByVariables)(props.record.options.defaultValue, props.columnsIndex)), 5)
-      ], 4);
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        props.record.options.hasLine ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3, toDisplayString(unref(renderTextByVariables)(props.record.options.defaultValue, props.columnsIndex)), 1)
+      ]);
     };
   }
 };
-const Title = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1093ec93"]]);
+const Title = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1857c02b"]]);
 export {
   Title as default
 };

package/dist/mobile/sun-card-design-mobile.es37.js

@@ -1,17 +1,22 @@
-import { computed, ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeStyle, createElementVNode, normalizeClass } from "vue";
+import { useCssVars, computed, ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, createElementVNode, normalizeClass } from "vue";
 /* empty css                            */
 import _export_sfc from "./sun-card-design-mobile.es28.js";
-const _hoisted_1 = ["src"];
-const _hoisted_2 = { class: "controls" };
+const _hoisted_1 = { class: "custom-player" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "controls" };
 const _sfc_main = {
   __name: "audio",
   props: ["src", "playBtnColor", "progressColor"],
   setup(__props) {
-    const props = __props;
-    const rootStyle = computed(() => ({
-      "--play-btn-color": props.playBtnColor || "#4a6bff",
-      "--progress-color": props.progressColor || "#409eff"
+    useCssVars((_ctx) => ({
+      "v5a9e689c": playBtnColorValue.value,
+      "v6bf7e675": progressColorValue.value,
+      "v317312bf": progressWidth.value
     }));
+    const props = __props;
+    const playBtnColorValue = computed(() => props.playBtnColor || "#4a6bff");
+    const progressColorValue = computed(() => props.progressColor || "#409eff");
+    const progressWidth = computed(() => progressPercent.value + "%");
     const audioRef = ref();
     const playBtnRef = ref(null);
     const progressContainerRef = ref(null);
@@ -84,16 +89,13 @@ const _sfc_main = {
       audio.removeEventListener("loadedmetadata", updateProgress);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "custom-player",
-        style: normalizeStyle(rootStyle.value)
-      }, [
+      return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("audio", {
           ref_key: "audioRef",
           ref: audioRef,
           src: props.src
-        }, null, 8, _hoisted_1),
-        createElementVNode("div", _hoisted_2, [
+        }, null, 8, _hoisted_2),
+        createElementVNode("div", _hoisted_3, [
           createElementVNode("button", {
             class: normalizeClass(["play-btn", { paused: isPlaying.value }]),
             ref_key: "playBtnRef",
@@ -110,16 +112,15 @@ const _sfc_main = {
             createElementVNode("div", {
               class: "progress-bar",
               ref_key: "progressBarRef",
-              ref: progressBarRef,
-              style: normalizeStyle({ width: progressPercent.value + "%" })
-            }, null, 4)
+              ref: progressBarRef
+            }, null, 512)
           ], 544)
         ])
-      ], 4);
+      ]);
     };
   }
 };
-const Audio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f85fd551"]]);
+const Audio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bcdfd85b"]]);
 export {
   Audio as default
 };