@indfnd/common-mobile-pro 1.0.70 → 1.0.71

package/dist/gy-common-mobile-umd-unuse.min.js

@@ -178648,8 +178648,8 @@ var packages_common_table_component = (0,packages_componentNormalizer["default"]
 
 /* harmony default export */ const packages_components_common_table = (packages_common_table);
 
-;// ./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/components/data-chart/index.vue?vue&type=template&id=675ff4b9
-var packages_data_chartvue_type_template_id_675ff4b9_render = function render() {
+;// ./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/components/data-chart/index.vue?vue&type=template&id=56e77c6e
+var packages_data_chartvue_type_template_id_56e77c6e_render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c(
@@ -178673,11 +178673,11 @@ var packages_data_chartvue_type_template_id_675ff4b9_render = function render()
     ]
   )
 }
-var packages_data_chartvue_type_template_id_675ff4b9_staticRenderFns = []
-packages_data_chartvue_type_template_id_675ff4b9_render._withStripped = true
+var packages_data_chartvue_type_template_id_56e77c6e_staticRenderFns = []
+packages_data_chartvue_type_template_id_56e77c6e_render._withStripped = true
 
 
-;// ./packages/components/data-chart/index.vue?vue&type=template&id=675ff4b9
+;// ./packages/components/data-chart/index.vue?vue&type=template&id=56e77c6e
 
 ;// ./node_modules/echarts/node_modules/tslib/tslib.es6.js
 /*! *****************************************************************************
@@ -285390,526 +285390,942 @@ packages_use(packages_installUniversalTransition);
 // })
 packages_use(packages_installLabelLayout);
 ;// ./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/components/data-chart/index.vue?vue&type=script&lang=js
-
-
-/* harmony default export */ const packages_data_chartvue_type_script_lang_js = ({
-  props: {
-    datas: {
-      type: Object,
-      default: () => {},
-    },
-  },
-  watch: {
-    datas: {
-      deep: true,
-      immediate: true,
-      handler(newVal) {
-        this.updateChart()
-        this.checkDatas(newVal)
-      },
-    },
-  },
-  data() {
-    return {
-      chart: null,
-      resizeObserver: null,
-    }
-  },
-  computed: {
-    getGrid() {
-      return {
-        top: this.datas.grid?.top || '23%', // 距离容器顶部的距离
-        left: this.datas.grid?.left || '10%', // 距离容器左侧的距离
-        right: this.datas.grid?.right || '10%', // 距离容器右侧的距离
-        bottom: this.datas.grid?.bottom || '0%', // 距离容器底部的距离
-        containLabel: true, // 自动包含坐标轴的标签区域，以防止标签被裁剪
-      }
-    },
-    getTitle() {
-      const { title } = this.datas
-      return typeof title === 'string'
-        ? {
-            left: '2%', // 距离左侧2%
-            top: '2%', // 距离顶部2%
-            text: title,
-          }
-        : {
-            left: '2%', // 距离左侧2%
-            top: '2%', // 距离顶部2%
-            ...title,
-          }
-    },
-    getYaxis() {
-      if (!this.datas.yAxis) return []
-      // Y轴传递的为数组
-      if (Array.isArray(this.datas.yAxis)) {
-        return this.datas.yAxis.length === 1
-          ? this.formatSingleYAxis(this.datas.yAxis[0])
-          : this.formatMultipleYAxis(this.datas.yAxis)
-      }
-      // Y轴传递的为对象
-      return typeof this.datas.yAxis === 'object' ? this.formatYAxis(this.datas.yAxis) : {}
-    },
-    getXaxis() {
-      if (!this.datas.xAxis) return []
-      // 对象就是单X轴
-      if (typeof this.datas.xAxis === 'object' && !Array.isArray(this.datas.xAxis)) {
-        return this.formatXAxis(this.datas.xAxis)
-      } else if (Array.isArray(this.datas.xAxis)) {
-        return this.datas.xAxis.length === 1
-          ? this.formatSingleXAxis(this.datas.xAxis[0])
-          : this.formatMultipleXAxis(this.datas.xAxis)
-      }
-      return []
-    },
-    getTooltip() {
-      return this.datas.series.map((data) => {
-        if (data.type === 'scatter' || data.type === 'pie') {
-          return {
-            trigger: 'item',
-          }
-        } else {
-          return {
-            trigger: 'axis',
-          }
-        }
-      })
-    },
-    getSeries() {
-      return this.datas.series.map((data) => {
-        if (data.type === 'pie') {
-          return {
-            ...data,
-            center: [`${data.center ? data.center : 50}%`, '52%'],
-            label: {
-              show: true,
-              position: data.label,
-            },
-            data: data.data.map((item) => ({
-              ...item,
-            })),
-          }
-        } else if (data.type === 'bar') {
-          return {
-            ...data,
-            itemStyle: {
-              borderRadius: data.smooth ? [10, 10, 0, 0] : [0, 0, 0, 0],
-            },
-            emphasis: {
-              focus: 'series',
-            },
-          }
-        } else if (data.type === 'line') {
-          return {
-            ...data,
-            smooth: data.smooth,
-            label: {
-              show: false,
-              position: 'top',
-              formatter: '{c} units',
-            },
-            emphasis: {
-              focus: 'series',
-            },
-            symbol: 'circle', // 点的形状：'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
-            symbolSize: 6, // 点的大小
-            lineStyle: {
-              width: 1,
-              type: 'solid',
-            },
-          }
-        } else if (data.type === 'scatter') {
-          return {
-            ...data,
-            symbol: 'rect', // 点的形状设置为带圆角的矩形
-            symbolSize: (data, params) => {
-              const name = params?.data?.name || '' // 检查 name 是否存在，若不存在则赋值为空字符串
-              const textLength = name.length // 获取字符长度
-              const width = Math.max(40, textLength * 15) // 每个字符15px，最小宽度为40px
-              const height = 25 // 高度固定为25px
-              return [width, height]
-            },
-            tooltip: {
-              show: true,
-              formatter: (params) => {
-                const xValue = params?.data?.value?.[0] ?? 'N/A' // 如果 X 值不存在，显示 "N/A"
-                const yValue = params?.data?.value?.[1] ?? 'N/A' // 如果 Y 值不存在，显示 "N/A"
-                return `X: ${xValue}, Y: ${yValue}` // 提示框的格式
-              },
-            },
-            label: {
-              show: true, // 显示文字标签
-              formatter: (params) => {
-                const name = params?.data?.name || 'Unknown' // 当 name 不存在时使用 "Unknown"
-                return `${name}`
-              },
-              position: 'inside', // 文字显示在矩形内部
-              fontSize: 12, // 文字大小
-              align: 'center', // 文字居中对齐
-              verticalAlign: 'middle', // 文字垂直居中对齐
-            },
-          }
-        }
-      })
-    },
-    getLegend() {
-      const showLegend = this.datas?.showLegend?.[0] ?? true
-      if (!showLegend) {
-        return null
-      }
-      if (!this.datas.legend)
-        return {
-          orient: this.datas?.showLegend?.[1] || 'horizontal',
-          top: '2%',
-          right: '2%',
-        }
-      // Y轴传递的为数组
-      if (Array.isArray(this.datas.legend)) {
-        return this.datas.yAxis.length === 1
-          ? this.formatLegend(this.datas.legend[0])
-          : this.formatMultipleLegend(this.datas.legend)
-      }
-      // Y轴传递的为对象
-      return typeof this.datas.legend === 'object' ? this.formatLegend(this.datas.legend) : {}
-    },
-    getGraphic() {
-      if (this.datas.graphic) {
-        return [
-          // 第一象限背景色和文字
-          {
-            type: 'text',
-            left: '32%',
-            top: '32%',
-            style: {
-              text: this.datas.graphic[0],
-              fill: '#ddd', // 标签文字颜色,
-              font: 'bold 16px sans-serif',
-            },
-          },
-          // 第二象限背景色和文字
-          {
-            type: 'text',
-            left: '70%',
-            top: '32%',
-            style: {
-              text: this.datas.graphic[1],
-              fill: '#ddd', // 标签文字颜色,
-              font: 'bold 16px sans-serif',
-            },
-          },
-          // 第三象限背景色和文字
-          {
-            type: 'text',
-            left: '70%',
-            top: '58%',
-            style: {
-              text: this.datas.graphic[3],
-              fill: '#ddd', // 标签文字颜色,
-              font: 'bold 16px sans-serif',
-            },
-          },
-          // 第四象限背景色和文字
-          {
-            type: 'text',
-            left: '32%',
-            top: '58%',
-            style: {
-              text: this.datas.graphic[2],
-              fill: '#ddd', // 标签文字颜色,
-              font: 'bold 16px sans-serif',
-            },
-          },
-        ]
-      } else {
-        return []
-      }
-    },
-    getDataZoom() {
-      return this.datas.dataZoom
-    },
-  },
-  mounted() {
-    this.initchart()
-    this.initResizeObserver()
-    this.checkDatas(this.datas)
-  },
-  beforeDestroy() {
-    this.cleanupResizeObserver()
-    this.disposeChart()
-  },
-  methods: {
-    formatMultipleLegend(legends) {
-      return legends.map((legend) => ({
-        ...legend,
-        orient: legend.orient || 'horizontal', // 默认方向为水平
-        textStyle: {
-          ...(legend.textStyle || {}), // 合并用户传入的 textStyle 配置
-        },
-      }))
-    },
-    formatLegend(legend) {
-      return {
-        ...legend,
-        orient: legend.orient || 'horizontal', // 默认方向为水平
-        textStyle: {
-          ...(legend.textStyle || {}), // 合并用户传入的 textStyle 配置
-        },
-      }
-    },
-    disposeChart() {
-      if (this.chart) {
-        this.chart.dispose()
-        this.chart = null
-      }
-    },
-    initResizeObserver() {
-      this.resizeObserver = new ResizeObserver(() => {
-        if (this.chart) this.chart.resize()
-      })
-      this.resizeObserver.observe(this.$refs.main)
-    },
-    cleanupResizeObserver() {
-      if (this.resizeObserver) {
-        this.resizeObserver.disconnect()
-        this.resizeObserver = null
-      }
-    },
-    updateChart() {
-      if (!this.chart) {
-        return
-      }
-      this.initchart()
-    },
-    // 对象时的配置
-    formatYAxis(yAxis) {
-      // 获取数据时增加默认值和防御性检查
-      const seriesData = this.datas?.series || [] // 如果 this.datas 或 series 是 undefined，使用空数组作为默认值
-      const result = seriesData
-        .flatMap((item) => item.data.map((innerItem) => innerItem.value[1]))
-        .filter(
-          (value) =>
-            value !== null &&
-            value !== undefined && // 排除 null 和 undefined
-            !isNaN(Number(value)) &&
-            isFinite(Number(value)), // 检查是否是有效数值（包括字符串形式的纯数字）
-        )
-      const maxAbsoluteValue = Math.max(...result.map((value) => Math.abs(value)))
-
-      // 动态设置 y 轴配置
-      return {
-        ...yAxis,
-        ...{
-          min: -maxAbsoluteValue,
-          max: maxAbsoluteValue,
-          interval: Math.ceil(maxAbsoluteValue / 5),
-        }, // 仅在正负都有时设置 min 和 max
-        nameGap: 20, // 控制与轴线的距离
-        axisLabel: {
-          formatter: yAxis.formatter,
-        },
-        nameTextStyle: {
-          padding: yAxis.padding || null,
-        },
-        splitLine: {
-          show: true, // 显示背景线
-        },
-      }
-    },
-    // 对象时的配置
-    formatXAxis(xAxis) {
-      // 获取数据时增加默认值和防御性检查
-      const seriesData = this.datas?.series || [] // 如果 this.datas 或 series 是 undefined，使用空数组作为默认值
-      const result = seriesData
-        .flatMap((item) => item.data.map((innerItem) => innerItem.value[0]))
-        .filter(
-          (value) =>
-            value !== null &&
-            value !== undefined && // 排除 null 和 undefined
-            !isNaN(Number(value)) &&
-            isFinite(Number(value)), // 检查是否是有效数值（包括字符串形式的纯数字）
-        )
-      const maxAbsoluteValue = Math.max(...result.map((value) => Math.abs(value)))
-      // 返回带有动态配置的X轴配置
-      return {
-        ...xAxis, // 保留原有的xAxis配置
-        ...{
-          min: -maxAbsoluteValue,
-          max: maxAbsoluteValue,
-          interval: Math.ceil(maxAbsoluteValue / 5),
-        }, // 仅在正负都有时设置 min 和 max
-        nameRotate: 0, // 将名称旋转90度
-        nameGap: 20, // 控制与轴线的距离
-        nameTextStyle: {
-          padding: xAxis.padding || null,
-        },
-        axisLabel: {
-          formatter: xAxis.formatter,
-        },
-        splitLine: {
-          show: true, // 显示背景线
-        },
-      }
-    },
-    // 数组单Y轴的配置
-    formatSingleYAxis(yAxis) {
-      // 获取所有 yAxisIndex 为 0 的系列数据（左侧 Y 轴）
-      const YAxisData = this.datas.series.flatMap((serie) => serie.data)
-      const ret = this.calculateAxisRange(YAxisData)
-      return {
-        ...yAxis,
-        nameLocation: 'end',
-        boundaryGap: yAxis.type === 'category' ? true : [0, 0.01],
-        nameTextStyle: {
-          padding: yAxis.padding || null,
-        },
-        axisLabel: {
-          formatter: yAxis.formatter,
-        },
-        min: ret.min,
-        max: ret.max,
-        interval: ret.interval,
-        splitLine: {
-          show: true, // 显示背景线
-        },
-      }
-    },
-    // 数组单X轴的配置
-    formatSingleXAxis(xAxis) {
-      return {
-        ...xAxis,
-        boundaryGap: xAxis.type === 'category' ? true : [0, 0.01],
-        nameLocation: 'end',
-        nameTextStyle: {
-          padding: [0, 45, 0, 0],
-        },
-        axisLabel: {
-          formatter: xAxis.formatter,
-          rotate: xAxis.rotate, // 设置倾斜角度
-        },
-        scale: true,
-        axisLine: { onZero: true },
-        axisTick: {
-          // 刻度样式
-          show: false,
-          alignWithLabel: true, // 刻度与标签对齐
-          length: 5, // 刻度线长度
-        },
-        splitLine: {
-          show: false, // 显示背景线
-        },
-      }
-    },
-    // 数组多Y轴的配置
-    formatMultipleYAxis(yAxis) {
-      // 获取所有 yAxisIndex 为 0 的系列数据（左侧 Y 轴）
-      const leftYAxisData = this.datas.series
-        .filter((serie) => serie.yAxisIndex === 0)
-        .flatMap((serie) => serie.data)
-      const ret1 = this.calculateAxisRange(leftYAxisData)
-      // 获取所有 yAxisIndex 为 1 的系列数据（右侧 Y 轴）
-      const rightYAxisData = this.datas.series
-        .filter((serie) => serie.yAxisIndex === 1)
-        .flatMap((serie) => serie.data)
-      const ret2 = this.calculateAxisRange(rightYAxisData)
-      return yAxis.map((yAxisItem) => {
-        return {
-          ...yAxisItem, // 正确地将对象解构放入返回的对象中
-          min: yAxisItem.yAxisIndex === 0 ? ret1.min : ret2.min,
-          max: yAxisItem.yAxisIndex === 0 ? ret1.max : ret2.max,
-          interval: ret1.interval,
-          nameLocation: 'end',
-          nameTextStyle: {
-            padding: yAxisItem.padding || null,
-          },
-          nameGap: 15, // 控制名称与轴线的距离
-          axisLabel: {
-            formatter: yAxisItem.formatter,
-          },
-          splitLine: {
-            show: yAxisItem.yAxisIndex === 0 ? true : false, // 显示背景线
-          },
-        }
-      })
-    },
-    // 数组多X轴的配置
-    formatMultipleXAxis(xAxis) {
-      // 获取所有 yAxisIndex 为 0 的系列数据（左侧 Y 轴）
-      const leftxAxisData = this.datas.series
-        .filter((serie) => serie.xAxisIndex === 0)
-        .flatMap((serie) => serie.data)
-      const ret1 = this.calculateAxisRange(leftxAxisData)
-      // 获取所有 yAxisIndex 为 1 的系列数据（右侧 Y 轴）
-      const rightxAxisData = this.datas.series
-        .filter((serie) => serie.xAxisIndex === 1)
-        .flatMap((serie) => serie.data)
-      const ret2 = this.calculateAxisRange(rightxAxisData)
-      return xAxis.map((xAxisItem) => {
-        return {
-          ...xAxisItem, // 正确地将对象解构放入返回的对象中
-          min: xAxisItem.xAxisIndex === 0 ? ret1.min : ret2.min,
-          max: xAxisItem.xAxisIndex === 0 ? ret1.max : ret2.max,
-          interval: ret1.interval,
-          nameLocation: 'end',
-          nameTextStyle: {
-            padding: xAxisItem.padding || null,
-          },
-          nameGap: 15, // 控制名称与轴线的距离
-          axisLabel: {
-            formatter: xAxisItem.formatter,
-          },
-          splitLine: {
-            show: xAxisItem.xAxisIndex === 0 ? false : true,
-          },
-        }
-      })
-    },
-    calculateAxisRange(series) {
-      // 防御性检查
-      if (!Array.isArray(series) || series.length === 0) return [0, 0, 1] // 返回默认值，避免崩溃
-      // 过滤无效值
-      const validSeries = series.filter(
-        (value) =>
-          value !== null &&
-          value !== undefined &&
-          typeof value === 'number' &&
-          !Number.isNaN(value) &&
-          Number.isFinite(value),
-      )
-      if (validSeries.length === 0) return [0, 0, 1]
-      // 计算最大值和最小值
-      const maxDataValue = Math.max(...validSeries)
-      const minDataValue = Math.min(...validSeries)
-      // 确保范围有效
-      const max = Math.ceil(maxDataValue * 1.1) // 上限扩大 10%
-      const min = Math.floor(minDataValue * 1) // 下限保持不变
-      // 计算 interval，确保不为 0
-      const interval = Math.ceil((max - min) / 5) || 1 // 避免 interval 为 0
-      return [max, min, interval]
-    },
-    initchart() {
-      this.chart = packages_echarts_init(this.$refs.chart)
-      const lineOption = {
-        // 标题
-        title: this.getTitle,
-        grid: this.getGrid,
-        // 提示
-        tooltip: this.getTooltip,
-        // 四象限
-        graphic: this.getGraphic,
-        // 标签
-        legend: this.getLegend,
-        // 横轴
-        xAxis: this.getXaxis,
-        // 竖轴
-        yAxis: this.getYaxis,
-        // 数据
-        series: this.getSeries,
-        dataZoom: this.getDataZoom,
-      }
-      this.chart.setOption(lineOption)
-    },
-  },
-});
+
+
+const packages_westeros = {
+  color: [
+    'rgb(184, 125, 57)',
+    'rgb(59, 115, 205)',
+    'rgb(13, 180, 38)',
+    'rgb(241, 147, 0)',
+    '#aa47bc',
+    '#eb4165',
+    '#80cbc4',
+  ],
+  backgroundColor: '#fcf8ec',
+  textStyle: {},
+  title: {
+    textStyle: {
+      color: '#464646',
+    },
+    subtextStyle: {
+      color: '#6E7079',
+    },
+  },
+  line: {
+    itemStyle: {
+      borderWidth: 1,
+    },
+    lineStyle: {
+      width: 2,
+    },
+    symbolSize: 4,
+    symbol: 'emptyCircle',
+    smooth: false,
+  },
+  radar: {
+    itemStyle: {
+      borderWidth: 1,
+    },
+    lineStyle: {
+      width: 2,
+    },
+    symbolSize: 4,
+    symbol: 'emptyCircle',
+    smooth: false,
+  },
+  bar: {
+    itemStyle: {
+      barBorderWidth: 0,
+      barBorderColor: 'rgba(0,0,0,0)',
+    },
+    barWidth: 15, // 柱子宽度
+    barMaxWidth: 15, // 柱子最大宽度
+    showBackground: false, //是否显示柱子背景（增强视觉层次）
+  },
+  pie: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc',
+    },
+  },
+  scatter: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc',
+    },
+  },
+  boxplot: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc',
+    },
+  },
+  parallel: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc',
+    },
+  },
+  sankey: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc',
+    },
+  },
+  funnel: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc',
+    },
+  },
+  gauge: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc',
+    },
+  },
+  candlestick: {
+    itemStyle: {
+      color: '#eb5454',
+      color0: '#47b262',
+      borderColor: '#eb5454',
+      borderColor0: '#47b262',
+      borderWidth: 1,
+    },
+  },
+  graph: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc',
+    },
+    lineStyle: {
+      width: 1,
+      color: '#aaa',
+    },
+    symbolSize: 4,
+    symbol: 'emptyCircle',
+    smooth: false,
+    color: [
+      'rgb(184, 125, 57)',
+      'rgb(59, 115, 205)',
+      'rgb(13, 180, 38)',
+      'rgb(241, 147, 0)',
+      '#aa47bc',
+      '#eb4165',
+      '#80cbc4',
+    ],
+    label: {
+      color: '#eee',
+    },
+  },
+  map: {
+    itemStyle: {
+      areaColor: '#eee',
+      borderColor: '#444',
+      borderWidth: 0.5,
+    },
+    label: {
+      color: '#000',
+    },
+    emphasis: {
+      itemStyle: {
+        areaColor: 'rgba(255,215,0,0.8)',
+        borderColor: '#444',
+        borderWidth: 1,
+      },
+      label: {
+        color: 'rgb(100,0,0)',
+      },
+    },
+  },
+  geo: {
+    itemStyle: {
+      areaColor: '#eee',
+      borderColor: '#444',
+      borderWidth: 0.5,
+    },
+    label: {
+      color: '#000',
+    },
+    emphasis: {
+      itemStyle: {
+        areaColor: 'rgba(255,215,0,0.8)',
+        borderColor: '#444',
+        borderWidth: 1,
+      },
+      label: {
+        color: 'rgb(100,0,0)',
+      },
+    },
+  },
+  categoryAxis: {
+    // 轴线
+    axisLine: {
+      show: true,
+      lineStyle: {
+        color: 'rgba(175, 108, 31,0.2)',
+      },
+    },
+    axisTick: {
+      show: true,
+      lineStyle: {
+        color: '#6E7079',
+      },
+    },
+    // x轴文字
+    axisLabel: {
+      show: true,
+      color: 'rgba(50, 39, 23, 0.4)',
+    },
+    // 图中线
+    splitLine: {
+      show: false,
+      lineStyle: {
+        color: ['#f1e7d5'],
+      },
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
+      },
+    },
+  },
+  valueAxis: {
+    axisLine: {
+      show: false,
+      lineStyle: {
+        color: 'rgba(50, 39, 23, 0.4)',
+      },
+    },
+    axisTick: {
+      show: false,
+      lineStyle: {
+        color: '#6E7079',
+      },
+    },
+    axisLabel: {
+      show: true,
+      color: 'rgba(50, 39, 23, 0.4)',
+    },
+    // 图中线
+    splitLine: {
+      show: true,
+      lineStyle: {
+        color: ['#f1e7d5'],
+      },
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
+      },
+    },
+  },
+  logAxis: {
+    axisLine: {
+      show: false,
+      lineStyle: {
+        color: '#6E7079',
+      },
+    },
+    axisTick: {
+      show: false,
+      lineStyle: {
+        color: '#6E7079',
+      },
+    },
+    axisLabel: {
+      show: true,
+      color: '#6E7079',
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+        color: ['#f1e7d5'],
+      },
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
+      },
+    },
+  },
+  timeAxis: {
+    axisLine: {
+      show: true,
+      lineStyle: {
+        color: '#6E7079',
+      },
+    },
+    axisTick: {
+      show: true,
+      lineStyle: {
+        color: '#6E7079',
+      },
+    },
+    axisLabel: {
+      show: true,
+      color: '#6E7079',
+    },
+    splitLine: {
+      show: false,
+      lineStyle: {
+        color: ['#f1e7d5'],
+      },
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
+      },
+    },
+  },
+  toolbox: {
+    iconStyle: {
+      borderColor: '#999',
+    },
+    emphasis: {
+      iconStyle: {
+        borderColor: '#666',
+      },
+    },
+  },
+  legend: {
+    textStyle: {
+      color: '#333',
+    },
+    left: 'center',
+    right: 'auto',
+    top: 0,
+    bottom: 10,
+  },
+  tooltip: {
+    axisPointer: {
+      lineStyle: {
+        color: '#ccc',
+        width: 1,
+      },
+      crossStyle: {
+        color: '#ccc',
+        width: 1,
+      },
+    },
+  },
+  timeline: {
+    lineStyle: {
+      color: '#DAE1F5',
+      width: 2,
+    },
+    itemStyle: {
+      color: '#A4B1D7',
+      borderWidth: 1,
+    },
+    controlStyle: {
+      color: '#A4B1D7',
+      borderColor: '#A4B1D7',
+      borderWidth: 1,
+    },
+    checkpointStyle: {
+      color: '#316bf3',
+      borderColor: '#fff',
+    },
+    label: {
+      color: '#A4B1D7',
+    },
+    emphasis: {
+      itemStyle: {
+        color: '#FFF',
+      },
+      controlStyle: {
+        color: '#A4B1D7',
+        borderColor: '#A4B1D7',
+        borderWidth: 1,
+      },
+      label: {
+        color: '#A4B1D7',
+      },
+    },
+  },
+  visualMap: {
+    color: ['rgb(184, 125, 57)', 'rgb(248, 248, 236)'],
+  },
+  markPoint: {
+    label: {
+      color: '#eee',
+    },
+    emphasis: {
+      label: {
+        color: '#eee',
+      },
+    },
+  },
+}
+/* harmony default export */ const packages_data_chartvue_type_script_lang_js = ({
+  props: {
+    datas: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  watch: {
+    datas: {
+      deep: true,
+      immediate: true,
+      handler() {
+        this.updateChart()
+      },
+    },
+  },
+  data() {
+    return {
+      chart: null,
+      resizeObserver: null,
+    }
+  },
+  computed: {
+    getGrid() {
+      return {
+        top: this.datas.grid?.top || '20%', // 距离容器顶部的距离
+        left: this.datas.grid?.left || '8%', // 距离容器左侧的距离
+        right: this.datas.grid?.right || '8%', // 距离容器右侧的距离
+        bottom: this.datas.grid?.bottom || '0%', // 距离容器底部的距离
+        containLabel: true, // 自动包含坐标轴的标签区域，以防止标签被裁剪
+      }
+    },
+    getTitle() {
+      const { title } = this.datas
+      return typeof title === 'string'
+        ? {
+            left: '2%', // 距离左侧2%
+            top: '2%', // 距离顶部2%
+            text: title,
+          }
+        : {
+            left: '2%', // 距离左侧2%
+            top: '2%', // 距离顶部2%
+            ...title,
+          }
+    },
+    getYaxis() {
+      if (!this.datas.yAxis) return []
+      // Y轴传递的为数组
+      if (Array.isArray(this.datas.yAxis)) {
+        return this.datas.yAxis.length === 1
+          ? this.formatSingleYAxis(this.datas.yAxis[0])
+          : this.formatMultipleYAxis(this.datas.yAxis)
+      }
+      // Y轴传递的为对象
+      return typeof this.datas.yAxis === 'object' ? this.formatYAxis(this.datas.yAxis) : {}
+    },
+    getXaxis() {
+      if (!this.datas.xAxis) return []
+      // 对象就是单X轴
+      if (typeof this.datas.xAxis === 'object' && !Array.isArray(this.datas.xAxis)) {
+        return this.formatXAxis(this.datas.xAxis)
+      } else if (Array.isArray(this.datas.xAxis)) {
+        return this.datas.xAxis.length === 1
+          ? this.formatSingleXAxis(this.datas.xAxis[0])
+          : this.formatMultipleXAxis(this.datas.xAxis)
+      }
+      return []
+    },
+    getTooltip() {
+      return this.datas.series.map((data) => {
+        if (data.type === 'scatter' || data.type === 'pie') {
+          return {
+            trigger: 'item',
+          }
+        } else {
+          return {
+            trigger: 'axis',
+          }
+        }
+      })
+    },
+    getSeries() {
+      return this.datas.series.map((data, index) => {
+        if (data.type === 'pie') {
+          return {
+            ...data,
+            center: [`${data.center ? data.center : 50}%`, '52%'],
+            label: {
+              show: true,
+              position: data.label,
+            },
+            data: data.data.map((item) => ({
+              ...item,
+            })),
+          }
+        } else if (data.type === 'bar') {
+          const topRgb = packages_westeros.color[index]
+          const topColor = this.rgbToRgba(topRgb, 1)
+          const midColor = this.rgbToRgba(topRgb, 0.8)
+          const botColor = this.rgbToRgba(topRgb, 0.2)
+          return {
+            ...data,
+            itemStyle: {
+              borderRadius: data.smooth ? [4, 4, 0, 0] : [0, 0, 0, 0],
+              color: new packages_graphic_LinearGradient(0, 0, 0, 1, [
+                { offset: 0, color: topColor }, // 底部更透明
+                { offset: 0.5, color: midColor }, // 中间过渡
+                { offset: 1, color: botColor }, // 顶部不透明
+              ]),
+            },
+            emphasis: {
+              focus: 'series',
+            },
+          }
+        } else if (data.type === 'line') {
+          const topRgb = packages_westeros.color[index]
+          const topColor = this.rgbToRgba(topRgb, 0.6)
+          return {
+            ...data,
+            smooth: data.smooth,
+            label: {
+              show: false,
+              position: 'top',
+              formatter: '{c} units',
+            },
+            itemStyle: {
+              color: topColor,
+            },
+            areaStyle: data.disAreaStyle
+              ? {
+                  color: new packages_graphic_LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: topColor },
+                    { offset: 0.6, color: 'rgba(178, 112, 37, 0)' },
+                    { offset: 1, color: 'rgba(178, 112, 37, 0)' },
+                  ]),
+                }
+              : {
+                  color: new packages_graphic_LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: 'rgba(178, 112, 37, 0)' },
+                    { offset: 1, color: 'rgba(178, 112, 37, 0)' },
+                  ]),
+                },
+            emphasis: {
+              focus: 'series',
+            },
+          }
+        } else if (data.type === 'scatter') {
+          return {
+            ...data,
+            symbol: 'rect', // 点的形状设置为带圆角的矩形
+            symbolSize: (data, params) => {
+              const name = params?.data?.name || '' // 检查 name 是否存在，若不存在则赋值为空字符串
+              const textLength = name.length // 获取字符长度
+              const width = Math.max(40, textLength * 15) // 每个字符15px，最小宽度为40px
+              const height = 25 // 高度固定为25px
+              return [width, height]
+            },
+            tooltip: {
+              show: true,
+              formatter: (params) => {
+                const xValue = params?.data?.value?.[0] ?? 'N/A' // 如果 X 值不存在，显示 "N/A"
+                const yValue = params?.data?.value?.[1] ?? 'N/A' // 如果 Y 值不存在，显示 "N/A"
+                return `X: ${xValue}, Y: ${yValue}` // 提示框的格式
+              },
+            },
+            label: {
+              show: true, // 显示文字标签
+              formatter: (params) => {
+                const name = params?.data?.name || 'Unknown' // 当 name 不存在时使用 "Unknown"
+                return `${name}`
+              },
+              position: 'inside', // 文字显示在矩形内部
+              fontSize: 12, // 文字大小
+              align: 'center', // 文字居中对齐
+              verticalAlign: 'middle', // 文字垂直居中对齐
+            },
+          }
+        }
+      })
+    },
+    getLegend() {
+      const showLegend = this.datas?.showLegend?.[0] ?? true
+      if (!showLegend) {
+        return null
+      }
+      if (!this.datas.legend)
+        return {
+          orient: this.datas?.showLegend?.[1] || 'horizontal',
+          top: '2%',
+          right: '2%',
+        }
+      // Y轴传递的为数组
+      if (Array.isArray(this.datas.legend)) {
+        return this.datas.yAxis.length === 1
+          ? this.formatLegend(this.datas.legend[0])
+          : this.formatMultipleLegend(this.datas.legend)
+      }
+      // Y轴传递的为对象
+      return typeof this.datas.legend === 'object' ? this.formatLegend(this.datas.legend) : {}
+    },
+    getGraphic() {
+      if (this.datas.graphic) {
+        return [
+          // 第一象限背景色和文字
+          {
+            type: 'text',
+            left: '32%',
+            top: '32%',
+            style: {
+              text: this.datas.graphic[0],
+              fill: '#ddd', // 标签文字颜色,
+              font: 'bold 16px sans-serif',
+            },
+          },
+          // 第二象限背景色和文字
+          {
+            type: 'text',
+            left: '70%',
+            top: '32%',
+            style: {
+              text: this.datas.graphic[1],
+              fill: '#ddd', // 标签文字颜色,
+              font: 'bold 16px sans-serif',
+            },
+          },
+          // 第三象限背景色和文字
+          {
+            type: 'text',
+            left: '70%',
+            top: '58%',
+            style: {
+              text: this.datas.graphic[3],
+              fill: '#ddd', // 标签文字颜色,
+              font: 'bold 16px sans-serif',
+            },
+          },
+          // 第四象限背景色和文字
+          {
+            type: 'text',
+            left: '32%',
+            top: '58%',
+            style: {
+              text: this.datas.graphic[2],
+              fill: '#ddd', // 标签文字颜色,
+              font: 'bold 16px sans-serif',
+            },
+          },
+        ]
+      } else {
+        return []
+      }
+    },
+    getDataZoom() {
+      return this.datas.dataZoom
+    },
+  },
+  mounted() {
+    this.initchart()
+    this.initResizeObserver()
+  },
+  beforeDestroy() {
+    this.cleanupResizeObserver()
+    this.disposeChart()
+  },
+  methods: {
+    rgbToRgba(rgbStr, alpha = 1) {
+      const match = rgbStr.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/)
+      if (match) {
+        const [, r, g, b] = match
+        return `rgba(${r}, ${g}, ${b}, ${alpha})`
+      }
+      return rgbStr // 如果格式不对就返回原值
+    },
+    formatMultipleLegend(legends) {
+      return legends.map((legend) => ({
+        ...legend,
+        orient: legend.orient || 'horizontal', // 默认方向为水平
+        textStyle: {
+          ...(legend.textStyle || {}), // 合并用户传入的 textStyle 配置
+        },
+      }))
+    },
+    formatLegend(legend) {
+      return {
+        ...legend,
+        orient: legend.orient || 'horizontal', // 默认方向为水平
+        textStyle: {
+          ...(legend.textStyle || {}), // 合并用户传入的 textStyle 配置
+        },
+      }
+    },
+    disposeChart() {
+      if (this.chart) {
+        this.chart.dispose()
+        this.chart = null
+      }
+    },
+    initResizeObserver() {
+      this.resizeObserver = new ResizeObserver(() => {
+        if (this.chart) this.chart.resize()
+      })
+      this.resizeObserver.observe(this.$refs.main)
+    },
+    cleanupResizeObserver() {
+      if (this.resizeObserver) {
+        this.resizeObserver.disconnect()
+        this.resizeObserver = null
+      }
+    },
+    updateChart() {
+      if (!this.chart) {
+        return
+      }
+      this.initchart()
+    },
+    // 对象时的配置
+    formatYAxis(yAxis) {
+      // 获取数据时增加默认值和防御性检查
+      const seriesData = this.datas?.series || [] // 如果 this.datas 或 series 是 undefined，使用空数组作为默认值
+      const result = seriesData
+        .flatMap((item) => item.data.map((innerItem) => innerItem.value[1]))
+        .filter(
+          (value) =>
+            value !== null &&
+            value !== undefined && // 排除 null 和 undefined
+            !isNaN(Number(value)) &&
+            isFinite(Number(value)), // 检查是否是有效数值（包括字符串形式的纯数字）
+        )
+      const maxAbsoluteValue = Math.max(...result.map((value) => Math.abs(value)))
+
+      // 动态设置 y 轴配置
+      return {
+        ...yAxis,
+        ...{
+          min: -maxAbsoluteValue,
+          max: maxAbsoluteValue,
+          interval: Math.ceil(maxAbsoluteValue / 5),
+        }, // 仅在正负都有时设置 min 和 max
+        nameGap: 20, // 控制与轴线的距离
+        axisLabel: {
+          formatter: yAxis.formatter,
+        },
+        nameTextStyle: {
+          padding: yAxis.padding || null,
+        },
+        splitLine: {
+          show: true, // 显示背景线
+        },
+      }
+    },
+    // 对象时的配置
+    formatXAxis(xAxis) {
+      // 获取数据时增加默认值和防御性检查
+      const seriesData = this.datas?.series || [] // 如果 this.datas 或 series 是 undefined，使用空数组作为默认值
+      const result = seriesData
+        .flatMap((item) => item.data.map((innerItem) => innerItem.value[0]))
+        .filter(
+          (value) =>
+            value !== null &&
+            value !== undefined && // 排除 null 和 undefined
+            !isNaN(Number(value)) &&
+            isFinite(Number(value)), // 检查是否是有效数值（包括字符串形式的纯数字）
+        )
+      const maxAbsoluteValue = Math.max(...result.map((value) => Math.abs(value)))
+      // 返回带有动态配置的X轴配置
+      return {
+        ...xAxis, // 保留原有的xAxis配置
+        ...{
+          min: -maxAbsoluteValue,
+          max: maxAbsoluteValue,
+          interval: Math.ceil(maxAbsoluteValue / 5),
+        }, // 仅在正负都有时设置 min 和 max
+        nameRotate: 0, // 将名称旋转90度
+        nameGap: 20, // 控制与轴线的距离
+        nameTextStyle: {
+          padding: xAxis.padding || null,
+        },
+        axisLabel: {
+          formatter: xAxis.formatter,
+        },
+        splitLine: {
+          show: true, // 显示背景线
+        },
+      }
+    },
+    // 数组单Y轴的配置
+    formatSingleYAxis(yAxis) {
+      // 获取所有 yAxisIndex 为 0 的系列数据（左侧 Y 轴）
+      const YAxisData = this.datas.series.flatMap((serie) => serie.data)
+      const ret = this.calculateAxisRange(YAxisData)
+      return {
+        ...yAxis,
+        nameLocation: 'end',
+        boundaryGap: yAxis.type === 'category' ? true : [0, 0.01],
+        nameTextStyle: {
+          padding: yAxis.padding || null,
+        },
+        axisLabel: {
+          formatter: yAxis.formatter,
+        },
+        min: ret.min,
+        max: ret.max,
+        interval: ret.interval,
+        splitLine: {
+          show: true, // 显示背景线
+          lineStyle: {
+            width: 1, // 背景线宽度
+            type: 'dashed', // 背景线类型，可选：'solid', 'dashed', 'dotted'
+          },
+        },
+      }
+    },
+    // 数组单X轴的配置
+    formatSingleXAxis(xAxis) {
+      return {
+        ...xAxis,
+        boundaryGap: xAxis.type === 'category' ? true : [0, 0.01],
+        nameLocation: 'end',
+        nameTextStyle: {
+          padding: [0, 45, 0, 0],
+        },
+        axisLabel: {
+          formatter: xAxis.formatter,
+          rotate: xAxis.rotate, // 设置倾斜角度
+        },
+        scale: true,
+        axisLine: { onZero: true },
+        axisTick: {
+          // 刻度样式
+          show: false,
+          alignWithLabel: true, // 刻度与标签对齐
+          length: 5, // 刻度线长度
+        },
+        splitLine: {
+          show: false, // 显示背景线
+          lineStyle: {
+            width: 1, // 背景线宽度
+            type: 'dashed', // 背景线类型，可选：'solid', 'dashed', 'dotted'
+          },
+        },
+      }
+    },
+    // 数组多Y轴的配置
+    formatMultipleYAxis(yAxis) {
+      // 获取所有 yAxisIndex 为 0 的系列数据（左侧 Y 轴）
+      const leftYAxisData = this.datas.series
+        .filter((serie) => serie.yAxisIndex === 0)
+        .flatMap((serie) => serie.data)
+      const ret1 = this.calculateAxisRange(leftYAxisData)
+      // 获取所有 yAxisIndex 为 1 的系列数据（右侧 Y 轴）
+      const rightYAxisData = this.datas.series
+        .filter((serie) => serie.yAxisIndex === 1)
+        .flatMap((serie) => serie.data)
+      const ret2 = this.calculateAxisRange(rightYAxisData)
+      return yAxis.map((yAxisItem) => {
+        return {
+          ...yAxisItem, // 正确地将对象解构放入返回的对象中
+          min: yAxisItem.yAxisIndex === 0 ? ret1.min : ret2.min,
+          max: yAxisItem.yAxisIndex === 0 ? ret1.max : ret2.max,
+          interval: ret1.interval,
+          nameLocation: 'end',
+          nameTextStyle: {
+            padding: yAxisItem.padding || null,
+          },
+          nameGap: 15, // 控制名称与轴线的距离
+          axisLabel: {
+            formatter: yAxisItem.formatter,
+          },
+          splitLine: {
+            show: yAxisItem.yAxisIndex === 0 ? true : false, // 显示背景线
+            lineStyle: {
+              width: 1, // 背景线宽度
+              type: 'dashed', // 背景线类型，可选：'solid', 'dashed', 'dotted'
+            },
+          },
+        }
+      })
+    },
+    // 数组多X轴的配置
+    formatMultipleXAxis(xAxis) {
+      // 获取所有 yAxisIndex 为 0 的系列数据（左侧 Y 轴）
+      const leftxAxisData = this.datas.series
+        .filter((serie) => serie.xAxisIndex === 0)
+        .flatMap((serie) => serie.data)
+      const ret1 = this.calculateAxisRange(leftxAxisData)
+      // 获取所有 yAxisIndex 为 1 的系列数据（右侧 Y 轴）
+      const rightxAxisData = this.datas.series
+        .filter((serie) => serie.xAxisIndex === 1)
+        .flatMap((serie) => serie.data)
+      const ret2 = this.calculateAxisRange(rightxAxisData)
+      return xAxis.map((xAxisItem) => {
+        return {
+          ...xAxisItem, // 正确地将对象解构放入返回的对象中
+          min: xAxisItem.xAxisIndex === 0 ? ret1.min : ret2.min,
+          max: xAxisItem.xAxisIndex === 0 ? ret1.max : ret2.max,
+          interval: ret1.interval,
+          nameLocation: 'end',
+          nameTextStyle: {
+            padding: xAxisItem.padding || null,
+          },
+          nameGap: 15, // 控制名称与轴线的距离
+          axisLabel: {
+            formatter: xAxisItem.formatter,
+          },
+          splitLine: {
+            show: xAxisItem.xAxisIndex === 0 ? false : true,
+            lineStyle: {
+              width: 1, // 背景线宽度
+              type: 'dashed', // 背景线类型，可选：'solid', 'dashed', 'dotted'
+            },
+          },
+        }
+      })
+    },
+    calculateAxisRange(series) {
+      // 防御性检查
+      if (!Array.isArray(series) || series.length === 0) return [0, 0, 1] // 返回默认值，避免崩溃
+      // 过滤无效值
+      const validSeries = series.filter(
+        (value) =>
+          value !== null &&
+          value !== undefined &&
+          typeof value === 'number' &&
+          !Number.isNaN(value) &&
+          Number.isFinite(value),
+      )
+      if (validSeries.length === 0) return [0, 0, 1]
+      // 计算最大值和最小值
+      const maxDataValue = Math.max(...validSeries)
+      const minDataValue = Math.min(...validSeries)
+      // 确保范围有效
+      const max = Math.ceil(maxDataValue * 1.1) // 上限扩大 10%
+      const min = Math.floor(minDataValue * 1) // 下限保持不变
+      // 计算 interval，确保不为 0
+      const interval = Math.ceil((max - min) / 5) || 1 // 避免 interval 为 0
+      return [max, min, interval]
+    },
+    initchart() {
+      packages_registerTheme('westeros', packages_westeros)
+      this.chart = packages_echarts_init(this.$refs.chart, 'westeros')
+      const lineOption = {
+        // 标题
+        title: this.getTitle,
+        grid: this.getGrid,
+        // 提示
+        tooltip: this.getTooltip,
+        // 四象限
+        graphic: this.getGraphic,
+        // 标签
+        legend: this.getLegend,
+        // 横轴
+        xAxis: this.getXaxis,
+        // 竖轴
+        yAxis: this.getYaxis,
+        // 数据
+        series: this.getSeries,
+        dataZoom: this.getDataZoom,
+      }
+      this.chart.setOption(lineOption)
+    },
+  },
+});
 
 ;// ./packages/components/data-chart/index.vue?vue&type=script&lang=js
  /* harmony default export */ const packages_components_data_chartvue_type_script_lang_js = (packages_data_chartvue_type_script_lang_js); 
@@ -285923,8 +286339,8 @@ packages_use(packages_installLabelLayout);
 ;
 var packages_data_chart_component = (0,packages_componentNormalizer["default"])(
   packages_components_data_chartvue_type_script_lang_js,
-  packages_data_chartvue_type_template_id_675ff4b9_render,
-  packages_data_chartvue_type_template_id_675ff4b9_staticRenderFns,
+  packages_data_chartvue_type_template_id_56e77c6e_render,
+  packages_data_chartvue_type_template_id_56e77c6e_staticRenderFns,
   false,
   null,
   null,