sun-card-design 1.1.37 → 1.1.39

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

@@ -1,182 +0,0 @@
-import { ref, watch, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle } from "vue";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-import * as echarts from "echarts";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "barChartComp",
-  props: ["record"],
-  setup(__props) {
-    const cardManageStore = useCardManageStore();
-    const props = __props;
-    const currentUuid = ref(null);
-    const chartDom = ref(null);
-    const myChart = ref(null);
-    let ro = null;
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    onMounted(async () => {
-      await nextTick();
-      initRender();
-      setupResizeObserver();
-    });
-    onBeforeUnmount(() => {
-      if (myChart.value) {
-        myChart.value.dispose();
-        myChart.value = null;
-      }
-      if (ro) {
-        ro.disconnect();
-        ro = null;
-      }
-    });
-    const parseJsonSafe = (str) => {
-      try {
-        return JSON.parse(str);
-      } catch (_) {
-        return null;
-      }
-    };
-    const resolveArrayFromVariable = (name) => {
-      if (!name) return [];
-      const v = (cardManageStore.variableList || []).find((e) => e.name === name);
-      if (!v || !v.defaultValue) return [];
-      const data = typeof v.defaultValue === "string" ? parseJsonSafe(v.defaultValue) : v.defaultValue;
-      if (!Array.isArray(data)) return [];
-      if (!data.length) return [];
-      if (typeof data[0] === "object" && data[0] !== null) {
-        const firstKey = Object.keys(data[0])[0];
-        return data.map((i) => i[firstKey]);
-      }
-      return data;
-    };
-    const deepClone = (obj) => {
-      try {
-        return JSON.parse(JSON.stringify(obj));
-      } catch (_) {
-        return obj;
-      }
-    };
-    const buildOption = () => {
-      const xAxisCfg = deepClone(props.record.options.xAxisConfig || []);
-      xAxisCfg.forEach((ax) => {
-        if (typeof ax.data === "string") {
-          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);
-        }
-      });
-      return {
-        title: props.record.options.titleConfig,
-        tooltip: props.record.options.tooltipConfig,
-        legend: props.record.options.legendConfig,
-        grid: props.record.options.gridConfig,
-        xAxis: xAxisCfg,
-        yAxis: props.record.options.yAxisConfig,
-        series: seriesCfg
-      };
-    };
-    const applyOption = () => {
-      if (!myChart.value) return;
-      try {
-        const opt = buildOption();
-        myChart.value.setOption(opt, true);
-      } catch (e) {
-        void reinitChart();
-      }
-    };
-    const initRender = () => {
-      if (!chartDom.value) return;
-      try {
-        myChart.value = echarts.init(chartDom.value);
-        applyOption();
-      } catch (e) {
-        const t = setTimeout(() => {
-          clearTimeout(t);
-          try {
-            myChart.value = echarts.init(chartDom.value);
-            applyOption();
-          } catch (_) {
-          }
-        }, 50);
-      }
-    };
-    const reinitChart = async () => {
-      if (!chartDom.value) return;
-      if (myChart.value) {
-        try {
-          myChart.value.dispose();
-        } catch (_) {
-        }
-        myChart.value = null;
-      }
-      await nextTick();
-      initRender();
-    };
-    const setupResizeObserver = () => {
-      if (!window.ResizeObserver || !chartDom.value) return;
-      ro = new ResizeObserver(() => {
-        if (myChart.value) {
-          try {
-            myChart.value.resize();
-          } catch (_) {
-            void reinitChart();
-          }
-        }
-      });
-      ro.observe(chartDom.value);
-    };
-    watch(
-      () => [props.record.options.style.width, props.record.options.style.height],
-      async () => {
-        await nextTick();
-        void reinitChart();
-      }
-    );
-    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,
-        cardManageStore.variableList
-        // 变量发生变化也要重算
-      ],
-      () => applyOption(),
-      { deep: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["barChart-table", { 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` })
-        }, [
-          createElementVNode("div", {
-            ref_key: "chartDom",
-            ref: chartDom,
-            style: normalizeStyle({
-              width: props.record.options.style.width,
-              height: props.record.options.style.height
-            })
-          }, null, 4)
-        ], 4)
-      ], 2);
-    };
-  }
-};
-const BarChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-852f9811"]]);
-export {
-  BarChart as default
-};

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

@@ -1,176 +0,0 @@
-import { ref, watch, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle } from "vue";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-import * as echarts from "echarts";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "pieChartComp",
-  props: ["record"],
-  setup(__props) {
-    const cardManageStore = useCardManageStore();
-    const props = __props;
-    const currentUuid = ref(null);
-    const chartDom = ref(null);
-    const myChart = ref(null);
-    let ro = null;
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    onMounted(async () => {
-      await nextTick();
-      initRender();
-      setupResizeObserver();
-    });
-    onBeforeUnmount(() => {
-      if (myChart.value) {
-        myChart.value.dispose();
-        myChart.value = null;
-      }
-      if (ro) {
-        ro.disconnect();
-        ro = null;
-      }
-    });
-    const parseJsonSafe = (str) => {
-      try {
-        return JSON.parse(str);
-      } catch (_) {
-        return null;
-      }
-    };
-    const resolveArrayFromVariable = (name) => {
-      if (!name) return [];
-      const v = (cardManageStore.variableList || []).find((e) => e.name === name);
-      if (!v || !v.defaultValue) return [];
-      const data = typeof v.defaultValue === "string" ? parseJsonSafe(v.defaultValue) : v.defaultValue;
-      if (!Array.isArray(data)) return [];
-      if (!data.length) return [];
-      if (typeof data[0] === "object" && data[0] !== null) {
-        const firstKey = Object.keys(data[0])[0];
-        return data.map((i) => i[firstKey]);
-      }
-      return data;
-    };
-    const deepClone = (obj) => {
-      try {
-        return JSON.parse(JSON.stringify(obj));
-      } catch (_) {
-        return obj;
-      }
-    };
-    const buildOption = () => {
-      const xAxisCfg = deepClone(props.record.options.xAxisConfig || []);
-      xAxisCfg.forEach((ax) => {
-        if (typeof ax.data === "string") {
-          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);
-        }
-      });
-      return {
-        title: props.record.options.titleConfig,
-        tooltip: props.record.options.tooltipConfig,
-        legend: props.record.options.legendConfig,
-        series: seriesCfg
-      };
-    };
-    const applyOption = () => {
-      if (!myChart.value) return;
-      try {
-        const opt = buildOption();
-        myChart.value.setOption(opt, true);
-      } catch (e) {
-        void reinitChart();
-      }
-    };
-    const initRender = () => {
-      if (!chartDom.value) return;
-      try {
-        myChart.value = echarts.init(chartDom.value);
-        applyOption();
-      } catch (e) {
-        const t = setTimeout(() => {
-          clearTimeout(t);
-          try {
-            myChart.value = echarts.init(chartDom.value);
-            applyOption();
-          } catch (_) {
-          }
-        }, 50);
-      }
-    };
-    const reinitChart = async () => {
-      if (!chartDom.value) return;
-      if (myChart.value) {
-        try {
-          myChart.value.dispose();
-        } catch (_) {
-        }
-        myChart.value = null;
-      }
-      await nextTick();
-      initRender();
-    };
-    const setupResizeObserver = () => {
-      if (!window.ResizeObserver || !chartDom.value) return;
-      ro = new ResizeObserver(() => {
-        if (myChart.value) {
-          try {
-            myChart.value.resize();
-          } catch (_) {
-            void reinitChart();
-          }
-        }
-      });
-      ro.observe(chartDom.value);
-    };
-    watch(
-      () => [props.record.options.style.width, props.record.options.style.height],
-      async () => {
-        await nextTick();
-        void reinitChart();
-      }
-    );
-    watch(
-      () => [
-        props.record.options.titleConfig,
-        props.record.options.tooltipConfig,
-        props.record.options.legendConfig,
-        props.record.options.seriesConfig,
-        cardManageStore.variableList
-        // 变量发生变化也要重算
-      ],
-      () => applyOption(),
-      { deep: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["pieChart-table", { 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` })
-        }, [
-          createElementVNode("div", {
-            ref_key: "chartDom",
-            ref: chartDom,
-            style: normalizeStyle({
-              width: props.record.options.style.width,
-              height: props.record.options.style.height
-            })
-          }, null, 4)
-        ], 4)
-      ], 2);
-    };
-  }
-};
-const PieChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd42eb5c"]]);
-export {
-  PieChart as default
-};

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

