greeks-live-ui 0.1.20 → 0.1.21

package/es/packages/components/panel-spots-etf-net-inflow/src/panel-spots-etf-net-inflow2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"panel-spots-etf-net-inflow2.mjs","sources":["../../../../../../../packages/components/panel-spots-etf-net-inflow/src/panel-spots-etf-net-inflow.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\">\n    <g-chart-panel\n      v-model:currency=\"currency\"\n      v-model:exchange=\"exchange\"\n      :loading=\"state.loadingFlag\"\n      :showExchangeSelector=\"false\"\n      :currencyList=\"currencyList\"\n      @refresh=\"fetchData\"\n    >\n      <template #title>\n        {{ t('message.spotsEtfNetInflow') }}\n        <g-tooltip placement=\"bottom\">\n          <g-icon name=\"info_question_circle\"></g-icon>\n          <template #title>\n            <div class=\"greeks-panel-tip\" v-html=\"t('message.spotsEtfNetInflowTips')\"></div>\n          </template>\n        </g-tooltip>\n      </template>\n      <template #tool>\n        <span class=\"selector-label h5-hide\">{{\n          t('message.periodLabel')\n        }}</span>\n        <g-select\n          v-model:value=\"state.resolution\"\n          @change=\"changeResolution\"\n          :size=\"isPC ? 'small' : 'medium'\"\n          class=\"second-select\"\n        >\n          <g-select-option v-for=\"item in resolutionList\" :value=\"item.value\">\n            {{ item.label }}\n          </g-select-option>\n        </g-select>\n        <div class=\"period-controls\">\n          <span class=\"selector-label h5-hide\">{{ t('message.range') }}</span>\n          <g-select\n            v-model:value=\"state.period\"\n            @change=\"handleChangePeriod\"\n            :size=\"isPC ? 'small' : 'medium'\"\n            class=\"period-select\"\n          >\n            <g-select-option\n              v-for=\"periodItem in periodList\"\n              :value=\"periodItem.value\"\n            >\n              {{ periodItem.label }}\n            </g-select-option>\n          </g-select>\n          <span class=\"period-range h5-hide\">{{ state.periodDateRange }}</span>\n        </div>\n      </template>\n      <template #body>\n        <div class=\"echart\" ref=\"echart\">\n          <g-chart\n            class=\"skew-chart\"\n            :option=\"chartOption\"\n            @legendselectchanged=\"handleLegendSelectChanged\"\n          ></g-chart>\n        </div>\n      </template>\n    </g-chart-panel>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport {\n  useNamespace,\n  useLocale,\n  useDeviceType,\n  useTheme,\n} from '@greeks-live-ui/hooks';\nimport { reactive, computed, onMounted, watch } from 'vue';\n\nimport {\n  showDateRange,\n  getTooltipDate,\n  formatDateForNumber,\n  formatLargeNumber,\n  numberFormat,\n  timestampFormat,\n  formatTimestampsForAxis,\n} from '@greeks-live-ui/utils';\nimport {\n  getSpotsEtfNetInflow,\n  ISpotsEtfNetInflowRes,\n} from '@greeks-live-ui/utils/dataLab';\nimport {\n  panelSpotsEtfNetInflowEmits,\n  panelSpotsEtfNetInflowProps,\n} from './panel-spots-etf-net-inflow';\n\ndefineOptions({\n  name: 'GPanelSpotsEtfNetInflow',\n});\nconst ns = useNamespace('panel-spots-etf-net-inflow');\nconst props = defineProps(panelSpotsEtfNetInflowProps);\nconst emit = defineEmits(panelSpotsEtfNetInflowEmits);\n\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nconst { t, locale } = useLocale();\n\nconst state = reactive({\n  loadingFlag: false,\n\n  exchange: props.exchange || props.defaultExchange || 'Deribit',\n  currency: props.currency || props.defaultCurrency || 'BTC',\n\n  period: '1M',\n  periodDateRange: '',\n  resolution: '1',\n\n  chartData: [] as ISpotsEtfNetInflowRes[],\n  legendSelected: {} as Record<string, boolean>, // 保存用户的图例选中状态\n});\n\nconst currency = computed({\n  get: () => props.currency || state.currency || 'BTC',\n  set: (newVal) => {\n    props.currency\n      ? emit('update:currency', newVal)\n      : (state.currency = newVal);\n  },\n});\n\nconst exchange = computed({\n  get: () => props.exchange || state.exchange || 'Deribit',\n  set: (newVal) => {\n    props.exchange\n      ? emit('update:exchange', newVal)\n      : (state.exchange = newVal);\n  },\n});\n\nconst currencyList = [\n  { value: 'BTC', label: 'BTC', icon: 'currency_btc' },\n  { value: 'ETH', label: 'ETH', icon: 'currency_eth' },\n];\n\nwatch(currency, () => {\n  // 重置图例选中状态，因为不同币种支持的期限可能不同\n  state.legendSelected = {};\n  fetchData();\n});\n\nlet periodList = [\n  {\n    value: 'ALL',\n    label: 'All',\n    days: 0,\n  },\n  {\n    value: '7D',\n    label: '7 D',\n    days: 7,\n  },\n  {\n    value: '15D',\n    label: '15 D',\n    days: 15,\n  },\n  {\n    value: '1M',\n    label: '1 M',\n    days: 30,\n  },\n  {\n    value: '3M',\n    label: '3 M',\n    days: 90,\n  },\n  {\n    value: '6M',\n    label: '6 M',\n    days: 180,\n  },\n  {\n    value: '1Y',\n    label: '1 Y',\n    days: 365,\n  },\n];\n\nconst resolutionList = [\n  {\n    label: '1D',\n    value: '1',\n  },\n  {\n    label: '1W',\n    value: '7',\n  },\n];\n\nconst handleChangePeriod = (value: string) => {\n  const selectedPeriod = periodList.find((v) => v.value === value);\n  if (!selectedPeriod) return;\n  state.periodDateRange = showDateRange(selectedPeriod.days);\n  fetchData();\n};\nconst handleLegendSelectChanged = (params: any) => {\n  // 保存用户的图例选中状态\n  state.legendSelected = params.selected;\n};\n\nconst changeResolution = (value: string) => {\n  if (value === '7') {\n    state.period = '3M';\n    handleChangePeriod('3M');\n  } else {\n    handleChangePeriod(state.period);\n  }\n};\n\nconst getPeriodTimestamps = () => {\n  const selectedPeriod = periodList.find((v) => v.value === state.period);\n  const now = Date.now();\n  let start_timestamp = 0;\n  let end_timestamp = now;\n  if (selectedPeriod && selectedPeriod.days > 0) {\n    start_timestamp = now - selectedPeriod.days * 24 * 60 * 60 * 1000;\n  }\n  return { start_timestamp, end_timestamp };\n};\n\nconst fetchData = () => {\n  state.loadingFlag = true;\n  const { start_timestamp, end_timestamp } = getPeriodTimestamps();\n  getSpotsEtfNetInflow({\n    currency: currency.value,\n    exchange: exchange.value,\n    start_timestamp,\n    end_timestamp,\n  })\n    .then((res) => {\n      if (res && res.code === 200 && Array.isArray(res.data)) {\n        state.chartData = res.data;\n      } else {\n        state.chartData = [];\n      }\n    })\n    .finally(() => {\n      state.loadingFlag = false;\n    });\n};\n\nonMounted(() => {\n  handleChangePeriod(state.period);\n});\n\n// 1. 数据处理\nconst getEchartData = () => {\n  const data: ISpotsEtfNetInflowRes[] = Array.isArray(state.chartData)\n    ? state.chartData\n    : [];\n  if (!data.length) {\n    return {\n      xData: [],\n      monthIndices: [],\n      barData: [],\n      netAssetsData: [],\n      indexPriceData: [],\n      raw: [],\n    };\n  }\n  if (state.resolution !== '1') {\n    // 按周\n    const MS_PER_DAY = 24 * 3600 * 1000;\n    const MS_PER_WEEK = 7 * MS_PER_DAY;\n    const sorted = data; // 已升序\n\n    // 1. 取统计周期起止\n    let start = data[0].ts;\n    let end = data[data.length - 1].ts;\n    if (state.periodDateRange) {\n      const match = state.periodDateRange.match(/(\\d{4}[\\/-]\\d{2}[\\/-]\\d{2})/g);\n      if (match && match.length === 2) {\n        start = new Date(match[0].replace(/-/g, '/')).getTime();\n        end = new Date(match[1].replace(/-/g, '/')).getTime();\n      }\n    }\n\n    // 2. 以统计周期为分组区间\n    const weekGroups: ISpotsEtfNetInflowRes[][] = [];\n    let groupStartTs = start;\n    while (groupStartTs <= end) {\n      const groupEndTs = groupStartTs + MS_PER_WEEK;\n      // 找到这7天内的数据\n      const group = sorted.filter(\n        (item) => item.ts >= groupStartTs && item.ts < groupEndTs\n      );\n      weekGroups.push(group);\n      groupStartTs = groupEndTs;\n    }\n\n    // 3. 聚合每组\n    const timestamps: number[] = [];\n    const barData: number[] = [];\n    const netAssetsData: number[] = [];\n    const indexPriceData: number[] = [];\n    // const barData: Array<[number, number]> = [];\n    // const netAssetsData: Array<[number, number]> = [];\n    // const indexPriceData: Array<[number, number]> = [];\n    const raw: ISpotsEtfNetInflowRes[] = [];\n    groupStartTs = start;\n    for (const arr of weekGroups) {\n      if (arr.length) {\n        // 该组有数据\n        // xData.push(arr[0].ts);\n        timestamps.push(arr[0].ts);\n        barData.push(arr.reduce((sum, cur) => sum + (cur.fund_flow ?? 0), 0));\n        netAssetsData.push(arr[0].total_net_assets_value ?? null);\n        indexPriceData.push(arr[0].index_price ?? null);\n\n        // barData.push([\n        //   arr[0].ts,\n        //   arr.reduce((sum, cur) => sum + (cur.fund_flow ?? 0), 0),\n        // ]);\n        // netAssetsData.push([arr[0].ts, arr[0].total_net_assets_value ?? null]);\n        // indexPriceData.push([arr[0].ts, arr[0].index_price ?? null]);\n        raw.push(arr[0]);\n      }\n      groupStartTs += MS_PER_WEEK;\n    }\n    const { labels: xData } = formatTimestampsForAxis(timestamps);\n    return {\n      xData,\n      barData,\n      netAssetsData,\n      indexPriceData,\n      raw,\n    };\n  } else {\n    // 按天\n    const timestamps = data.map((item) => item.ts);\n    const { labels: xData } = formatTimestampsForAxis(timestamps);\n    return {\n      xData,\n      barData: data.map((item) => item.fund_flow),\n      netAssetsData: data.map((item) => item.total_net_assets_value),\n      indexPriceData: data.map((item) => item.index_price),\n\n      // xData: data.map((item) => item.ts),\n      // barData: data.map((item) => [item.ts, item.fund_flow]),\n      // netAssetsData: data.map((item) => [item.ts, item.total_net_assets_value]),\n      // indexPriceData: data.map((item) => [item.ts, item.index_price]),\n      raw: data,\n    };\n  }\n};\n\n// 2. 配置项生成\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n  const { xData, barData, netAssetsData, indexPriceData, raw } = params;\n  const currencyIndexName = `${currency.value} Index`;\n  // 计算可见标签\n  // const visibleLabelIndices = calculateVisibleLabels(xData, monthIndices);\n  // const { hasYear, hasMonth, hasDate } = getVisibleLabelTypes(xData);\n  const option: any = {\n    color: ['#00b42a', '#ff7d00', '#0e42d2'], // green, orange, blue\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        type: 'cross',\n        label: {\n          show: false, // 标签显示\n          backgroundColor: '#DEE2E6',\n          color: '#343A40',\n          padding: [4, 6, 4, 6],\n          margin: 9,\n        },\n        crossStyle: {\n          // 十字准星X轴指示器样式\n          color: '#8B959F',\n        },\n        lineStyle: {\n          // 十字准星Y轴指示器样式\n          color: '#8B959F',\n        },\n      },\n      backgroundColor: isDark.value ? '#E9ECEF' : '#292F3D',\n      padding: [6, 8, 5, 6],\n      borderWidth: 0,\n      textStyle: {\n        color: isDark.value ? '#000000' : '#FFFFFF',\n        fontSize: 12,\n        lineHeight: 16,\n        fontWeight: 400,\n      },\n      formatter: (params: any[]) => {\n        if (!params || !params.length) return '';\n        const d = params[0];\n        const idx = d.dataIndex;\n        const item = raw[idx];\n        if (!item) return '';\n\n        const tooltipDate = getTooltipDate(item.ts, locale.value.name, {\n          showSeconds: false,\n        });\n        const sign = item.fund_flow > 0 ? '+' : '';\n        const netInflow = barData[idx];\n        let content = '';\n        content += `<div class=\"chart-tooltip-box\"><div style=\"margin-bottom:4px;\">${tooltipDate}</div>`;\n\n        // Net Inflow\n        content += `\n          <div class=\"chart-tooltip\">\n            <div>\n              <span>Net Inflow</span>\n            </div>\n            <span style=\"color:${\n              netInflow >= 0 ? '#00b42a' : '#f53f3f'\n            };\">${sign} $ ${formatLargeNumber(netInflow)}</span>\n          </div>\n        `;\n\n        // Net Assets\n        content += `\n          <div class=\"chart-tooltip\">\n            <div>\n              <span>Net Assets</span>\n            </div>\n            <span>$ ${formatLargeNumber(item.total_net_assets_value)}</span>\n          </div>\n        `;\n\n        // Index Price\n        content += `\n          <div class=\"chart-tooltip\">\n            <div>\n              <span>${currency.value} Index</span>\n            </div>\n            <span>$ ${item.index_price}</span>\n          </div>\n        `;\n\n        return content + '</div>';\n      },\n    },\n    legend: {\n      selectedMode: true,\n      data: [\n        { name: 'Net Inflow' },\n        { name: 'Net Assets', icon: 'path://M0,0 h10 v1 h-10 z' },\n        { name: currencyIndexName, icon: 'path://M0,0 h10 v1 h-10 z' },\n      ],\n      textStyle: {\n        color: isDark.value ? '#ADB5BD' : '#596169',\n        fontSize: 12,\n      },\n      // itemWidth: 14, // 控制短横线的长度\n      // itemHeight: 2, // 控制短横线的粗细 (高度)\n      itemGap: 16, // 控制图例项之间的间距 (可选)\n      lineStyle: {\n        inactiveColor: isDark.value ? '#2B2F32' : '#DEE2E6', // 浅色/Grey/3 图例关闭时的线条描边颜色\n      },\n      inactiveColor: isDark.value ? '#495057' : '#BDC4CB', // 图例关闭时的颜色，与其他表一致\n      selected:\n        Object.keys(state.legendSelected).length > 0\n          ? state.legendSelected\n          : undefined,\n    },\n    grid: {\n      top: 40,\n      left: 10,\n      right: 10,\n      bottom: 50,\n      containLabel: true,\n    },\n    dataZoom: [\n      {\n        type: 'inside',\n        start: 0,\n        end: 100,\n        handleIcon:\n          'path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',\n      },\n      {\n        show: true,\n        type: 'slider',\n        // labelFormatter: (value: number) => {\n        //   return timestampFormat(value);\n        // },\n        rangeMode: 'percent',\n        bottom: '10px',\n        start: 0,\n        end: 100,\n        handleIcon:\n          'path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',\n      },\n    ],\n    xAxis: {\n      type: 'category',\n      data: xData,\n      // boundaryGap: true,\n      axisTick: { show: false },\n      axisLabel: {\n        color: isDark.value ? '#CED4DA' : '#343A40',\n        fontWeight: 400,\n        fontSize: 10,\n        // 使用富文本格式来设置不同样式\n        rich: {\n          month: {\n            color: isDark.value ? '#CED4DA' : '#343A40',\n            fontWeight: 600,\n            fontSize: 12,\n          },\n          year: {\n            color: isDark.value ? '#CED4DA' : '#343A40',\n            fontWeight: 600,\n            fontSize: 12,\n          },\n        },\n      },\n      axisLine: {\n        lineStyle: { color: isDark.value ? '#CED4DA' : '#343A40' },\n      },\n      splitLine: {\n        show: !isMobile.value && !isDark.value,\n        lineStyle: { color: '#F1F1F1', width: 1, type: 'solid' },\n      },\n    },\n    yAxis: [\n      {\n        type: 'value',\n        name: 'Net Inflow ($)',\n        position: 'left',\n        nameGap: 10,\n        nameRotate: 0,\n        nameTextStyle: {\n          color: isDark.value ? '#8B959F' : '#8B959F', // 浅色/Grey/8\n          fontWeight: 400,\n          fontSize: 10,\n          padding: isMobile.value ? [0, 0, 0, 0] : [0, 0, 0, 50],\n        },\n        axisLabel: {\n          color: isDark.value ? '#CED4DA' : '#343A40',\n          fontWeight: 400,\n          fontSize: 10,\n          formatter: (v: number, digits: number) => formatLargeNumber(v, 0),\n        },\n        axisLine: {\n          lineStyle: { color: isDark.value ? '#CED4DA' : '#343A40' },\n        },\n        splitLine: {\n          lineStyle: {\n            color: isDark.value ? '#2B2F32' : '#F1F1F1',\n            width: 1,\n            type: 'solid',\n          },\n        },\n      },\n      {\n        type: 'value',\n        name: 'Net Assets ($)',\n        nameGap: 10,\n        nameRotate: 0,\n        scale: true,\n        position: 'right',\n        nameTextStyle: {\n          color: isDark.value ? '#8B959F' : '#8B959F', // 浅色/Grey/8\n          fontWeight: 400,\n          fontSize: 10,\n          padding: isMobile.value ? [0, 0, 0, 0] : [0, 45, 0, 0],\n        },\n        axisLabel: {\n          color: isDark.value ? '#CED4DA' : '#343A40',\n          fontWeight: 400,\n          fontSize: 10,\n          formatter: (v: number, digits: number) => formatLargeNumber(v, 0),\n        },\n        axisLine: {\n          lineStyle: { color: isDark.value ? '#CED4DA' : '#343A40' },\n        },\n        splitLine: { show: false },\n      },\n      {\n        type: 'value',\n        name: `${currency.value} Price ($)`,\n        scale: true,\n        position: 'right',\n        offset: 0,\n        show: false, // 隐藏BTC价格的Y轴\n        axisLine: { show: false },\n        axisLabel: { show: false },\n        splitLine: { show: false },\n        axisTick: { show: false },\n        width: 1,\n      },\n    ],\n    series: [\n      {\n        name: 'Net Inflow',\n        type: 'bar',\n        data: barData,\n        yAxisIndex: 0,\n        emphasis: {\n          focus: 'series',\n        },\n        itemStyle: {\n          color: (params: { value: number }) =>\n            params.value >= 0 ? '#00b42a' : '#f53f3f',\n\n          // color: function (params: any) {\n          //   // 由于使用时间轴，params.value是[timestamp, value]格式\n          //   const value = Array.isArray(params.value)\n          //     ? params.value[1]\n          //     : params.value;\n          //   return value >= 0 ? '#00b42a' : '#f53f3f';\n          // },\n        },\n      },\n      {\n        name: 'Net Assets',\n        type: 'line',\n        data: netAssetsData,\n        yAxisIndex: 1,\n        symbol: 'none',\n        lineStyle: { color: '#ff7d00', width: 2 },\n      },\n      {\n        name: `${currency.value} Index`,\n        type: 'line',\n        data: indexPriceData,\n        yAxisIndex: 2,\n        symbol: 'none',\n        lineStyle: { color: '#0e42d2', width: 2 },\n      },\n    ],\n  };\n  // if (isMobile.value) {\n  //   // 移动端显示圆点，防止showTip不触发\n  //   option.series = option.series.map((v: any) => ({ ...v, symbol: 'circle' }));\n  // }\n  return option;\n};\n\n// 3. 响应式 option\nconst chartOption = computed(() => {\n  return getEchartOption(getEchartData());\n});\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"panel-spots-etf-net-inflow2.mjs","sources":["../../../../../../../packages/components/panel-spots-etf-net-inflow/src/panel-spots-etf-net-inflow.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelSpotsEtfNetInflow from './panel-spots-etf-net-inflow.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelSpotsEtfNetInflowEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelSpotsEtfNetInflowEmits = typeof panelSpotsEtfNetInflowEmits\nexport const panelSpotsEtfNetInflowProps = buildProps({\n  defaultCurrency: {\n    type: String,\n    required: false,\n  },\n    defaultExchange: {\n    type: String,\n    required: false,\n  },\n    currency: {\n    type: String,\n    required: false,\n  },\n    exchange: {\n    type: String,\n    required: false,\n  },\n})\nexport type PanelSpotsEtfNetInflowProps = ExtractPropTypes<typeof panelSpotsEtfNetInflowProps>\nexport type PanelSpotsEtfNetInflowInstance = InstanceType<typeof PanelSpotsEtfNetInflow>"],"names":[],"mappings":";;;AAIO,MAAM,2BAA8B,GAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,8BAA8B,UAAW,CAAA;AAAA,EACpD,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACE,eAAiB,EAAA;AAAA,IACjB,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACE,QAAU,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACE,QAAU,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AACF,CAAC;;;;"}

package/es/packages/components/panel-vrp/src/panel-vrp.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"panel-vrp.mjs","sources":["../../../../../../../packages/components/panel-vrp/src/panel-vrp.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelVrp from './panel-vrp.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelVrpEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelVrpEmits = typeof panelVrpEmits\nexport const panelVrpProps = buildProps({\n  defaultCurrency: {\n    type: String,\n    required: false,\n  },\n  defaultExchange: {\n    type: String,\n    required: false,\n  },\n  currency: {\n    type: String,\n    required: false,\n  },\n  exchange: {\n    type: String,\n    required: false,\n  },\n})\nexport type PanelVrpProps = ExtractPropTypes<typeof panelVrpProps>\nexport type PanelVrpInstance = InstanceType<typeof PanelVrp>\n"],"names":[],"mappings":";;;AAIO,MAAM,aAAgB,GAAA;AAAA,EAC3B,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AACF,CAAC;;;;"}
+{"version":3,"file":"panel-vrp.mjs","sources":["../../../../../../../packages/components/panel-vrp/src/panel-vrp.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelVrp from './panel-vrp.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport interface IVrpStats {\n  mean: number\n  max: number\n  min: number\n}\n\nexport const panelVrpEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelVrpEmits = typeof panelVrpEmits\nexport const panelVrpProps = buildProps({\n  defaultCurrency: {\n    type: String,\n    required: false,\n  },\n  defaultExchange: {\n    type: String,\n    required: false,\n  },\n  currency: {\n    type: String,\n    required: false,\n  },\n  exchange: {\n    type: String,\n    required: false,\n  },\n})\nexport type PanelVrpProps = ExtractPropTypes<typeof panelVrpProps>\nexport type PanelVrpInstance = InstanceType<typeof PanelVrp>\n"],"names":[],"mappings":";;;AAUO,MAAM,aAAgB,GAAA;AAAA,EAC3B,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AACF,CAAC;;;;"}

