aldehyde 0.2.527 → 0.2.528

package/lib/icon/local-aliIcon/iconfont.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconfont.js","sourceRoot":"","sources":["../../../../../src/aldehyde/icon/local-aliIcon/iconfont.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"iconfont.js","sourceRoot":"","sources":["../../../../../src/aldehyde/icon/local-aliIcon/iconfont.js"],"names":[],"mappings":"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"}

package/lib/lowcode-components/base-table/index.less

@@ -1,62 +1,62 @@
-.base-table {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-
-  .base-table-empty {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  table {
-    width: 100%;
-    text-align: center;
-    table-layout: fixed;
-    /* 关键：合并相邻边框，消除双线 */
-    border-collapse: collapse;
-    margin-top: -2px;
-
-    thead {
-      position: relative;
-      z-index: 1;
-
-      th {
-        padding: 0 4px;
-      }
-    }
-
-
-    .scroll-body {
-      overflow: hidden;
-      animation: scroll 10s linear infinite;
-
-      td {
-        padding: 0 4px;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-    }
-  }
-
-  table:hover {
-    .scroll-body {
-      animation-play-state: paused !important;
-    }
-  }
-
-}
-
-
-@keyframes scroll {
-  0% {
-    transform: translateY(0);
-  }
-
-  100% {
-    transform: translateY(-100%);
-  }
+.base-table {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+
+  .base-table-empty {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  table {
+    width: 100%;
+    text-align: center;
+    table-layout: fixed;
+    /* 关键：合并相邻边框，消除双线 */
+    border-collapse: collapse;
+    margin-top: -2px;
+
+    thead {
+      position: relative;
+      z-index: 1;
+
+      th {
+        padding: 0 4px;
+      }
+    }
+
+
+    .scroll-body {
+      overflow: hidden;
+      animation: scroll 10s linear infinite;
+
+      td {
+        padding: 0 4px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+
+  table:hover {
+    .scroll-body {
+      animation-play-state: paused !important;
+    }
+  }
+
+}
+
+
+@keyframes scroll {
+  0% {
+    transform: translateY(0);
+  }
+
+  100% {
+    transform: translateY(-100%);
+  }
 }

package/lib/lowcode-components/data-number/index.less

@@ -1,11 +1,11 @@
-.data-number-component {
-  --stroke-color: #000000;
-  --stroke-width: 0;
-
-  height: 100%;
-  display: flex;
-  -webkit-text-stroke-color: var(--stroke-color);
-  -webkit-text-stroke-width: var(--stroke-width);
-  stroke-color: var(--stroke-color);
-  stroke-width: var(--stroke-width);
+.data-number-component {
+  --stroke-color: #000000;
+  --stroke-width: 0;
+
+  height: 100%;
+  display: flex;
+  -webkit-text-stroke-color: var(--stroke-color);
+  -webkit-text-stroke-width: var(--stroke-width);
+  stroke-color: var(--stroke-color);
+  stroke-width: var(--stroke-width);
 }

package/lib/lowcode-components/date-time/index.less

@@ -1,5 +1,5 @@
-.date-time-component {
-  width: 100%;
-  height: 100%;
-  display: flex;
+.date-time-component {
+  width: 100%;
+  height: 100%;
+  display: flex;
 }

package/lib/lowcode-components/four-angle-glow-border/index.less

@@ -1,50 +1,50 @@
-.four-angle-glow {
-  --fagb-color: #00ebff;
-  --fagb-width: 2px;
-  --fagb-length: 8px;
-  --fagb-radius: 3px;
-  width: 100%;
-  height: 100%;
-  position: relative;
-
-  .angle {
-    position: absolute;
-    border: var(--fagb-width) solid var(--fagb-color);
-    width: var(--fagb-length);
-    height: var(--fagb-length);
-  }
-
-  .angle-tl {
-    margin: -1px 0 0 -1px;
-    border-right: 0;
-    border-bottom: 0;
-    border-top-left-radius: var(--fagb-radius);
-  }
-
-  .angle-tr {
-    top: 0;
-    right: 0;
-    border-left: 0;
-    border-bottom: 0;
-    margin: -1px -1px 0 0;
-    border-top-right-radius: var(--fagb-radius);
-  }
-
-  .angle-bl {
-    bottom: 0;
-    left: 0;
-    border-top: 0;
-    border-right: 0;
-    margin: 0 0 -1px -1px;
-    border-bottom-left-radius: var(--fagb-radius);
-  }
-
-  .angle-br {
-    bottom: 0;
-    right: 0;
-    border-left: 0;
-    border-top: 0;
-    margin: 0 -1px -1px 0;
-    border-bottom-right-radius: var(--fagb-radius);
-  }
+.four-angle-glow {
+  --fagb-color: #00ebff;
+  --fagb-width: 2px;
+  --fagb-length: 8px;
+  --fagb-radius: 3px;
+  width: 100%;
+  height: 100%;
+  position: relative;
+
+  .angle {
+    position: absolute;
+    border: var(--fagb-width) solid var(--fagb-color);
+    width: var(--fagb-length);
+    height: var(--fagb-length);
+  }
+
+  .angle-tl {
+    margin: -1px 0 0 -1px;
+    border-right: 0;
+    border-bottom: 0;
+    border-top-left-radius: var(--fagb-radius);
+  }
+
+  .angle-tr {
+    top: 0;
+    right: 0;
+    border-left: 0;
+    border-bottom: 0;
+    margin: -1px -1px 0 0;
+    border-top-right-radius: var(--fagb-radius);
+  }
+
+  .angle-bl {
+    bottom: 0;
+    left: 0;
+    border-top: 0;
+    border-right: 0;
+    margin: 0 0 -1px -1px;
+    border-bottom-left-radius: var(--fagb-radius);
+  }
+
+  .angle-br {
+    bottom: 0;
+    right: 0;
+    border-left: 0;
+    border-top: 0;
+    margin: 0 -1px -1px 0;
+    border-bottom-right-radius: var(--fagb-radius);
+  }
 }

package/lib/lowcode-components/heatmap-chart/index.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { DataConfigProps } from "../data";
+export interface ComponentStyle {
+    tooltip?: {
+        show: boolean;
+    };
+    grid?: {
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+    xAxis?: {
+        [key: string]: any;
+    };
+    yAxis?: {
+        [key: string]: any;
+    };
+    renderer?: "canvas" | "svg";
+}
+export interface ComponentProps {
+    style?: ComponentStyle;
+    base?: {
+        width: number;
+        height: number;
+    };
+    data?: DataConfigProps;
+    isDesignMode?: boolean;
+    initSearchParams?: {
+        [key: string]: any;
+    };
+}
+export interface ComponentRef {
+    updateConfig: (newConfig: ComponentProps) => void;
+    destroy: () => void;
+    updateSearchParams: (params: {
+        [key: string]: any;
+    }) => void;
+}
+declare const Index: React.ForwardRefExoticComponent<ComponentProps & React.RefAttributes<ComponentRef>>;
+export default Index;
+//# sourceMappingURL=index.d.ts.map

package/lib/lowcode-components/heatmap-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/aldehyde/lowcode-components/heatmap-chart/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqF,MAAM,OAAO,CAAC;AAK1G,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAyH1C,MAAM,WAAW,cAAc;IAC3B,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC;IAC5B,IAAI,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpE,KAAK,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAC/B,KAAK,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CAC7C;AAED,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,EAAE,CAAC,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;CAChE;AAED,QAAA,MAAM,KAAK,qFAiNT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/heatmap-chart/index.js

@@ -0,0 +1,326 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import * as echarts from 'echarts';
+import React, { useEffect, useRef, useState, forwardRef, useImperativeHandle } from 'react';
+import _ from 'lodash';
+import { Spin } from "antd";
+import { useLocale } from "../../locale/useLocale";
+import HydrocarbonService from "../../tmpl/hcservice-v3";
+/**
+ * 热力图组件
+ * x轴：维度1（d1）
+ * y轴：维度2（d2）
+ * 数值：事实1（v1）
+ * 状态-颜色：事实2（v2）
+ */
+const defData = [
+    ['01', 'A', 0],
+    ['02', 'A', 0],
+    ['03', 'A', 0],
+    ['04', 'A', 2.3],
+    ['05', 'A', 3.5],
+    ['06', 'A', 0],
+    ['01', 'B', 2.820],
+    ['02', 'B', 2.950],
+    ['03', 'B', 0],
+    ['04', 'B', 3.620],
+    ['05', 'B', 3.710],
+    ['06', 'B', 4.650],
+    ['01', 'C', 3.210],
+    ['02', 'C', 3.350],
+    ['03', 'C', 3.660],
+    ['04', 'C', 0],
+    ['05', 'C', 3.920],
+    ['06', 'C', 4.100],
+    ['01', 'D', 4.600],
+    ['02', 'D', 4.750],
+    ['03', 'D', 3.910],
+    ['04', 'D', 3.820],
+    ['05', 'D', 0],
+    ['06', 'D', 3.640]
+];
+const defVisualMap = {
+    show: false,
+    type: 'piecewise',
+    left: 'left',
+    bottom: '5%',
+    textStyle: { color: '#fff' },
+    pieces: [
+        { min: 0, max: 0, color: '#666e7f', label: '停工无生产' },
+        { min: 0.001, lt: 3.5, color: '#00c878', label: '优(<3.5)' },
+        { min: 3.5, lt: 4.5, color: '#ffd040', label: '良(3.5~4.5)' },
+        { min: 4.5, color: '#ff3b30', label: '差(≥4.5)' }
+    ]
+};
+const defOption = {
+    title: {
+        text: '暂无数据',
+        left: 'center',
+        top: 'middle',
+        show: false, // 无数据时显示
+    },
+    tooltip: { trigger: "axis", formatter: undefined },
+    grid: { top: 30, left: 30, right: 20, bottom: 30 },
+    visualMap: {
+        show: false
+    },
+    xAxis: {
+        type: 'category',
+        data: ['01', '02', '03', '04', '05', '06'],
+    },
+    yAxis: {
+        type: 'category',
+        data: ['A', 'B', 'C', 'D'],
+    },
+    series: [
+        {
+            type: 'heatmap',
+            data: defData,
+            itemStyle: {
+                borderColor: '#aaaaaa',
+                borderWidth: 1
+            },
+            label: {
+                show: true,
+                color: '#fff',
+                fontSize: 9,
+            },
+        }
+    ]
+};
+// 处理关系字段显示
+const handleRelationVal = (val) => {
+    if (!val) {
+        return val;
+    }
+    if (typeof val === "string" && (val === null || val === void 0 ? void 0 : val.includes("@R@"))) {
+        return val.split("@R@")[1];
+    }
+    else {
+        return val;
+    }
+};
+// 处理数据格式
+const handleData = (data) => {
+    if (!(data === null || data === void 0 ? void 0 : data.length)) {
+        return { xAxisData: [], yAxisData: [], data: [] };
+    }
+    const temData = data.map((r) => {
+        const { config, value } = r;
+        // 维度字段 (d1、d2等)
+        const dNames = Object.keys(config).filter((r) => r.startsWith("d") && !r.includes("-")).sort((a, b) => parseInt(a.substring(1)) - parseInt(b.substring(1)));
+        // 事实字段 (v1、v2等) v1数值，v2颜色
+        const vNames = Object.keys(config).filter((r) => r.startsWith("v") && !r.includes("-")).sort((a, b) => parseInt(a.substring(1)) - parseInt(b.substring(1)));
+        return value.map((r) => ({ value: [handleRelationVal(r["d1"]), handleRelationVal(r["d2"]), r["v1"]], itemStyle: { color: r["v2-color"] }, otherData: [...dNames.map(v => ({ name: config[v], value: handleRelationVal(r[v]), key: v })), ...vNames.map(v => ({ name: config[v], value: r[v], key: v, color: r[v + "-color"] }))] }));
+    });
+    let xAxisData = [], yAxisData = [];
+    temData[0].forEach((r) => {
+        if (!xAxisData.includes(r.value[0]))
+            xAxisData.push(r.value[0]);
+        if (!yAxisData.includes(r.value[1]))
+            yAxisData.push(r.value[1]);
+    });
+    return { xAxisData, yAxisData, data: temData[0] };
+};
+const Index = forwardRef((props, ref) => {
+    const { style, data: propsData, isDesignMode } = props;
+    const [config, setConfig] = useState(style || {});
+    const [renderType, setRenderType] = useState((style === null || style === void 0 ? void 0 : style.renderer) || "svg"); // 渲染模式
+    const [size, setSize] = useState();
+    const [dataConfig, setDataConfig] = useState(Object.assign({}, propsData)); // 数据源配置
+    const [data, setData] = useState([]);
+    const [xAxisData, setXAxisData] = useState([]);
+    const [yAxisData, setYAxisData] = useState([]);
+    const [searchParams, setSearchParams] = useState();
+    const [initSearchParams, setInitSearchParams] = useState();
+    const [loading, setLoading] = useState(false);
+    const chartRef = useRef(null);
+    const chart = useRef(null);
+    const pollingIntervalRef = useRef(null);
+    const resizeObserverRef = useRef(null);
+    const { translate } = useLocale();
+    const handleDestroy = () => {
+        pollingIntervalRef.current && clearInterval(pollingIntervalRef.current);
+        resizeObserverRef.current && resizeObserverRef.current.disconnect();
+        chart.current && chart.current.dispose();
+    };
+    // 全局初始化请求数据处理
+    const handleInitData = (val) => {
+        if (val.sourceType === "sourceId" && val.isInit && val.initData) {
+            const { config: dataConfig, value } = val.initData;
+            const temData = handleData(value);
+            setData(temData.data || []);
+            setXAxisData(temData.xAxisData || []);
+            setYAxisData(temData.yAxisData || []);
+            if ((dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.requestMode) === "polling") {
+                pollingIntervalRef.current = setInterval(() => { getData(); }, (dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.pollingInterval) || 60000);
+            }
+        }
+    };
+    // ws订阅数据更新
+    const handleWSData = (val) => {
+        if (val.sourceType === "sourceId" && val.wsData) {
+            const { value } = val.initData;
+            const temData = handleData(value);
+            setData(temData.data || []);
+            setXAxisData(temData.xAxisData || []);
+            setYAxisData(temData.yAxisData || []);
+        }
+    };
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            const { base, style: newStyle, data: newDataConfig, initSearchParams: newISParams } = newConfig;
+            setConfig(Object.assign({}, (newStyle || {})));
+            setSize({ width: base.width, height: base.height });
+            setDataConfig(newDataConfig);
+            setRenderType((newStyle === null || newStyle === void 0 ? void 0 : newStyle.renderer) || "svg");
+            handleInitData(newDataConfig);
+            setSearchParams(newDataConfig.searchParams);
+            setInitSearchParams(newISParams);
+            handleWSData(newDataConfig);
+        },
+        updateSearchParams: (params) => {
+            setInitSearchParams(params);
+        },
+        destroy: handleDestroy,
+    }));
+    // 窗口大小变化时重新调整图表大小
+    const handleResize = () => {
+        const container = chartRef.current;
+        if (!container || container.offsetWidth === 0 || container.offsetHeight === 0)
+            return;
+        if (chart.current) {
+            requestAnimationFrame(() => {
+                chart.current.resize({ animation: { duration: 500 } });
+            });
+        }
+    };
+    useEffect(() => {
+        return () => {
+            handleDestroy();
+        };
+    }, []);
+    useEffect(() => {
+        handleDestroy();
+        chart.current = echarts.init(chartRef.current, null, { renderer: renderType, useDirtyRect: true });
+        // 监听容器尺寸变化：页面从隐藏（如切到其他 tab）变为可见时，图表自动重新适应
+        resizeObserverRef.current = new ResizeObserver(() => handleResize());
+        resizeObserverRef.current.observe(chartRef.current);
+    }, [renderType]);
+    // 请求数据
+    const getData = (params) => __awaiter(void 0, void 0, void 0, function* () {
+        setLoading(true);
+        const { data } = (yield HydrocarbonService.requestChartData(null, dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.sourceId, params)) || {};
+        setLoading(false);
+        const temData = handleData(data === null || data === void 0 ? void 0 : data.value);
+        setData(temData.data || []);
+        setXAxisData(temData.xAxisData || []);
+        setYAxisData(temData.yAxisData || []);
+        return data === null || data === void 0 ? void 0 : data.config;
+    });
+    // 初始化请求数据
+    const getInitData = (params) => __awaiter(void 0, void 0, void 0, function* () {
+        pollingIntervalRef.current && clearInterval(pollingIntervalRef.current);
+        const config = yield getData(params);
+        if ((config === null || config === void 0 ? void 0 : config.requestMode) === "polling") {
+            pollingIntervalRef.current = setInterval(() => getData(params), (config === null || config === void 0 ? void 0 : config.pollingInterval) || 60000);
+        }
+    });
+    // 静态数据处理
+    useEffect(() => {
+        if ((dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.sourceType) === 'staticData') {
+            const temData = handleData(dataConfig.staticData);
+            setData(temData.data || []);
+            setXAxisData(temData.xAxisData || []);
+            setYAxisData(temData.yAxisData || []);
+        }
+    }, [dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.sourceType, dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.staticData]);
+    /**
+     * 数据源数据请求
+     * 1、编辑态不请求数据
+     */
+    useEffect(() => {
+        if (!isDesignMode && (dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.sourceType) === 'sourceId' && (dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.sourceId) && !(dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.isInit) && (dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.isDefRequest) !== false) {
+            if (dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.isInitParams) { // 组件数据源接收外部参数
+                initSearchParams && getInitData(initSearchParams);
+            }
+            else {
+                getInitData();
+            }
+        }
+        else if ((dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.sourceType) === 'sourceId') {
+            setData([]);
+        }
+    }, [dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.sourceType, dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.sourceId, initSearchParams]);
+    // 搜索参数变化时重新请求数据
+    useEffect(() => {
+        if (searchParams) {
+            const params = Object.assign(Object.assign({}, (initSearchParams || {})), searchParams);
+            if (dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.isInitParams) { // 数据源接收外部参数，则参数存在再请求
+                initSearchParams && getInitData(params);
+            }
+            else {
+                getInitData(params);
+            }
+        }
+    }, [searchParams, initSearchParams]);
+    const renderChart = (tData) => {
+        const { grid, tooltip, xAxis, yAxis } = config;
+        const option = _.cloneDeep(defOption);
+        const isDefaultData = isDesignMode && !(tData === null || tData === void 0 ? void 0 : tData.length);
+        // 编辑态无数据显示默认数据
+        const temData = isDefaultData ? defData : tData;
+        option.grid = grid;
+        option.tooltip = Object.assign(Object.assign({ trigger: "axis" }, tooltip), { formatter: (params) => {
+                var _a, _b;
+                const temData = ((_b = (_a = params[0]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.otherData) || [];
+                if (!(temData === null || temData === void 0 ? void 0 : temData.length)) {
+                    return undefined;
+                }
+                return temData.map(item => `<div style="margin-bottom: 6px;"><span style="font-weight: bold;font-size: 15px;">${item.name}</span>：<span style=${item.color ? `color:${item.color}` : ""}>${item.value}</span></div>`).join('');
+            } });
+        option.xAxis = Object.assign(Object.assign(Object.assign({}, option.xAxis), xAxis), { data: isDefaultData ? option.xAxis.data : xAxisData || [] });
+        option.yAxis = Object.assign(Object.assign(Object.assign({}, option.yAxis), yAxis), { data: isDefaultData ? option.yAxis.data : yAxisData || [] });
+        option.title.text = translate("${暂无数据}");
+        option.title.show = !(temData === null || temData === void 0 ? void 0 : temData.length);
+        option.visualMap = isDefaultData ? defVisualMap : { show: false };
+        option.series = [{
+                type: "heatmap",
+                data: temData,
+                itemStyle: {
+                    borderColor: "#000",
+                    borderWidth: 1,
+                },
+                label: {
+                    show: true,
+                    color: "#fff",
+                    fontSize: 12,
+                },
+            }];
+        chart.current.setOption(option, true);
+    };
+    useEffect(() => {
+        if (config) {
+            renderChart(data);
+        }
+    }, [config, data]);
+    useEffect(() => {
+        if (size) {
+            handleResize();
+        }
+    }, [size]);
+    const renderChartDom = () => React.createElement("div", { ref: chartRef, style: { width: '100%', height: '100%' } });
+    if (isDesignMode) {
+        return renderChartDom();
+    }
+    return React.createElement(Spin, { spinning: loading }, renderChartDom());
+});
+export default Index;
+//# sourceMappingURL=index.js.map