greeks-live-ui 0.0.21 → 0.0.22

package/es/packages/components/panel-skew/src/panel-skew2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"panel-skew2.mjs","sources":["../../../../../../../packages/components/panel-skew/src/panel-skew.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      :operations=\"['toggle']\"\n      @toggle=\"handleToggleTableChart\"\n      @refresh=\"fetchData\"\n    >\n      <template #title>\n        <g-tooltip placement=\"bottom\">\n          25Δ Skew\n          <g-icon type=\"info_question_circle\" />\n          <template #title>\n            <div v-html=\"t('message.deltaSkewTips')\"></div>\n          </template>\n        </g-tooltip>\n      </template>\n      <template v-if=\"!state.showTableCard\" #tool>\n        <g-select\n          v-model:value=\"state.period\"\n          @change=\"handleChangePeriod\"\n          :size=\"isPC ? 'small' : 'medium'\"\n        >\n          <g-select-option\n            v-for=\"periodItem in periodList\"\n            :value=\"periodItem.value\"\n            >{{ periodItem.label }}</g-select-option\n          >\n        </g-select>\n        <span class=\"period-range h5-hide\">{{ state.periodDateRange }}</span>\n      </template>\n      <template #body>\n        <g-chart-table\n          :tableData=\"state.tableData\"\n          name=\"SKEW\"\n          v-if=\"state.showTableCard\"\n        ></g-chart-table>\n        <div v-else class=\"echart\" ref=\"echart\">\n          <div\n            :class=\"{\n              'h5-legend-box-hover': state.isToolTipShow,\n              'h5-legend-box': true,\n              'pc-hide': true,\n            }\"\n          >\n            <h6 class=\"h5-tip-title\">{{ state.toolTipTitle }}</h6>\n            <div class=\"h5-legend\">\n              <div v-for=\"legendItem in legendList\" :key=\"legendItem.label\">\n                <span\n                  :style=\"{ backgroundColor: legendItem.color }\"\n                  class=\"legend-line\"\n                ></span>\n                <div>\n                  <div>{{ legendItem.label }}</div>\n                  <p\n                    :class=\"{\n                      'positive-text':\n                        state.legendMap?.[legendItem.value]?.includes('+'),\n                      'negative-text':\n                        state.legendMap?.[legendItem.value]?.includes('-'),\n                    }\"\n                  >\n                    {{ state.legendMap[legendItem.value] }}\n                  </p>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <g-chart\n            class=\"skew-chart\"\n            :option=\"setOption()\"\n            @showTip=\"handleTipShow(true)\"\n            @hideTip=\"handleTipShow(false)\"\n          ></g-chart>\n        </div>\n      </template>\n    </g-chart-panel>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport {\n  useNamespace,\n  useDeviceType,\n  useLocale,\n  useTheme,\n} from '@greeks-live-ui/hooks';\nimport { reactive, computed, onMounted, watch } from 'vue';\nimport { panelSkewProps, panelSkewEmits } from './panel-skew';\nimport {\n  showDateRange,\n  getTooltipDate,\n  formatDateForNumber,\n} from '@greeks-live-ui/utils';\nimport { getSkewChart, ISkewChartItem } from '@greeks-live-ui/utils';\n\ndefineOptions({\n  name: 'GPanelSkew',\n});\nconst ns = useNamespace('panel-skew');\n\nconst props = defineProps(panelSkewProps);\nconst emit = defineEmits(panelSkewEmits);\n\nconst { t } = useLocale();\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nlet legendList = [\n  {\n    value: '1D',\n    label: '1 D',\n    days: 1,\n    color: '#7630F7',\n  },\n  {\n    value: '1W',\n    label: '1 W',\n    days: 7,\n    color: '#23C343',\n  },\n  {\n    value: '1M',\n    label: '1 M',\n    days: 30,\n    color: '#FFD600',\n  },\n  {\n    value: '2M',\n    label: '2 M',\n    days: 60,\n    color: '#FF8D1F',\n  },\n  {\n    value: '3M',\n    label: '3 M',\n    days: 90,\n    color: '#FF3B30',\n  },\n  {\n    value: '6M',\n    label: '6 M',\n    days: 180,\n    color: '#007AFF',\n  },\n  {\n    value: '1Y',\n    label: '1 Y',\n    days: 365,\n    color: '#00C7BE',\n  },\n];\nconst periodList = computed(() => {\n  let list = [\n    {\n      value: 'ALL',\n      label: 'All',\n      days: 0,\n      color: '#00B42A',\n    },\n    ...legendList,\n  ];\n  if (isMobile.value) {\n    list = list.slice(1);\n  }\n  return list;\n});\n\nexport interface ITableItem {\n  expire: string;\n  atm: number;\n  chg1?: number;\n  chg2?: number;\n  chg7?: number;\n  chg14?: number;\n  chg30?: number;\n}\n\nconst state = reactive({\n  loadingFlag: false,\n  showTableCard: true,\n  isToolTipShow: false,\n  toolTipTitle: '',\n\n  exchange: props.exchange || props.defaultExchange || 'Deribit',\n  currency: props.currency || props.defaultCurrency || 'BTC',\n\n  period: '3M',\n  periodDateRange: '',\n\n  skewData: [] as ISkewChartItem[],\n  tableData: [] as ITableItem[],\n  legendMap: {} as Record<string, string>,\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\nwatch(currency, () => {\n  fetchData();\n});\n\nwatch(exchange, () => {\n  fetchData();\n});\nconst fetchData = () => {\n  state.loadingFlag = true;\n  getSkewChart({\n    currency: currency.value,\n    gap: state.showTableCard ? '3M' : state.period,\n  })\n    .then((res) => {\n      if (res && res.code === 200) {\n        state.skewData = res.data || [];\n        state.showTableCard && getTableData();\n        getLegendData();\n      }\n    })\n    .finally(() => {\n      state.loadingFlag = false;\n    });\n};\n\nonMounted(() => {\n  handleChangePeriod(state.period);\n});\n\nconst handleChangePeriod = (value: string) => {\n  const selectedPeriod = periodList.value.find((v) => v.value === value);\n  if (!selectedPeriod) return;\n  state.periodDateRange = showDateRange(selectedPeriod.days);\n  fetchData();\n};\nconst handleToggleTableChart = () => {\n  state.showTableCard = !state.showTableCard;\n  fetchData();\n};\nconst handleTipShow = (isShow: boolean) => {\n  state.isToolTipShow = isShow;\n  !isShow && (state.toolTipTitle = '');\n};\n\nconst getTableData = () => {\n  let data = state.skewData || [];\n\n  let day1 = 86400000;\n  let data0 = data[data.length - 1];\n  let dataDate1 = formatDateForNumber(data0.timestamps - day1);\n  let dataDate2 = formatDateForNumber(data0.timestamps - day1 * 2);\n  let dataDate7 = formatDateForNumber(data0.timestamps - day1 * 7);\n  let dataDate15 = formatDateForNumber(data0.timestamps - day1 * 14);\n  let dataDate30 = formatDateForNumber(data0.timestamps - day1 * 30);\n\n  let map: Record<string, ISkewChartItem> = {};\n  data.forEach((item: ISkewChartItem) => {\n    let date = formatDateForNumber(item.timestamps);\n    if (date === dataDate1) {\n      map[date] = item;\n    } else if (date === dataDate2) {\n      map[date] = item;\n    } else if (date === dataDate7) {\n      map[date] = item;\n    } else if (date === dataDate15) {\n      map[date] = item;\n    } else if (date === dataDate30) {\n      map[date] = item;\n    }\n  });\n\n  let list = Object.values(map).sort(\n    (prev: ISkewChartItem, next: ISkewChartItem) =>\n      next.timestamps - prev.timestamps\n  );\n\n  let dataMap1: ITableItem = { expire: '1 day', atm: data0.day1 };\n  let dataMap2: ITableItem = { expire: '1 week', atm: data0.days7 };\n  let dataMap3: ITableItem = { expire: '1 month', atm: data0.days30 };\n  let dataMap4: ITableItem = { expire: '2 month', atm: data0.days60 };\n  let dataMap5: ITableItem = { expire: '3 month', atm: data0.days90 };\n  let dataMap6: ITableItem = { expire: '6 month', atm: data0.days180 };\n  let dataMap7: ITableItem = { expire: '1 year', atm: data0.days365 };\n  for (let i = 0; i < list.length; i++) {\n    let item = list[i];\n    let key: keyof ITableItem;\n    switch (i) {\n      case 0:\n        key = 'chg1';\n        break;\n      case 1:\n        key = 'chg2';\n        break;\n      case 2:\n        key = 'chg7';\n        break;\n      case 3:\n        key = 'chg14';\n        break;\n      case 4:\n        key = 'chg30';\n        break;\n      default:\n        continue;\n    }\n    dataMap1[key] = data0.day1 - item.day1;\n    dataMap2[key] = data0.days7 - item.days7;\n    dataMap3[key] = data0.days30 - item.days30;\n    dataMap4[key] = data0.days60 - item.days60;\n    dataMap5[key] = data0.days90 - item.days90;\n    dataMap6[key] = data0.days180 - item.days180;\n    dataMap7[key] = data0.days365 - item.days365;\n  }\n\n  state.tableData = [\n    dataMap1,\n    dataMap2,\n    dataMap3,\n    dataMap4,\n    dataMap5,\n    dataMap6,\n    dataMap7,\n  ];\n};\n\nconst getLegendValue = (days: number[]) => {\n  const r = Number(days[days.length - 1]?.toFixed(2));\n  return r >= 0 ? `+${r}%` : `${r}%`;\n};\n\nconst getLegendData = () => {\n  const { day1, days7, days30, days60, days90, days180, days365 } =\n    getEchartData();\n\n  state.legendMap = {\n    '1D': getLegendValue(day1),\n    '1W': getLegendValue(days7),\n    '1M': getLegendValue(days30),\n    '2M': getLegendValue(days60),\n    '3M': getLegendValue(days90),\n    '6M': getLegendValue(days180),\n    '1Y': getLegendValue(days365),\n  };\n};\n\nconst getEchartData = () => {\n  let data = [...state.skewData];\n\n  let date: string[] = [];\n\n  let day1: number[] = [];\n  let days7: number[] = [];\n  let days30: number[] = [];\n  let days60: number[] = [];\n  let days90: number[] = [];\n  let days180: number[] = [];\n  let days365: number[] = [];\n\n  data.forEach((item: Record<string, number>) => {\n    day1.push(item.day1);\n    days7.push(item.days7);\n    days30.push(item.days30);\n    days60.push(item.days60);\n    days90.push(item.days90);\n    days180.push(item.days180);\n    days365.push(item.days365);\n    date.push(formatDateForNumber(Number(item.timestamps)));\n  });\n\n  return {\n    date,\n\n    day1,\n    days7,\n    days30,\n    days60,\n    days90,\n    days180,\n    days365,\n  };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n  const { date, day1, days7, days30, days60, days90, days180, days365 } =\n    params;\n\n  const option = {\n    color: legendList.map((v) => v.color),\n\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        type: 'cross',\n        label: {\n          show: isMobile.value ? true : false, // 标签显示\n          backgroundColor: '#DEE2E6',\n          color: '#343A40',\n          padding: [4, 6, 4, 6],\n          margin: 9,\n        },\n        crossStyle: {\n          color: '#8B959F', // 十字准星X轴指示器样式\n        },\n        lineStyle: {\n          color: '#8B959F', // 十字准星Y轴指示器样式\n        },\n      },\n\n      backgroundColor: isDark.value ? '#E9ECEF' : '#292F3D', // 浅色/Grey/14\n      padding: isMobile.value ? 0 : [6, 8, 5, 6],\n      textStyle: {\n        color: isDark.value ? '#000000' : '#FFFFFF', // 浅色/Grey/White\n        fontSize: 12,\n        lineHeight: 16,\n        fontWeight: 400,\n      },\n\n      formatter: (\n        params: Array<{\n          axisValueLabel: string;\n          seriesName: string;\n          color: string;\n          value: number;\n        }>\n      ) => {\n        // console.log('params====>', params,params[0]);\n        let content = '';\n        state.toolTipTitle = getTooltipDate(params[0].axisValueLabel, 'en-US');\n        content += `<div class=\"chart-tooltip-box\"><div style=\"margin-bottom:4px;\">${state.toolTipTitle}</div> `;\n\n        params.forEach(\n          (param: { seriesName: string; color: string; value: number }) => {\n            content += `\n            <div class=\"chart-tooltip\">\n              <div>\n                <span class=\"chart-tooltip-line\" style=\"background-color:${\n                  param.color\n                };\"></span>\n                <span>${param.seriesName}</span>\n              </div>\n              <span>${param.value.toFixed(2)}</span>\n            </div>\n          `;\n          }\n        );\n        return content + '</div>';\n      },\n    },\n    axisPointer: {\n      type: 'line', // 显示指示线\n      label: {\n        show: true, // 显示指示线上的标签\n        backgroundColor: '#DEE2E6', // 标签背景颜色\n        color: '#343A40',\n        fontSize: 10,\n        padding: [4, 6, 4, 8],\n      },\n      // lineStyle: {\n      //   type: 'dashed', // 虚线\n      //   color: 'red'   // 线的颜色\n      // }\n    },\n    legend: {\n      // ...returnLegendStyle('line'),\n      show: !isMobile.value,\n\n      left: 0,\n      icon: 'rect', // 使用矩形作为图标，使其看起来像短横线\n      itemWidth: 14, // 控制短横线的长度\n      itemHeight: 2, // 控制短横线的粗细 (高度)\n      itemGap: 20, // 控制图例项之间的间距 (可选)\n      textStyle: {\n        // 控制图例文本样式 (可选)\n        color: '#596169', // 文本颜色\n        fontSize: 12, // 文本字体大小\n      },\n      lineStyle: {\n        inactiveColor: isDark.value ? '#2B2F32' : '#DEE2E6', // 浅色/Grey/3 图例关闭时的线条描边颜色\n      },\n      inactiveColor: isDark.value ? '#495057' : '#BDC4CB', // 浅色/Grey/5 图例关闭时的颜色\n      formatter: function (name: string) {\n        try {\n          switch (name) {\n            case '1 D':\n              return name + ` (${day1[day1.length - 1].toFixed(2)}%)`;\n            case '1 W':\n              return name + ` (${days7[days7.length - 1].toFixed(2)}%)`;\n            case '1 M':\n              return name + ` (${days30[days30.length - 1].toFixed(2)}%)`;\n            case '2 M':\n              return name + ` (${days60[days60.length - 1].toFixed(2)}%)`;\n            case '3 M':\n              return name + ` (${days90[days90.length - 1].toFixed(2)}%)`;\n            case '6 M':\n              return name + ` (${days180[days180.length - 1].toFixed(2)}%)`;\n            case '1 Y':\n              return name + ` (${days365[days365.length - 1].toFixed(2)}%)`;\n          }\n        } catch (e) {\n          return name;\n        }\n      },\n\n      // top: '3%',\n      selected: {\n        '1 D': false,\n        '1 W': false,\n        '1 M': true,\n        '2 M': false,\n        '3 M': true,\n        '6 M': true,\n        '1 Y': false,\n      },\n    },\n    xAxis: {\n      type: 'category',\n      data: date,\n      axisTick: {\n        show: false, // 隐藏刻度线\n      },\n      axisLabel: {\n        // 坐标轴刻度标签\n        color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      axisLine: {\n        show: false, // 隐藏坐标轴轴线\n        color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色 浅色/Grey/12\n      },\n      splitLine: {\n        show: !isMobile.value && !isDark.value, // 显示 X 轴网格线\n        lineStyle: {\n          color: '#F1F1F1', // 网格线颜色\n          width: 1, // 网格线宽度\n          type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n        },\n      },\n    },\n    yAxis: {\n      type: 'value',\n      scale: true,\n      axisLabel: {\n        // 坐标轴刻度标签\n        show: true,\n        color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      name: 'IV(%)',\n      nameLocation: 'end',\n      nameGap: isMobile.value ? -30 : 20,\n      nameRotate: isMobile.value ? 90 : 0,\n      nameTextStyle: {\n        color: isDark.value ? '#8B959F' : '#8B959F', // 浅色/Grey/8\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      axisLine: {\n        lineStyle: {\n          color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色 浅色/Grey/12\n        },\n      },\n      splitLine: {\n        lineStyle: {\n          color: isDark.value ? '#2B2F32' : '#F1F1F1', // 网格线颜色 浅色/Grey/3 '#F1F1F1'\n          width: 1, // 网格线宽度\n          type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n        },\n      },\n    },\n    grid: {\n      top: isPC.value ? 60 : 20,\n      left: 'left',\n      right: 27,\n      bottom: 0,\n      containLabel: true,\n    },\n    series: [\n      {\n        name: '1 D',\n        key: 1,\n        type: 'line',\n        symbol: 'none',\n        data: day1,\n      },\n      {\n        name: '1 W',\n        key: 7,\n        type: 'line',\n        symbol: 'none',\n        data: days7,\n      },\n      {\n        name: '1 M',\n        key: 30,\n        type: 'line',\n        symbol: 'none',\n        data: days30,\n      },\n      {\n        name: '2 M',\n        key: 60,\n        type: 'line',\n        symbol: 'none',\n        data: days60,\n      },\n      {\n        name: '3 M',\n        key: 90,\n        type: 'line',\n        symbol: 'none',\n        data: days90,\n      },\n      {\n        name: '6 M',\n        key: 180,\n        type: 'line',\n        symbol: 'none',\n        data: days180,\n      },\n      {\n        name: '1 Y',\n        key: 365,\n        type: 'line',\n        symbol: 'none',\n        data: days365,\n      },\n    ],\n  };\n  if (isMobile.value) {\n    // 移动端显示圆点，防止showTip不触发\n    option.series = option.series.map((v) => ({ ...v, symbol: 'circle' }));\n  }\n  return option;\n};\n\nconst setOption = () => {\n  return getEchartOption(getEchartData());\n};\n</script>\n"],"names":["params"],"mappings":"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"}
+{"version":3,"file":"panel-skew2.mjs","sources":["../../../../../../../packages/components/panel-skew/src/panel-skew.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelSkew from './panel-skew.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelSkewEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelSkewEmits = typeof panelSkewEmits\nexport const panelSkewProps = 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 PanelSkewProps = ExtractPropTypes<typeof panelSkewProps>\nexport type PanelSkewInstance = InstanceType<typeof PanelSkew>\n"],"names":[],"mappings":";;;AAIO,MAAM,cAAiB,GAAA;AAAA,EAC5B,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,iBAAiB,UAAW,CAAA;AAAA,EACvC,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-volatility-term-structure/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import PanelVolatilityTermStructure from './src/panel-volatility-term-structure2.mjs';
-export { panelVolatilityTermStructureEmits, panelVolatilityTermStructureProps } from './src/panel-volatility-term-structure.mjs';
+import PanelVolatilityTermStructure from './src/panel-volatility-term-structure.mjs';
+export { panelVolatilityTermStructureEmits, panelVolatilityTermStructureProps } from './src/panel-volatility-term-structure2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GPanelVolatilityTermStructure = withInstall(PanelVolatilityTermStructure);

package/es/packages/components/panel-volatility-term-structure/src/panel-volatility-term-structure.mjs

@@ -1,28 +1,371 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, reactive, computed, watch, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, isRef, withCtx, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import '../../../hooks/index.mjs';
+import { getCurrentDateTimezone, timestampFormat, numberFormat, getTooltipDate } from '../../../utils/chartHelp.mjs';
+import { getAtmData } from '../../../utils/dataLab.mjs';
+import { panelVolatilityTermStructureProps, panelVolatilityTermStructureEmits } from './panel-volatility-term-structure2.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useDeviceType } from '../../../hooks/use-device-type/index.mjs';
+import { useTheme } from '../../../hooks/use-theme/index.mjs';
 
-const panelVolatilityTermStructureEmits = {
-  "update:currency": (currency) => true,
-  "update:exchange": (exchange) => true
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = { class: "period-range h5-hide" };
+const _hoisted_3 = {
+  class: "echart",
+  ref: "echart"
 };
-const panelVolatilityTermStructureProps = buildProps({
-  defaultCurrency: {
-    type: String,
-    required: false
-  },
-  defaultExchange: {
-    type: String,
-    required: false
-  },
-  currency: {
-    type: String,
-    required: false
-  },
-  exchange: {
-    type: String,
-    required: false
+const __default__ = {
+  name: "GPanelVolatilityTermStructure"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: panelVolatilityTermStructureProps,
+  emits: panelVolatilityTermStructureEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = useNamespace("panel-volatility-term-structure");
+    const { t } = useLocale();
+    const { isMobile, isPC } = useDeviceType();
+    const { isDark } = useTheme();
+    const state = reactive({
+      loadingFlag: false,
+      toolTipTitle: "",
+      exchange: props.exchange || props.defaultExchange || "Deribit",
+      currency: props.currency || props.defaultCurrency || "BTC",
+      period: "3M",
+      pageCount: 0,
+      periodDateRange: "",
+      skewData: []
+    });
+    const currency = computed({
+      get: () => props.currency || state.currency || "BTC",
+      set: (newVal) => {
+        props.currency ? emit("update:currency", newVal) : state.currency = newVal;
+      }
+    });
+    const exchange = computed({
+      get: () => props.exchange || state.exchange || "Deribit",
+      set: (newVal) => {
+        props.exchange ? emit("update:exchange", newVal) : state.exchange = newVal;
+      }
+    });
+    watch(currency, () => {
+      fetchData();
+    });
+    watch(exchange, () => {
+      fetchData();
+    });
+    const fetchData = () => {
+      state.loadingFlag = true;
+      getAtmData({ currency: currency.value, page_num: state.pageCount }).then((res) => {
+        if (res && res.code === 200) {
+          state.skewData = res.data || [];
+        }
+      }).finally(() => {
+        state.loadingFlag = false;
+      });
+    };
+    onMounted(() => {
+      fetchData();
+      getDateTimeRange();
+    });
+    const getDateTimeRange = () => {
+      const curTimestamp = (/* @__PURE__ */ new Date()).getTime();
+      const day = 24 * 36e5;
+      const startTimestamp = curTimestamp - day * (state.pageCount + 1);
+      const endTimestamp = curTimestamp - day * state.pageCount;
+      state.periodDateRange = `${getCurrentDateTimezone()} ${timestampFormat(
+        startTimestamp,
+        "{y}/{m}/{d} {h}:00"
+      )} - ${timestampFormat(endTimestamp, "{y}/{m}/{d} {h}:00")}`;
+    };
+    const handlePageChange = (direction) => {
+      if (direction === "prev") {
+        state.pageCount++;
+      } else {
+        if (state.pageCount <= 0) {
+          return;
+        }
+        state.pageCount--;
+      }
+      fetchData();
+      getDateTimeRange();
+    };
+    const getEchartData = () => {
+      const data = [...state.skewData];
+      let atmIvData = [];
+      let fwdIvData = [];
+      let date = [];
+      data.forEach((item) => {
+        let list = item.list;
+        let atmIndex = item.atm_index;
+        atmIvData.push(numberFormat(list[atmIndex].iv, 2));
+        fwdIvData.push(numberFormat(list[atmIndex].fwd_iv, 2));
+        date.push(item.underlying_index.split("-")[1]);
+      });
+      return {
+        date,
+        atmIvData,
+        fwdIvData
+      };
+    };
+    const getEchartOption = (params) => {
+      const {
+        date,
+        atmIvData,
+        fwdIvData
+      } = params;
+      const option = {
+        color: ["#7630F7", "#23C343"],
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "cross",
+            label: {
+              show: isMobile.value ? true : false,
+              backgroundColor: "#DEE2E6",
+              color: "#343A40",
+              padding: [4, 6, 4, 6],
+              margin: 9
+            },
+            crossStyle: {
+              color: "#8B959F"
+            },
+            lineStyle: {
+              color: "#8B959F"
+            }
+          },
+          backgroundColor: isDark.value ? "#E9ECEF" : "#292F3D",
+          padding: isMobile.value ? 0 : [6, 8, 5, 6],
+          textStyle: {
+            color: isDark.value ? "#000000" : "#FFFFFF",
+            fontSize: 12,
+            lineHeight: 16,
+            fontWeight: 400
+          },
+          formatter: (params2) => {
+            let content = "";
+            state.toolTipTitle = getTooltipDate(params2[0].axisValueLabel, "en-US");
+            content += `<div class="chart-tooltip-box"><div style="margin-bottom:4px;">${state.toolTipTitle}</div> `;
+            params2.forEach(
+              (param) => {
+                content += `
+            <div class="chart-tooltip">
+              <div>
+                <span class="chart-tooltip-line" style="background-color:${param.color};"></span>
+                <span>${param.seriesName}</span>
+              </div>
+              <span>${param.value.toFixed(2)}</span>
+            </div>
+          `;
+              }
+            );
+            return content + "</div>";
+          }
+        },
+        axisPointer: {
+          type: "line",
+          label: {
+            show: true,
+            backgroundColor: "#DEE2E6",
+            color: "#343A40",
+            fontSize: 10,
+            padding: [4, 6, 4, 8]
+          }
+        },
+        legend: {
+          show: !isMobile.value,
+          icon: "rect",
+          itemWidth: 14,
+          itemHeight: 2,
+          itemGap: 16,
+          textStyle: {
+            color: "#596169",
+            fontSize: 12
+          },
+          lineStyle: {
+            inactiveColor: isDark.value ? "#2B2F32" : "#DEE2E6"
+          },
+          inactiveColor: isDark.value ? "#495057" : "#BDC4CB",
+          data: [
+            {
+              name: "ATM IV"
+            },
+            {
+              name: "FWD IV",
+              icon: "path://M234.666667 490.666667h-153.6a25.6 25.6 0 1 0 0 51.2h153.6a25.6 25.6 0 1 0 0-51.2zM473.6 490.666667h-153.6a25.6 25.6 0 1 0 0 51.2h153.6a25.6 25.6 0 1 0 0-51.2zM934.4 490.666667h-136.533333a25.6 25.6 0 1 0 0 51.2h136.533333a25.6 25.6 0 1 0 0-51.2zM712.533333 490.666667h-153.6a25.6 25.6 0 1 0 0 51.2h153.6a25.6 25.6 0 1 0 0-51.2z"
+            }
+          ]
+        },
+        xAxis: {
+          type: "category",
+          data: date,
+          axisTick: {
+            show: false
+          },
+          axisLabel: {
+            color: isDark.value ? "#CED4DA" : "#343A40",
+            fontWeight: 400,
+            fontSize: 10
+          },
+          axisLine: {
+            show: false,
+            lineStyle: {
+              color: isDark.value ? "#CED4DA" : "#343A40"
+            }
+          },
+          splitLine: {
+            show: !isMobile.value && !isDark.value,
+            lineStyle: {
+              color: "#F1F1F1",
+              width: 1,
+              type: "solid"
+            }
+          }
+        },
+        yAxis: {
+          type: "value",
+          scale: true,
+          axisLabel: {
+            show: true,
+            color: isDark.value ? "#CED4DA" : "#343A40",
+            fontWeight: 400,
+            fontSize: 10
+          },
+          name: "IV(%)",
+          nameLocation: "end",
+          nameGap: isMobile.value ? -30 : -30,
+          nameRotate: 90,
+          nameTextStyle: {
+            color: isDark.value ? "#8B959F" : "#8B959F",
+            fontWeight: 400,
+            fontSize: 10
+          },
+          axisLine: {
+            lineStyle: {
+              color: isDark.value ? "#CED4DA" : "#343A40"
+            }
+          },
+          splitLine: {
+            lineStyle: {
+              color: isDark.value ? "#2B2F32" : "#F1F1F1",
+              width: 1,
+              type: "solid"
+            }
+          }
+        },
+        grid: {
+          top: isPC.value ? 30 : 20,
+          bottom: 20,
+          left: 35,
+          right: 22
+        },
+        series: [
+          {
+            name: "ATM IV",
+            data: atmIvData,
+            type: "line",
+            smooth: true,
+            showSymbol: true
+          },
+          {
+            name: "FWD IV",
+            data: fwdIvData,
+            type: "line",
+            smooth: true,
+            showSymbol: true,
+            itemStyle: {
+              normal: {
+                lineStyle: {
+                  type: "dashed"
+                }
+              }
+            }
+          }
+        ]
+      };
+      if (isMobile.value) {
+        option.series = option.series.map((v) => ({ ...v, symbol: "circle" }));
+      }
+      return option;
+    };
+    const chartOption = computed(() => {
+      return getEchartOption(getEchartData());
+    });
+    return (_ctx, _cache) => {
+      const _component_g_icon = resolveComponent("g-icon");
+      const _component_g_tooltip = resolveComponent("g-tooltip");
+      const _component_g_page_turner = resolveComponent("g-page-turner");
+      const _component_g_chart = resolveComponent("g-chart");
+      const _component_g_chart_panel = resolveComponent("g-chart-panel");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([unref(ns).b()])
+        },
+        [
+          createVNode(_component_g_chart_panel, {
+            currency: unref(currency),
+            "onUpdate:currency": _cache[0] || (_cache[0] = ($event) => isRef(currency) ? currency.value = $event : null),
+            exchange: unref(exchange),
+            "onUpdate:exchange": _cache[1] || (_cache[1] = ($event) => isRef(exchange) ? exchange.value = $event : null),
+            loading: state.loadingFlag,
+            onRefresh: fetchData
+          }, {
+            title: withCtx(() => [
+              createVNode(_component_g_tooltip, { placement: "bottom" }, {
+                title: withCtx(() => [
+                  createElementVNode("div", {
+                    innerHTML: unref(t)("message.atmVolatilityTermStructureTips")
+                  }, null, 8, _hoisted_1)
+                ]),
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(unref(t)("message.atmVolatilityTermStructure")) + " ",
+                    1
+                  ),
+                  createVNode(_component_g_icon, { type: "info_question_circle" })
+                ]),
+                _: 1
+              })
+            ]),
+            tool: withCtx(() => [
+              createCommentVNode(' <span class="filter-box h5-hide">\n          <g-icon type="chart_filter" :size="15" />\n        </span> '),
+              createElementVNode(
+                "span",
+                _hoisted_2,
+                toDisplayString(state.periodDateRange),
+                1
+              ),
+              createVNode(_component_g_page_turner, {
+                prevDisabled: state.loadingFlag,
+                nextDisabled: state.loadingFlag || state.pageCount <= 0,
+                onChange: handlePageChange
+              }, null, 8, ["prevDisabled", "nextDisabled"])
+            ]),
+            body: withCtx(() => [
+              createElementVNode(
+                "div",
+                _hoisted_3,
+                [
+                  createVNode(_component_g_chart, {
+                    class: "skew-chart",
+                    option: unref(chartOption)
+                  }, null, 8, ["option"])
+                ],
+                512
+              )
+            ]),
+            _: 1
+          }, 8, ["currency", "exchange", "loading"])
+        ],
+        2
+      );
+    };
   }
 });