@@ -1,184 +0,0 @@
-import { ref, watch, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle } from "vue";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-import * as echarts from "echarts";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "lineChartComp",
-  props: ["record"],
-  setup(__props) {
-    const cardManageStore = useCardManageStore();
-    const props = __props;
-    const currentUuid = ref(null);
-    const chartDom = ref(null);
-    const myChart = ref(null);
-    let ro = null;
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    onMounted(async () => {
-      await nextTick();
-      initRender();
-      setupResizeObserver();
-    });
-    onBeforeUnmount(() => {
-      if (myChart.value) {
-        myChart.value.dispose();
-        myChart.value = null;
-      }
-      if (ro) {
-        ro.disconnect();
-        ro = null;
-      }
-    });
-    const parseJsonSafe = (str) => {
-      try {
-        return JSON.parse(str);
-      } catch (_) {
-        return null;
-      }
-    };
-    const resolveArrayFromVariable = (name) => {
-      if (!name) return [];
-      const v = (cardManageStore.variableList || []).find((e) => e.name === name);
-      if (!v || !v.defaultValue) return [];
-      const data = typeof v.defaultValue === "string" ? parseJsonSafe(v.defaultValue) : v.defaultValue;
-      if (!Array.isArray(data)) return [];
-      if (!data.length) return [];
-      if (typeof data[0] === "object" && data[0] !== null) {
-        const firstKey = Object.keys(data[0])[0];
-        return data.map((i) => i[firstKey]);
-      }
-      return data;
-    };
-    const deepClone = (obj) => {
-      try {
-        return JSON.parse(JSON.stringify(obj));
-      } catch (_) {
-        return obj;
-      }
-    };
-    const buildOption = () => {
-      const xAxisCfg = deepClone(props.record.options.xAxisConfig || []);
-      xAxisCfg.forEach((ax) => {
-        if (typeof ax.data === "string") {
-          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);
-        }
-        if (!s.type) s.type = "line";
-        if (!s.showSymbol) s.showSymbol = true;
-      });
-      return {
-        title: props.record.options.titleConfig,
-        tooltip: props.record.options.tooltipConfig,
-        legend: props.record.options.legendConfig,
-        grid: props.record.options.gridConfig,
-        xAxis: xAxisCfg,
-        yAxis: props.record.options.yAxisConfig,
-        series: seriesCfg
-      };
-    };
-    const applyOption = () => {
-      if (!myChart.value) return;
-      try {
-        const opt = buildOption();
-        myChart.value.setOption(opt, true);
-      } catch (e) {
-        void reinitChart();
-      }
-    };
-    const initRender = () => {
-      if (!chartDom.value) return;
-      try {
-        myChart.value = echarts.init(chartDom.value);
-        applyOption();
-      } catch (e) {
-        const t = setTimeout(() => {
-          clearTimeout(t);
-          try {
-            myChart.value = echarts.init(chartDom.value);
-            applyOption();
-          } catch (_) {
-          }
-        }, 50);
-      }
-    };
-    const reinitChart = async () => {
-      if (!chartDom.value) return;
-      if (myChart.value) {
-        try {
-          myChart.value.dispose();
-        } catch (_) {
-        }
-        myChart.value = null;
-      }
-      await nextTick();
-      initRender();
-    };
-    const setupResizeObserver = () => {
-      if (!window.ResizeObserver || !chartDom.value) return;
-      ro = new ResizeObserver(() => {
-        if (myChart.value) {
-          try {
-            myChart.value.resize();
-          } catch (_) {
-            void reinitChart();
-          }
-        }
-      });
-      ro.observe(chartDom.value);
-    };
-    watch(
-      () => [props.record.options.style.width, props.record.options.style.height],
-      async () => {
-        await nextTick();
-        void reinitChart();
-      }
-    );
-    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,
-        cardManageStore.variableList
-        // 变量发生变化也要重算
-      ],
-      () => applyOption(),
-      { deep: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["lineChart-table", { 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` })
-        }, [
-          createElementVNode("div", {
-            ref_key: "chartDom",
-            ref: chartDom,
-            style: normalizeStyle({
-              width: props.record.options.style.width,
-              height: props.record.options.style.height
-            })
-          }, null, 4)
-        ], 4)
-      ], 2);
-    };
-  }
-};
-const LineChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5fb09e61"]]);
-export {
-  LineChart as default
-};