package/es/packages/components/panel-vrp/src/panel-vrp2.mjs

@@ -91,6 +91,154 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         props.exchange ? emit("update:exchange", newVal) : state.exchange = newVal;
       }
     });
+    const selectedPeriodDays = computed(() => {
+      var _a, _b;
+      return (_b = (_a = periodList.find((item) => item.value === state.period)) == null ? void 0 : _a.days) != null ? _b : 0;
+    });
+    const filterChartDataByPeriod = (chartData, days) => {
+      if (!days) {
+        return chartData;
+      }
+      const cutoff = Date.now() - days * 24 * 60 * 60 * 1e3;
+      return chartData.filter((item) => item.datetime >= cutoff);
+    };
+    const filteredChartData = computed(
+      () => filterChartDataByPeriod(state.chartData, selectedPeriodDays.value)
+    );
+    const getVolTenorResolution = (volTenor) => {
+      switch (volTenor) {
+        case "1D":
+          return 1;
+        case "3D":
+          return 3;
+        case "7D":
+          return 7;
+        case "15D":
+          return 15;
+        case "1M":
+          return 30;
+        case "3M":
+          return 90;
+        default:
+          return 15;
+      }
+    };
+    const buildVrpSeries = (chartData, volTenor) => {
+      const resolution = getVolTenorResolution(volTenor);
+      const vrpData = [];
+      chartData.forEach((item) => {
+        item.data.forEach((dataItem) => {
+          if (dataItem.day === resolution) {
+            vrpData.push([item.datetime, dataItem.iv - dataItem.rv]);
+          }
+        });
+      });
+      return vrpData;
+    };
+    const formatVrpPercent = (value, fractionDigits = 1) => {
+      if (value == null || !Number.isFinite(value)) {
+        return "-";
+      }
+      const fixed = Number(value).toFixed(fractionDigits);
+      if (Number(fixed) === 0) {
+        return "0.0%";
+      }
+      return `${fixed}%`;
+    };
+    const computeVrpStats = (values) => {
+      if (!values.length) {
+        return null;
+      }
+      let sum = 0;
+      let max = values[0];
+      let min = values[0];
+      values.forEach((value) => {
+        sum += value;
+        if (value > max)
+          max = value;
+        if (value < min)
+          min = value;
+      });
+      return {
+        mean: sum / values.length,
+        max,
+        min
+      };
+    };
+    const getZeroMarkLine = () => ({
+      name: "0",
+      yAxis: 0,
+      symbol: ["none", "arrow"],
+      symbolSize: [0, 8],
+      silent: true,
+      lineStyle: {
+        color: "#909399"
+      },
+      label: {
+        show: true,
+        position: "end",
+        color: isDark.value ? "#CED4DA" : "#343A40",
+        borderWidth: 0,
+        padding: 0,
+        shadowBlur: 0,
+        fontSize: 12
+      }
+    });
+    const getMeanMarkLine = (mean) => {
+      const meanLabel = mean.toFixed(1);
+      return {
+        name: "mean",
+        yAxis: mean,
+        symbol: ["none", "arrow"],
+        symbolSize: [0, 8],
+        silent: true,
+        lineStyle: {
+          color: "#ADB5BD",
+          type: "dashed"
+        },
+        label: {
+          show: true,
+          position: "end",
+          formatter: meanLabel,
+          color: isDark.value ? "#CED4DA" : "#343A40",
+          borderWidth: 0,
+          padding: 0,
+          shadowBlur: 0,
+          fontSize: 12
+        }
+      };
+    };
+    const vrpSeries = computed(
+      () => buildVrpSeries(filteredChartData.value, state.volTenor)
+    );
+    const vrpStats = computed(() => {
+      const values = vrpSeries.value.map(([, value]) => value);
+      return computeVrpStats(values);
+    });
+    const meanHeaderValue = computed(() => {
+      var _a, _b;
+      if (state.loadingFlag) {
+        return "-";
+      }
+      return formatVrpPercent((_b = (_a = vrpStats.value) == null ? void 0 : _a.mean) != null ? _b : null, 1);
+    });
+    const statsDisplay = computed(() => {
+      const days = `${selectedPeriodDays.value}d`;
+      if (state.loadingFlag || !vrpStats.value) {
+        return {
+          mean: "-",
+          max: "-",
+          min: "-",
+          days
+        };
+      }
+      return {
+        mean: formatVrpPercent(vrpStats.value.mean, 1),
+        max: formatVrpPercent(vrpStats.value.max, 1),
+        min: formatVrpPercent(vrpStats.value.min, 1),
+        days
+      };
+    });
     watch(currency, () => {
       fetchData();
     });