+var PanelVolatilityTermStructure = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/panel-volatility-term-structure/src/panel-volatility-term-structure.vue"]]);
 
-export { panelVolatilityTermStructureEmits, panelVolatilityTermStructureProps };
+export { PanelVolatilityTermStructure as default };
 //# sourceMappingURL=panel-volatility-term-structure.mjs.map

package/es/packages/components/panel-volatility-term-structure/src/panel-volatility-term-structure.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"panel-volatility-term-structure.mjs","sources":["../../../../../../../packages/components/panel-volatility-term-structure/src/panel-volatility-term-structure.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelVolatilityTermStructure from './panel-volatility-term-structure.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelVolatilityTermStructureEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelVolatilityTermStructureEmits = typeof panelVolatilityTermStructureEmits\nexport const panelVolatilityTermStructureProps = 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 PanelVolatilityTermStructureProps = ExtractPropTypes<typeof panelVolatilityTermStructureProps>\nexport type PanelVolatilityTermStructureInstance = InstanceType<typeof PanelVolatilityTermStructure>\n"],"names":[],"mappings":";;;AAIO,MAAM,iCAAoC,GAAA;AAAA,EAC/C,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,oCAAoC,UAAW,CAAA;AAAA,EAC1D,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-volatility-term-structure.mjs","sources":["../../../../../../../packages/components/panel-volatility-term-structure/src/panel-volatility-term-structure.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      @refresh=\"fetchData\"\n    >\n      <template #title>\n        <g-tooltip placement=\"bottom\">\n          {{ t('message.atmVolatilityTermStructure') }}\n          <g-icon type=\"info_question_circle\" />\n          <template #title>\n            <div v-html=\"t('message.atmVolatilityTermStructureTips')\"></div>\n          </template>\n        </g-tooltip>\n      </template>\n\n      <template #tool>\n        <!-- <span class=\"filter-box h5-hide\">\n          <g-icon type=\"chart_filter\" :size=\"15\" />\n        </span> -->\n        <span class=\"period-range h5-hide\">{{ state.periodDateRange }}</span>\n\n        <g-page-turner\n          :prevDisabled=\"state.loadingFlag\"\n          :nextDisabled=\"state.loadingFlag || state.pageCount <= 0\"\n          @change=\"handlePageChange\"\n        ></g-page-turner>\n      </template>\n      <template #body>\n        <div class=\"echart\" ref=\"echart\">\n          <g-chart class=\"skew-chart\" :option=\"chartOption\"></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, onMounted, watch, computed } from 'vue';\n\nimport {\n  getTooltipDate,\n  numberFormat,\n  timestampFormat,\n  getCurrentDateTimezone,\n} from '@greeks-live-ui/utils/chartHelp';\nimport { getAtmData, IAtmDataRes } from '@greeks-live-ui/utils/dataLab';\nimport {\n  panelVolatilityTermStructureEmits,\n  panelVolatilityTermStructureProps,\n} from './panel-volatility-term-structure';\n\ndefineOptions({\n  name: 'GPanelVolatilityTermStructure',\n});\nconst props = defineProps(panelVolatilityTermStructureProps);\nconst emit = defineEmits(panelVolatilityTermStructureEmits);\nconst ns = useNamespace('panel-volatility-term-structure');\nconst { t } = useLocale();\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nconst state = reactive({\n  loadingFlag: false,\n  toolTipTitle: '',\n\n  exchange: props.exchange || props.defaultExchange || 'Deribit',\n  currency: props.currency || props.defaultCurrency || 'BTC',\n\n  period: '3M',\n  pageCount: 0,\n  periodDateRange: '',\n\n  skewData: [] as IAtmDataRes[],\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\nwatch(currency, () => {\n  fetchData();\n});\n\nwatch(exchange, () => {\n  fetchData();\n});\nconst fetchData = () => {\n  state.loadingFlag = true;\n  getAtmData({ currency: currency.value, page_num: state.pageCount })\n    .then((res) => {\n      if (res && res.code === 200) {\n        state.skewData = res.data || [];\n      }\n    })\n    .finally(() => {\n      state.loadingFlag = false;\n    });\n};\n\nonMounted(() => {\n  fetchData();\n  getDateTimeRange();\n});\n\nconst getDateTimeRange = () => {\n  const curTimestamp = new Date().getTime();\n  const day = 24 * 3600000;\n  const startTimestamp = curTimestamp - day * (state.pageCount + 1);\n  const endTimestamp = curTimestamp - day * state.pageCount;\n  state.periodDateRange = `${getCurrentDateTimezone()} ${timestampFormat(\n    startTimestamp,\n    '{y}/{m}/{d} {h}:00'\n  )} - ${timestampFormat(endTimestamp, '{y}/{m}/{d} {h}:00')}`;\n};\nconst handlePageChange = (direction: 'prev' | 'next') => {\n  if (direction === 'prev') {\n    state.pageCount++;\n  } else {\n    if (state.pageCount <= 0) {\n      return;\n    }\n    state.pageCount--;\n  }\n  fetchData();\n  getDateTimeRange();\n};\n\nconst getEchartData = () => {\n  const data = [...state.skewData];\n\n  let atmIvData: number[] = [];\n  let fwdIvData: number[] = [];\n  let date: string[] = [];\n\n  data.forEach((item) => {\n    let list = item.list;\n    let atmIndex = item.atm_index;\n\n    atmIvData.push(numberFormat(list[atmIndex].iv, 2));\n    fwdIvData.push(numberFormat(list[atmIndex].fwd_iv, 2));\n    date.push(item.underlying_index.split('-')[1]);\n  });\n\n  return {\n    date,\n\n    atmIvData,\n    fwdIvData,\n  };\n};\n\nconst getEchartOption = (params: {\n  date: string[];\n  atmIvData: number[];\n  fwdIvData: number[];\n}) => {\n  const {\n    date,\n\n    atmIvData,\n    fwdIvData,\n  } = params;\n\n  const option = {\n    color: ['#7630F7', '#23C343'],\n\n    tooltip: {\n      // trigger: isMobile.value ? 'none' : 'axis',\n      trigger: 'axis',\n      axisPointer: {\n        type: 'cross',\n        label: {\n          show: isMobile.value ? true : 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\n      backgroundColor: isDark.value ? '#E9ECEF' : '#292F3D', // 浅色/Grey/14\n      padding: isMobile.value ? 0 : [6, 8, 5, 6],\n      textStyle: {\n        color: isDark.value ? '#000000' : '#FFFFFF', // 浅色/Grey/White\n        fontSize: 12,\n        lineHeight: 16,\n        fontWeight: 400,\n      },\n\n      formatter: (\n        params: Array<{\n          axisValueLabel: string;\n          seriesName: string;\n          color: string;\n          value: number;\n        }>\n      ) => {\n        // console.log('params====>', params,params[0]);\n        let content = '';\n        state.toolTipTitle = getTooltipDate(params[0].axisValueLabel, 'en-US');\n        content += `<div class=\"chart-tooltip-box\"><div style=\"margin-bottom:4px;\">${state.toolTipTitle}</div> `;\n\n        params.forEach(\n          (param: {\n            axisValueLabel: string;\n            seriesName: string;\n            color: string;\n            value: number;\n          }) => {\n            content += `\n            <div class=\"chart-tooltip\">\n              <div>\n                <span class=\"chart-tooltip-line\" style=\"background-color:${\n                  param.color\n                };\"></span>\n                <span>${param.seriesName}</span>\n              </div>\n              <span>${param.value.toFixed(2)}</span>\n            </div>\n          `;\n          }\n        );\n        return content + '</div>';\n      },\n    },\n    axisPointer: {\n      type: 'line', // 显示指示线\n      label: {\n        show: true, // 显示指示线上的标签\n        backgroundColor: '#DEE2E6', // 标签背景颜色\n        color: '#343A40',\n        fontSize: 10,\n        padding: [4, 6, 4, 8],\n      },\n      // lineStyle: {\n      //   type: 'dashed', // 虚线\n      //   color: 'red'   // 线的颜色\n      // }\n    },\n    legend: {\n      // ...returnLegendStyle('line'),\n      show: !isMobile.value,\n\n      // left: 0,\n      icon: 'rect', // 使用矩形作为图标，使其看起来像短横线\n      itemWidth: 14, // 控制短横线的长度\n      itemHeight: 2, // 控制短横线的粗细 (高度)\n      itemGap: 16, // 控制图例项之间的间距 (可选)\n      textStyle: {\n        // 控制图例文本样式 (可选)\n        color: '#596169', // 文本颜色\n        fontSize: 12, // 文本字体大小\n      },\n      lineStyle: {\n        inactiveColor: isDark.value ? '#2B2F32' : '#DEE2E6', // 浅色/Grey/3 图例关闭时的线条描边颜色\n      },\n      inactiveColor: isDark.value ? '#495057' : '#BDC4CB', // 浅色/Grey/5 图例关闭时的颜色\n\n      data: [\n        {\n          name: 'ATM IV',\n        },\n        {\n          name: 'FWD IV',\n          icon: 'path://M234.666667 490.666667h-153.6a25.6 25.6 0 1 0 0 51.2h153.6a25.6 25.6 0 1 0 0-51.2zM473.6 490.666667h-153.6a25.6 25.6 0 1 0 0 51.2h153.6a25.6 25.6 0 1 0 0-51.2zM934.4 490.666667h-136.533333a25.6 25.6 0 1 0 0 51.2h136.533333a25.6 25.6 0 1 0 0-51.2zM712.533333 490.666667h-153.6a25.6 25.6 0 1 0 0 51.2h153.6a25.6 25.6 0 1 0 0-51.2z', // 虚线图例\n        },\n      ],\n    },\n    xAxis: {\n      type: 'category',\n      data: date,\n      // data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],\n      axisTick: {\n        show: false, // 隐藏刻度线\n      },\n      axisLabel: {\n        // 坐标轴刻度标签\n        color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      axisLine: {\n        show: false, // 隐藏坐标轴轴线\n        lineStyle: {\n          color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色 浅色/Grey/12\n        },\n      },\n      splitLine: {\n        show: !isMobile.value && !isDark.value, // 显示 X 轴网格线\n        lineStyle: {\n          color: '#F1F1F1', // 网格线颜色\n          width: 1, // 网格线宽度\n          type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n        },\n      },\n    },\n    yAxis: {\n      type: 'value',\n      scale: true,\n      axisLabel: {\n        // 坐标轴刻度标签\n        show: true,\n        color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      name: 'IV(%)',\n      nameLocation: 'end',\n      nameGap: isMobile.value ? -30 : -30,\n      nameRotate: 90,\n      nameTextStyle: {\n        color: isDark.value ? '#8B959F' : '#8B959F', // 浅色/Grey/8\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      axisLine: {\n        lineStyle: {\n          color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色 浅色/Grey/12\n        },\n      },\n      splitLine: {\n        lineStyle: {\n          color: isDark.value ? '#2B2F32' : '#F1F1F1', // 网格线颜色 浅色/Grey/3 '#F1F1F1'\n          width: 1, // 网格线宽度\n          type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n        },\n      },\n    },\n    grid: {\n      top: isPC.value ? 30 : 20,\n      bottom: 20,\n      left: 35,\n      right: 22,\n    },\n    series: [\n      {\n        name: 'ATM IV',\n        data: atmIvData,\n        type: 'line',\n        smooth: true,\n        showSymbol: true,\n      },\n      {\n        name: 'FWD IV',\n        data: fwdIvData,\n        type: 'line',\n        smooth: true,\n        showSymbol: true,\n        itemStyle: {\n          normal: {\n            lineStyle: {\n              type: 'dashed', //'dotted'虚线 'solid'实线\n            },\n          },\n        },\n      },\n    ],\n  };\n  if (isMobile.value) {\n    // 移动端显示圆点，防止showTip不触发\n    option.series = option.series.map((v) => ({ ...v, symbol: 'circle' }));\n  }\n  return option;\n};\n\nconst chartOption = computed(() => {\n  return getEchartOption(getEchartData());\n});\n</script>\n"],"names":["params"],"mappings":"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"}