@fmdevui/fm-dev 1.0.113 → 1.0.114

package/lib/packages/core/hook/useChart.js

@@ -0,0 +1,510 @@
+'use strict';
+
+var vue = require('vue');
+require('../plugins/echarts.js');
+var echarts = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/core/echarts.js');
+
+const useChartOps = () => ({
+  /** */
+  chartHeight: "16rem",
+  /** 字体大小 */
+  fontSize: 13,
+  /** 字体颜色 */
+  fontColor: "#999",
+  /** 主题颜色 */
+  themeColor: "#00E4E5",
+  /** 颜色组 */
+  colors: [
+    "#00E4E5",
+    "#4ABEFF",
+    "#EDF2FF",
+    "#14DEBA",
+    "#FFAF20",
+    "#FA8A6C",
+    "#FFAF20"
+  ]
+});
+const RESIZE_DELAYS = [50, 100, 200, 350];
+const MENU_RESIZE_DELAYS = [50, 100, 200];
+const RESIZE_DEBOUNCE_DELAY = 100;
+function useChart(options = {}) {
+  const { initOptions, initDelay = 0, threshold = 0.1, autoTheme = true } = options;
+  const chartRef = vue.ref();
+  let chart = null;
+  let intersectionObserver = null;
+  let pendingOptions = null;
+  let resizeTimeoutId = null;
+  let resizeFrameId = null;
+  let isDestroyed = false;
+  let emptyStateDiv = null;
+  const clearTimers = () => {
+    if (resizeTimeoutId) {
+      clearTimeout(resizeTimeoutId);
+      resizeTimeoutId = null;
+    }
+    if (resizeFrameId) {
+      cancelAnimationFrame(resizeFrameId);
+      resizeFrameId = null;
+    }
+  };
+  const requestAnimationResize = () => {
+    if (resizeFrameId) {
+      cancelAnimationFrame(resizeFrameId);
+    }
+    resizeFrameId = requestAnimationFrame(() => {
+      handleResize();
+      resizeFrameId = null;
+    });
+  };
+  const debouncedResize = () => {
+    if (resizeTimeoutId) {
+      clearTimeout(resizeTimeoutId);
+    }
+    resizeTimeoutId = window.setTimeout(() => {
+      requestAnimationResize();
+      resizeTimeoutId = null;
+    }, RESIZE_DEBOUNCE_DELAY);
+  };
+  const multiDelayResize = (delays) => {
+    vue.nextTick(requestAnimationResize);
+    delays.forEach((delay) => {
+      setTimeout(requestAnimationResize, delay);
+    });
+  };
+  let menuOpenStopHandle = null;
+  let menuTypeStopHandle = null;
+  const setupMenuWatchers = () => {
+  };
+  const cleanupMenuWatchers = () => {
+    menuOpenStopHandle?.();
+    menuTypeStopHandle?.();
+    menuOpenStopHandle = null;
+    menuTypeStopHandle = null;
+  };
+  let themeStopHandle = null;
+  const setupThemeWatcher = () => {
+    if (autoTheme) {
+    }
+  };
+  const cleanupThemeWatcher = () => {
+    themeStopHandle?.();
+    themeStopHandle = null;
+  };
+  const createLineStyle = (color, width = 1, type) => ({
+    color,
+    width,
+    ...type && { type }
+  });
+  const styleCache = {
+    axisLine: null,
+    splitLine: null,
+    axisLabel: null,
+    lastDarkValue: false
+  };
+  const clearStyleCache = () => {
+    styleCache.axisLine = null;
+    styleCache.splitLine = null;
+    styleCache.axisLabel = null;
+    styleCache.lastDarkValue = false;
+  };
+  const getAxisLineStyle = (show = true) => {
+    if (styleCache.lastDarkValue !== false) {
+      clearStyleCache();
+    }
+    if (!styleCache.axisLine) {
+      styleCache.axisLine = {
+        show,
+        lineStyle: createLineStyle("#EDEDED")
+      };
+    }
+    return styleCache.axisLine;
+  };
+  const getSplitLineStyle = (show = true) => {
+    if (styleCache.lastDarkValue !== false) {
+      clearStyleCache();
+    }
+    if (!styleCache.splitLine) {
+      styleCache.splitLine = {
+        show,
+        lineStyle: createLineStyle("#EDEDED", 1, "dashed")
+      };
+    }
+    return styleCache.splitLine;
+  };
+  const getAxisLabelStyle = (show = true) => {
+    if (styleCache.lastDarkValue !== false) {
+      clearStyleCache();
+    }
+    if (!styleCache.axisLabel) {
+      const { fontColor, fontSize } = useChartOps();
+      styleCache.axisLabel = {
+        show,
+        color: fontColor,
+        fontSize
+      };
+    }
+    return styleCache.axisLabel;
+  };
+  const getAxisTickStyle = () => ({
+    show: false
+  });
+  const getAnimationConfig = (animationDelay = 50, animationDuration = 1500) => ({
+    animationDelay: (idx) => idx * animationDelay + 200,
+    animationDuration: (idx) => animationDuration - idx * 50,
+    animationEasing: "quarticOut"
+  });
+  const getTooltipStyle = (trigger = "axis", customOptions = {}) => ({
+    trigger,
+    backgroundColor: "rgba(255, 255, 255, 0.9)",
+    borderColor: "#ddd",
+    borderWidth: 1,
+    textStyle: {
+      color: "#333"
+    },
+    ...customOptions
+  });
+  const getLegendStyle = (position = "bottom", customOptions = {}) => {
+    const baseConfig = {
+      textStyle: {
+        color: "#333"
+      },
+      itemWidth: 12,
+      itemHeight: 12,
+      itemGap: 20,
+      ...customOptions
+    };
+    switch (position) {
+      case "bottom":
+        return {
+          ...baseConfig,
+          bottom: 0,
+          left: "center",
+          orient: "horizontal",
+          icon: "roundRect"
+        };
+      case "top":
+        return {
+          ...baseConfig,
+          top: 0,
+          left: "center",
+          orient: "horizontal",
+          icon: "roundRect"
+        };
+      case "left":
+        return {
+          ...baseConfig,
+          left: 0,
+          top: "center",
+          orient: "vertical",
+          icon: "roundRect"
+        };
+      case "right":
+        return {
+          ...baseConfig,
+          right: 0,
+          top: "center",
+          orient: "vertical",
+          icon: "roundRect"
+        };
+      default:
+        return baseConfig;
+    }
+  };
+  const getGridWithLegend = (showLegend, legendPosition = "bottom", baseGrid = {}) => {
+    const defaultGrid = {
+      top: 15,
+      right: 15,
+      bottom: 8,
+      left: 0,
+      containLabel: true,
+      ...baseGrid
+    };
+    if (!showLegend) {
+      return defaultGrid;
+    }
+    switch (legendPosition) {
+      case "bottom":
+        return {
+          ...defaultGrid,
+          bottom: 40
+        };
+      case "top":
+        return {
+          ...defaultGrid,
+          top: 40
+        };
+      case "left":
+        return {
+          ...defaultGrid,
+          left: 120
+        };
+      case "right":
+        return {
+          ...defaultGrid,
+          right: 120
+        };
+      default:
+        return defaultGrid;
+    }
+  };
+  const createIntersectionObserver = () => {
+    if (intersectionObserver || !chartRef.value) return;
+    intersectionObserver = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting && pendingOptions && !isDestroyed) {
+            requestAnimationFrame(() => {
+              if (!isDestroyed && pendingOptions) {
+                try {
+                  if (!chart) {
+                    chart = echarts.init(entry.target);
+                  }
+                  const event = new CustomEvent("chartVisible", {
+                    detail: { options: pendingOptions }
+                  });
+                  entry.target.dispatchEvent(event);
+                  pendingOptions = null;
+                  cleanupIntersectionObserver();
+                } catch (error) {
+                  console.error("\u56FE\u8868\u521D\u59CB\u5316\u5931\u8D25:", error);
+                }
+              }
+            });
+          }
+        });
+      },
+      { threshold }
+    );
+    intersectionObserver.observe(chartRef.value);
+  };
+  const cleanupIntersectionObserver = () => {
+    if (intersectionObserver) {
+      intersectionObserver.disconnect();
+      intersectionObserver = null;
+    }
+  };
+  const isContainerVisible = (element) => {
+    const rect = element.getBoundingClientRect();
+    return rect.width > 0 && rect.height > 0 && rect.top < window.innerHeight && rect.bottom > 0;
+  };
+  const performChartInit = (options2) => {
+    if (!chart && chartRef.value && !isDestroyed) {
+      chart = echarts.init(chartRef.value);
+      setupMenuWatchers();
+      setupThemeWatcher();
+    }
+    if (chart && !isDestroyed) {
+      chart.setOption(options2);
+      pendingOptions = null;
+    }
+  };
+  const emptyStateManager = {
+    create: () => {
+      if (!chartRef.value || emptyStateDiv) return;
+      emptyStateDiv = document.createElement("div");
+      emptyStateDiv.style.cssText = `
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        font-size: 12px;
+        color: ${"#B3B2B2"};
+        background: transparent;
+        z-index: 10;
+      `;
+      emptyStateDiv.innerHTML = `<span>\u6682\u65E0\u6570\u636E</span>`;
+      if (chartRef.value.style.position !== "relative" && chartRef.value.style.position !== "absolute") {
+        chartRef.value.style.position = "relative";
+      }
+      chartRef.value.appendChild(emptyStateDiv);
+    },
+    remove: () => {
+      if (emptyStateDiv && chartRef.value) {
+        chartRef.value.removeChild(emptyStateDiv);
+        emptyStateDiv = null;
+      }
+    },
+    updateStyle: () => {
+      if (emptyStateDiv) {
+        emptyStateDiv.style.color = "#999";
+      }
+    }
+  };
+  const initChart = (options2 = {}, isEmpty = false) => {
+    if (!chartRef.value || isDestroyed) return;
+    const mergedOptions = { ...initOptions, ...options2 };
+    try {
+      if (isEmpty) {
+        if (chart) {
+          chart.clear();
+        }
+        emptyStateManager.create();
+        return;
+      } else {
+        emptyStateManager.remove();
+      }
+      if (isContainerVisible(chartRef.value)) {
+        if (initDelay > 0) {
+          setTimeout(() => performChartInit(mergedOptions), initDelay);
+        } else {
+          performChartInit(mergedOptions);
+        }
+      } else {
+        pendingOptions = mergedOptions;
+        createIntersectionObserver();
+      }
+    } catch (error) {
+      console.error("\u56FE\u8868\u521D\u59CB\u5316\u5931\u8D25:", error);
+    }
+  };
+  const updateChart = (options2) => {
+    if (isDestroyed) return;
+    try {
+      if (!chart) {
+        initChart(options2);
+        return;
+      }
+      chart.setOption(options2);
+    } catch (error) {
+      console.error("\u56FE\u8868\u66F4\u65B0\u5931\u8D25:", error);
+    }
+  };
+  const handleResize = () => {
+    if (chart && !isDestroyed) {
+      try {
+        chart.resize();
+      } catch (error) {
+        console.error("\u56FE\u8868resize\u5931\u8D25:", error);
+      }
+    }
+  };
+  const destroyChart = () => {
+    isDestroyed = true;
+    if (chart) {
+      try {
+        chart.dispose();
+      } catch (error) {
+        console.error("\u56FE\u8868\u9500\u6BC1\u5931\u8D25:", error);
+      } finally {
+        chart = null;
+      }
+    }
+    cleanupMenuWatchers();
+    cleanupThemeWatcher();
+    emptyStateManager.remove();
+    cleanupIntersectionObserver();
+    clearTimers();
+    clearStyleCache();
+    pendingOptions = null;
+  };
+  const getChartInstance = () => chart;
+  const isChartInitialized = () => chart !== null;
+  vue.onMounted(() => {
+    window.addEventListener("resize", debouncedResize);
+  });
+  vue.onBeforeUnmount(() => {
+    window.removeEventListener("resize", debouncedResize);
+  });
+  vue.onUnmounted(() => {
+    destroyChart();
+  });
+  return {
+    chartRef,
+    initChart,
+    updateChart,
+    handleResize,
+    destroyChart,
+    getChartInstance,
+    isChartInitialized,
+    emptyStateManager,
+    getAxisLineStyle,
+    getSplitLineStyle,
+    getAxisLabelStyle,
+    getAxisTickStyle,
+    getAnimationConfig,
+    getTooltipStyle,
+    getLegendStyle,
+    useChartOps,
+    getGridWithLegend
+  };
+}
+function useChartComponent(options) {
+  const {
+    props,
+    generateOptions,
+    checkEmpty,
+    watchSources = [],
+    onVisible,
+    chartOptions = {}
+  } = options;
+  const chart = useChart(chartOptions);
+  const { chartRef, initChart, emptyStateManager } = chart;
+  const isEmpty = vue.computed(() => {
+    if (props.isEmpty) return true;
+    if (checkEmpty) return checkEmpty();
+    return false;
+  });
+  const updateChart = () => {
+    vue.nextTick(() => {
+      if (isEmpty.value) {
+        if (chart.getChartInstance()) {
+          chart.getChartInstance()?.clear();
+        }
+        emptyStateManager.create();
+      } else {
+        emptyStateManager.remove();
+        initChart(generateOptions());
+      }
+    });
+  };
+  const handleChartVisible = () => {
+    if (onVisible) {
+      onVisible();
+    } else {
+      updateChart();
+    }
+  };
+  const stopHandles = [];
+  const setupWatchers = () => {
+    if (watchSources.length > 0) {
+      const stopHandle = vue.watch(watchSources, updateChart, { deep: true });
+      stopHandles.push(stopHandle);
+    }
+  };
+  const cleanupWatchers = () => {
+    stopHandles.forEach((stop) => stop());
+    stopHandles.length = 0;
+  };
+  const setupLifecycle = () => {
+    vue.onMounted(() => {
+      updateChart();
+      if (chartRef.value) {
+        chartRef.value.addEventListener("chartVisible", handleChartVisible);
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      if (chartRef.value) {
+        chartRef.value.removeEventListener("chartVisible", handleChartVisible);
+      }
+      cleanupWatchers();
+      emptyStateManager.remove();
+    });
+  };
+  setupWatchers();
+  setupLifecycle();
+  return {
+    ...chart,
+    isEmpty,
+    updateChart,
+    handleChartVisible
+  };
+}
+
+exports.useChart = useChart;
+exports.useChartComponent = useChartComponent;
+exports.useChartOps = useChartOps;

package/lib/packages/core/index.js

@@ -11,6 +11,7 @@ require('./utils/index.js');
 var index$g = require('./auth/index.js');
 var dateTimeShortCust = require('./hook/dateTimeShortCust.js');
 var useVxeTableOptionsHook = require('./hook/useVxeTableOptionsHook.js');
+var useChart = require('./hook/useChart.js');
 var index$h = require('./utils/cityparess/index.js');
 require('./types/index.js');
 var index$1 = require('./ui/components/svgIcon/index.js');
@@ -78,6 +79,9 @@ exports.hAuthAll = index$g.hAuthAll;
 exports.hAuths = index$g.hAuths;
 exports.useDateTimeShortCust = dateTimeShortCust.useDateTimeShortCust;
 exports.useVxeTable = useVxeTableOptionsHook.useVxeTable;
+exports.useChart = useChart.useChart;
+exports.useChartComponent = useChart.useChartComponent;
+exports.useChartOps = useChart.useChartOps;
 exports.addressparsing = index$h.addressparsing;
 exports.elSvg = index$1.elSvg;
 exports.useApi = index$5.useApi;

package/lib/packages/core/locales/index.js

@@ -1,24 +1,24 @@
 'use strict';
 
 var vueI18n = require('vue-i18n');
-var de = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/de.js');
-var en = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/en.js');
-var es = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/es.js');
-var fi = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/fi.js');
-var fr = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/fr.js');
-var it = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/it.js');
-var ja = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ja.js');
-var ko = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ko.js');
-var no = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/no.js');
-var pl = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/pl.js');
-var pt = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/pt.js');
-var ru = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ru.js');
-var zhCn = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/zh-cn.js');
-var zhTw = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/zh-tw.js');
-var th = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/th.js');
-var id = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/id.js');
-var ms = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ms.js');
-var vi = require('../../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/vi.js');
+var de = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/de.js');
+var en = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/en.js');
+var es = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/es.js');
+var fi = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/fi.js');
+var fr = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/fr.js');
+var it = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/it.js');
+var ja = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ja.js');
+var ko = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ko.js');
+var no = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/no.js');
+var pl = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/pl.js');
+var pt = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/pt.js');
+var ru = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ru.js');
+var zhCn = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/zh-cn.js');
+var zhTw = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/zh-tw.js');
+var th = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/th.js');
+var id = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/id.js');
+var ms = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ms.js');
+var vi = require('../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.26_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/vi.js');
 var enUS = require('../../../_virtual/en-US.js');
 var deDE = require('../../../_virtual/de-DE.js');
 var esES = require('../../../_virtual/es-ES.js');

package/lib/packages/core/plugins/echarts.js

@@ -0,0 +1,56 @@
+'use strict';
+
+var core = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/core.js');
+require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/charts.js');
+require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/components.js');
+require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/renderers.js');
+var extension = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/extension.js');
+var install = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/chart/bar/install.js');
+var install$1 = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/chart/line/install.js');
+var install$2 = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/chart/pie/install.js');
+var install$3 = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/chart/scatter/install.js');
+var install$4 = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/chart/radar/install.js');
+var install$5 = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/chart/map/install.js');
+var install$6 = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/chart/candlestick/install.js');
+var install$7 = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/component/title/install.js');
+var install$8 = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/component/tooltip/install.js');
+var install$9 = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/component/grid/install.js');
+var install$a = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/component/legend/install.js');
+var install$b = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/component/dataZoom/install.js');
+var installMarkPoint = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/component/marker/installMarkPoint.js');
+var installMarkLine = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/component/marker/installMarkLine.js');
+var install$c = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/component/toolbox/install.js');
+var install$d = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/component/brush/install.js');
+var install$e = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/component/geo/install.js');
+var install$f = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/component/visualMap/install.js');
+var installCanvasRenderer = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/renderer/installCanvasRenderer.js');
+var graphic$1 = require('../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/export/api/graphic.js');
+
+extension.use([
+  // 图表类型
+  install.install,
+  install$1.install,
+  install$2.install,
+  install$3.install,
+  install$4.install,
+  install$5.install,
+  install$6.install,
+  // 组件
+  install$7.install,
+  install$8.install,
+  install$9.install,
+  install$a.install,
+  install$b.install,
+  installMarkPoint.install,
+  installMarkLine.install,
+  install$c.install,
+  install$d.install,
+  install$e.install,
+  install$f.install,
+  // 渲染器
+  installCanvasRenderer.install
+]);
+const graphic = graphic$1;
+
+exports.echarts = core;
+exports.graphic = graphic;

package/lib/packages/core/types/chart/index.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/lib/packages/core/types/index.js

@@ -8,4 +8,5 @@ require('./layout/index.js');
 require('./pinia/index.js');
 require('./view/index.js');
 require('./menu/index.js');
+require('./chart/index.js');
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fmdevui/fm-dev",
-  "version": "1.0.113",
+  "version": "1.0.114",
   "description": "Page level components developed based on Element Plus.",
   "author": "fmdevui",
   "keywords": [