@@ -106,8 +254,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }).then((res) => {
         var _a;
         const resData = (_a = res.data) == null ? void 0 : _a.data;
-        if (!resData)
+        if (!resData) {
+          state.chartData = [];
           return;
+        }
         state.chartData = resData;
       }).finally(() => {
         state.loadingFlag = false;
@@ -123,44 +273,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       state.periodDateRange = showDateRange(selectedPeriod.days);
       fetchData();
     };
-    const getEchartData = () => {
-      const data = [...state.chartData];
-      let vrpData = [];
-      let tempResolution = 30;
-      switch (state.volTenor) {
-        case "1D":
-          tempResolution = 1;
-          break;
-        case "3D":
-          tempResolution = 3;
-          break;
-        case "7D":
-          tempResolution = 7;
-          break;
-        case "15D":
-          tempResolution = 15;
-          break;
-        case "1M":
-          tempResolution = 30;
-          break;
-        case "3M":
-          tempResolution = 90;
-          break;
+    const getEchartOption = (vrpData, stats) => {
+      const markLineData = [getZeroMarkLine()];
+      const showMeanLine = !state.loadingFlag && stats != null;
+      if (showMeanLine) {
+        markLineData.push(getMeanMarkLine(stats.mean));
       }
-      data.forEach((item) => {
-        let dataList = item.data;
-        dataList.forEach((dataItem) => {
-          if (dataItem.day === tempResolution) {
-            vrpData.push([item.datetime, dataItem.iv - dataItem.rv]);
-          }
-        });
-      });
-      return {
-        vrpData
-      };
-    };
-    const getEchartOption = (params) => {
-      const { vrpData } = params;
       const option = {
         color: ["#FFD600"],
         tooltip: {
@@ -173,11 +291,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "#343A40",
               padding: [4, 6, 4, 6],
               margin: 9,
-              formatter: (params2) => {
-                if (params2.axisDimension === "x") {
-                  return timestampFormat(params2.value);
+              formatter: (params) => {
+                if (params.axisDimension === "x") {
+                  return timestampFormat(params.value);
                 } else {
-                  return numberFormat(params2.value, 2);
+                  return numberFormat(params.value, 2);
                 }
               }
             },
@@ -188,19 +306,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "#8B959F"
             }
           },
-          formatter: (params2) => {
+          formatter: (params) => {
             try {
               let html = `
             <div style="display: flex;justify-content: space-between;align-items: center;">
-              <div>${getTooltipDate(params2[0].axisValue, locale.value.name, {
+              <div>${getTooltipDate(params[0].axisValue, locale.value.name, {
                 showSeconds: false
               })}</div>
             </div>
             `;
-              if (params2[0]) {
+              if (params[0]) {
                 html += `<div style="display: flex;justify-content: space-between;align-items: center;">
-              <div style="margin-right: 40px;">${params2[0].marker}&nbsp;${params2[0].seriesName}</div>
-              <div>&nbsp;${numberFormat(params2[0].data[1], 2)}</div>
+              <div style="margin-right: 40px;">${params[0].marker}&nbsp;${params[0].seriesName}</div>
+              <div>&nbsp;${numberFormat(params[0].data[1], 2)}</div>
             </div>`;
               }
               return html;
@@ -259,8 +377,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           scale: true,
           name: "VRP(%)",
           nameLocation: "end",
-          nameGap: -30,
-          nameRotate: 90,
           nameTextStyle: {
             color: isDark.value ? "#8B959F" : "#8B959F",
             fontWeight: 400,
@@ -286,9 +402,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         },
         grid: {
-          top: 20,
+          top: 30,
           left: "left",
-          right: 15,
+          right: 40,
           bottom: 50,
           containLabel: true
         },
@@ -319,15 +435,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             data: vrpData,
             symbol: "none",
             markLine: {
-              data: [
-                {
-                  name: "0",
-                  yAxis: 0,
-                  lineStyle: {
-                    color: "#909399"
-                  }
-                }
-              ]
+              data: markLineData
             }
           }
         ]
@@ -335,7 +443,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return option;
     };
     const chartOption = computed(() => {
-      return getEchartOption(getEchartData());
+      return getEchartOption(vrpSeries.value, vrpStats.value);
     });
     return (_ctx, _cache) => {
       const _component_g_icon = resolveComponent("g-icon");
@@ -413,6 +521,159 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 }, 8, ["value", "size"])
               ]),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(ns).e("mean-value"))
+                },
+                [
+                  createVNode(_component_g_tooltip, {
+                    underdotted: true,
+                    placement: "bottom",
+                    isMobile: unref(isMobile)
+                  }, {
+                    title: withCtx(() => [
+                      createElementVNode(
+                        "div",
+                        {
+                          class: normalizeClass(unref(ns).e("stats-tooltip"))
+                        },
+                        [
+                          createElementVNode(
+                            "div",
+                            {
+                              class: normalizeClass(unref(ns).e("stats-header"))
+                            },
+                            toDisplayString(unref(t)("message.vrpRangeStats")),
+                            3
+                          ),
+                          createElementVNode(
+                            "div",
+                            {
+                              class: normalizeClass(unref(ns).e("stats-row"))
+                            },
+                            [
+                              createElementVNode(
+                                "span",
+                                {
+                                  class: normalizeClass(unref(ns).e("stats-label"))
+                                },
+                                toDisplayString(unref(t)("message.statMean")),
+                                3
+                              ),
+                              createElementVNode(
+                                "span",
+                                {
+                                  class: normalizeClass(unref(ns).e("stats-value"))
+                                },
+                                toDisplayString(unref(statsDisplay).mean),
+                                3
+                              )
+                            ],
+                            2
+                          ),
+                          createElementVNode(
+                            "div",
+                            {
+                              class: normalizeClass(unref(ns).e("stats-row"))
+                            },
+                            [
+                              createElementVNode(
+                                "span",
+                                {
+                                  class: normalizeClass(unref(ns).e("stats-label"))
+                                },
+                                toDisplayString(unref(t)("message.statMax")),
+                                3
+                              ),
+                              createElementVNode(
+                                "span",
+                                {
+                                  class: normalizeClass(unref(ns).e("stats-value"))
+                                },
+                                toDisplayString(unref(statsDisplay).max),
+                                3
+                              )
+                            ],
+                            2
+                          ),
+                          createElementVNode(
+                            "div",
+                            {
+                              class: normalizeClass(unref(ns).e("stats-row"))
+                            },
+                            [
+                              createElementVNode(
+                                "span",
+                                {
+                                  class: normalizeClass(unref(ns).e("stats-label"))
+                                },
+                                toDisplayString(unref(t)("message.statMin")),
+                                3
+                              ),
+                              createElementVNode(
+                                "span",
+                                {
+                                  class: normalizeClass(unref(ns).e("stats-value"))
+                                },
+                                toDisplayString(unref(statsDisplay).min),
+                                3
+                              )
+                            ],
+                            2
+                          ),
+                          createElementVNode(
+                            "div",
+                            {
+                              class: normalizeClass(unref(ns).e("stats-row"))
+                            },
+                            [
+                              createElementVNode(
+                                "span",
+                                {
+                                  class: normalizeClass(unref(ns).e("stats-label"))
+                                },
+                                toDisplayString(unref(t)("message.statDays")),
+                                3
+                              ),
+                              createElementVNode(
+                                "span",
+                                {
+                                  class: normalizeClass(unref(ns).e("stats-value"))
+                                },
+                                toDisplayString(unref(statsDisplay).days),
+                                3
+                              )
+                            ],
+                            2
+                          )
+                        ],
+                        2
+                      )
+                    ]),
+                    default: withCtx(() => [
+                      createElementVNode(
+                        "span",
+                        {
+                          class: normalizeClass(unref(ns).e("mean-label"))
+                        },
+                        toDisplayString(unref(t)("message.vrpMean")),
+                        3
+                      ),
+                      createElementVNode(
+                        "span",
+                        {
+                          class: normalizeClass(unref(ns).e("mean-text"))
+                        },
+                        toDisplayString(unref(meanHeaderValue)),
+                        3
+                      )
+                    ]),
+                    _: 1
+                  }, 8, ["isMobile"])
+                ],
+                2
+              ),
               createElementVNode("div", _hoisted_4, [
                 createElementVNode(
                   "span",