greeks-live-ui 0.0.19 → 0.0.21

package/lib/packages/components/panel-atm-iv/src/panel-atm-iv2.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-atm-iv2.js","sources":["../../../../../../../packages/components/panel-atm-iv/src/panel-atm-iv.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\">\n    <g-chart-panel\n      v-model:currency=\"currency\"\n      v-model:exchange=\"exchange\"\n      :operations=\"['toggle']\"\n      :loading=\"state.loadingFlag\"\n      @toggle=\"handleToggleTableChart\"\n      @refresh=\"fetchData\"\n    >\n      <template #title>\n        <g-tooltip placement=\"bottom\" arrow-point-at-center>\n          ATM IV<g-icon type=\"info_question_circle\" />\n          <template #title>\n            <div v-html=\"t('message.atmIVTips')\"></div>\n          </template>\n        </g-tooltip>\n      </template>\n\n      <template #tool>\n        <template v-if=\"!state.showTableCard\">\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              >{{ periodItem.label }}</g-select-option\n            >\n          </g-select>\n          <span class=\"period-range h5-hide\">{{ state.periodDateRange }}</span>\n        </template>\n        <g-select\n          v-model:value=\"state.range\"\n          @change=\"getTableData\"\n          class=\"input-select second-select\"\n          :size=\"isPC ? 'small' : 'medium'\"\n        >\n          <g-select-option v-for=\"item in rangeList\" :key=\"item\" :value=\"item\">\n            {{ item }} HV:{{ numberFormat(state.hvMap[item])\n            }}<span\n              v-if=\"state.hvMap[item] !== null || !isNaN(state.hvMap[item])\"\n              >%</span\n            >\n          </g-select-option>\n        </g-select>\n      </template>\n      <template #body>\n        <g-chart-table\n          :tableData=\"state.tableData\"\n          name=\"IV\"\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\n                v-for=\"legendItem in legendList.slice(1)\"\n                :key=\"legendItem.label\"\n              >\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  useDeviceType,\n  useLocale,\n  useNamespace,\n  useTheme,\n} from '@greeks-live-ui/hooks';\nimport { computed, reactive, onMounted, watch } from 'vue';\nimport { panelAtmIvProps, panelAtmIvEmits } from './panel-atm-iv';\nimport {\n  showDateRange,\n  getTooltipDate,\n  formatDateForNumber,\n  numberFormat,\n} from '@greeks-live-ui/utils';\nimport { getIvHistory, IVChartRes } from '@greeks-live-ui/utils';\n\ndefineOptions({\n  name: 'GPanelAtmIv',\n});\n\nconst props = defineProps(panelAtmIvProps);\nconst emit = defineEmits(panelAtmIvEmits);\n\nconst ns = useNamespace('panel-atm-iv');\nconst { t } = useLocale();\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nlet legendList = [\n  {\n    value: 'ALL',\n    label: 'All',\n    days: 0,\n    color: '#00B42A',\n  },\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  if (currency.value === 'BTC' || currency.value === 'ETH') {\n    return legendList.filter((v) =>\n      ['ALL', '1W', '1M', '3M', '1Y'].includes(v.value)\n    );\n  } else if (currency.value.includes('PAXG')) {\n    return legendList.filter((v) =>\n      ['ALL', '1W', '1M', '3M'].includes(v.value)\n    );\n  } else {\n    return legendList.filter((v) => ['ALL', '1W', '1M'].includes(v.value));\n  }\n});\n\ninterface TableData {\n  expire: string;\n  atm: number;\n  chg1?: number;\n  chg2?: number;\n  chg7?: number;\n  chg14?: number;\n  chg30?: number;\n  vrp?: number;\n  vrpLabel?: string;\n}\n\nconst rangeList = computed(() => {\n  if (currency.value === 'BTC' || currency.value === 'ETH') {\n    return ['1D', '1W', '1M', '2M', '3M', '6M', '1Y'];\n  } else if (currency.value.includes('PAXG')) {\n    return ['1D', '1W', '1M', '3M', '6M'];\n  } else {\n    return ['1D', '1W', '1M'];\n  }\n});\nconst defaultPeriod = computed(() => {\n  if (currency.value === 'BTC' || currency.value === 'ETH') {\n    return '3M';\n  } else if (currency.value.includes('PAXG')) {\n    return '3M';\n  } else {\n    return '1M';\n  }\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  range: '1W',\n  period: '3M',\n  periodDateRange: '',\n\n  chartData: [] as IVChartRes[],\n  tableData: [] as TableData[],\n  legendMap: {} as Record<string, string>,\n  hvMap: {} as Record<string, string | number>,\n  legendList: [],\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});\n\nconst fetchData = () => {\n  state.loadingFlag = true;\n  getIvHistory({\n    currency: currency.value,\n    gap: state.showTableCard ? defaultPeriod.value : state.period,\n  })\n    .then((res) => {\n      if (res && res.code === 200) {\n        state.chartData = res.data || [];\n        getTableData();\n        getLegendData();\n      }\n    })\n    .finally(() => {\n      state.loadingFlag = false;\n    });\n};\n\nonMounted(() => {\n  state.period = defaultPeriod.value;\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 getLegendValue = (days: number[]) => {\n  const r = Number(Number(days[days.length - 1])?.toFixed(2));\n  return r >= 0 ? `+${r}%` : `${r}%`;\n};\n\nconst getLegendData = () => {\n  const { day1, week1, month1, month2, month3, month6, year1, hvText, dataHv } =\n    getEchartData();\n\n  state.legendMap = {\n    '1D': getLegendValue(day1),\n    '1W': getLegendValue(week1),\n    '1M': getLegendValue(month1),\n    '2M': getLegendValue(month2),\n    '3M': getLegendValue(month3),\n    '6M': getLegendValue(month6),\n    '1Y': getLegendValue(year1),\n    [hvText]: getLegendValue(dataHv),\n  };\n};\n\nconst getTableData = () => {\n  let data = state.chartData || [];\n\n  let hvMap: Record<string, string | number> = {};\n  let arr = data[data.length - 1]?.data || [];\n  arr.forEach((item: { day: number; hv: string | number }) => {\n    let key = '';\n    if (item.day === 1) {\n      key = '1D';\n    } else if (item.day === 7) {\n      key = '1W';\n    } else if (item.day === 30) {\n      key = '1M';\n    } else if (item.day === 60) {\n      key = '2M';\n    } else if (item.day === 90) {\n      key = '3M';\n    } else if (item.day === 180) {\n      key = '6M';\n    } else if (item.day === 365) {\n      key = '1Y';\n    }\n    hvMap[key] = item.hv;\n    state.hvMap = hvMap;\n  });\n\n  let day1 = 86400000;\n  let data0 = data[data.length - 1];\n  let dataDate1 = formatDateForNumber(data0.created_at - day1);\n  let dataDate2 = formatDateForNumber(data0.created_at - day1 * 2);\n  let dataDate7 = formatDateForNumber(data0.created_at - day1 * 7);\n  let dataDate15 = formatDateForNumber(data0.created_at - day1 * 14);\n  let dataDate30 = formatDateForNumber(data0.created_at - day1 * 30);\n\n  let map: Record<string, IVChartRes> = {};\n  data.forEach((item: IVChartRes) => {\n    let date = formatDateForNumber(item.created_at);\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, next: IVChartRes) => next.created_at - prev.created_at\n  );\n\n  let dataMap1: TableData = { expire: '1 day', atm: data0.one_day };\n  let dataMap2: TableData = { expire: '1 week', atm: data0.one_week };\n  let dataMap3: TableData = { expire: '1 month', atm: data0.month1 };\n  let dataMap4: TableData = { expire: '2 month', atm: data0.month2 };\n  let dataMap5: TableData = { expire: '3 month', atm: data0.month3 };\n  let dataMap6: TableData = { expire: '6 month', atm: data0.month6 };\n  let dataMap7: TableData = { expire: '1 year', atm: data0.one_year };\n  for (let i = 0; i < list.length; i++) {\n    let item = list[i];\n    let key: keyof TableData;\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.one_day - item.one_day;\n    dataMap2[key] = data0.one_week - item.one_week;\n    dataMap3[key] = data0.month1 - item.month1;\n    dataMap4[key] = data0.month2 - item.month2;\n    dataMap5[key] = data0.month3 - item.month3;\n    dataMap6[key] = data0.month6 - item.month6;\n    dataMap7[key] = data0.one_year - item.one_year;\n  }\n  let tableData = [];\n  if (currency.value === 'BTC' || currency.value === 'ETH') {\n    tableData = [\n      dataMap1,\n      dataMap2,\n      dataMap3,\n      dataMap4,\n      dataMap5,\n      dataMap6,\n      dataMap7,\n    ];\n  } else if (currency.value.includes('PAXG')) {\n    tableData = [dataMap1, dataMap2, dataMap3, dataMap4, dataMap5, dataMap6];\n  } else {\n    tableData = [dataMap1, dataMap2, dataMap3];\n  }\n  state.tableData = tableData.map((v: TableData) => {\n    v['vrp'] = v.atm - Number(hvMap[state.range]);\n    v['vrpLabel'] = state.range + ' VRP';\n    return v;\n  });\n};\n\nconst getEchartData = () => {\n  let data = [...state.chartData];\n  const data2 = data.map((v) => v.data);\n\n  let date: number[] = [];\n  let day1: number[] = [];\n  let week1: number[] = [];\n  let month1: number[] = [];\n  let month2: number[] = [];\n  let month3: number[] = [];\n  let month6: number[] = [];\n  let year1: number[] = [];\n\n  data.forEach((item) => {\n    day1.push(\n      (item.one_day ? numberFormat(item.one_day, 2) : '') as unknown as number\n    );\n    week1.push(\n      (item.one_week ? numberFormat(item.one_week, 2) : '') as unknown as number\n    );\n    month1.push(numberFormat(item.month1, 2));\n    month2.push(\n      (item.month2 ? numberFormat(item.month2, 2) : '') as unknown as number\n    );\n    month3.push(numberFormat(item.month3, 2));\n    month6.push(numberFormat(item.month6, 2));\n    year1.push(\n      (item.one_year ? numberFormat(item.one_year, 2) : '') as unknown as number\n    );\n    date.push(formatDateForNumber(item.created_at) as unknown as number);\n  });\n\n  let days1: 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  data2.forEach((item) => {\n    item = item || [];\n    let set = new Set([\n      'days1',\n      'days7',\n      'days30',\n      'days60',\n      'days90',\n      'days180',\n      'days365',\n    ]);\n    item.forEach((item2: { day: number; hv: string | number }) => {\n      if (item2.day === 1) {\n        set.delete('days1');\n        days1.push(numberFormat(item2.hv, 2));\n      } else if (item2.day === 7) {\n        set.delete('days7');\n        days7.push(numberFormat(item2.hv, 2));\n      } else if (item2.day === 30) {\n        set.delete('days30');\n        days30.push(numberFormat(item2.hv, 2));\n      } else if (item2.day === 60) {\n        set.delete('days60');\n        days60.push(numberFormat(item2.hv, 2));\n      } else if (item2.day === 90) {\n        set.delete('days90');\n        days90.push(numberFormat(item2.hv, 2));\n      } else if (item2.day === 180) {\n        set.delete('days180');\n        days180.push(numberFormat(item2.hv, 2));\n      } else if (item2.day === 365) {\n        set.delete('days365');\n        days365.push(numberFormat(item2.hv, 2));\n      }\n    });\n\n    let arr = [...set];\n    arr.forEach((item3) => {\n      if (item3 === 'days1') {\n        days1.push('' as unknown as number);\n      } else if (item3 === 'days7') {\n        days7.push('' as unknown as number);\n      } else if (item3 === 'days30') {\n        days30.push('' as unknown as number);\n      } else if (item3 === 'days60') {\n        days60.push('' as unknown as number);\n      } else if (item3 === 'days90') {\n        days90.push('' as unknown as number);\n      } else if (item3 === 'days180') {\n        days180.push('' as unknown as number);\n      } else if (item3 === 'days365') {\n        days365.push('' as unknown as number);\n      }\n    });\n  });\n\n  let dataHv: number[] = [];\n  if (state.range === '1D') {\n    dataHv = days1;\n  } else if (state.range === '1W') {\n    dataHv = days7;\n  } else if (state.range === '1M') {\n    dataHv = days30;\n  } else if (state.range === '2M') {\n    dataHv = days60;\n  } else if (state.range === '3M') {\n    dataHv = days90;\n  } else if (state.range === '6M') {\n    dataHv = days180;\n  } else if (state.range === '1Y') {\n    dataHv = days365;\n  }\n  const hvText = `${state.range.toLocaleLowerCase()} HV`;\n\n  return {\n    date,\n\n    day1,\n    week1,\n    month1,\n    month2,\n    month3,\n    month6,\n    year1,\n    hvText,\n    dataHv,\n  };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n  const {\n    date,\n\n    day1,\n    week1,\n    month1,\n    month2,\n    month3,\n    month6,\n    year1,\n    hvText,\n    dataHv,\n  } = params;\n\n  // 创建映射关系\n  const seriesMap: Record<string, object> = {\n    '1D': {\n      name: '1 D',\n      key: 1,\n      type: 'line',\n      symbol: 'none',\n      data: day1,\n    },\n    '1W': {\n      name: '1 W',\n      key: 7,\n      type: 'line',\n      symbol: 'none',\n      data: week1,\n    },\n    '1M': {\n      name: '1 M',\n      key: 30,\n      type: 'line',\n      symbol: 'none',\n      data: month1,\n    },\n    '2M': {\n      name: '2 M',\n      key: 60,\n      type: 'line',\n      symbol: 'none',\n      data: month2,\n    },\n    '3M': {\n      name: '3 M',\n      key: 90,\n      type: 'line',\n      symbol: 'none',\n      data: month3,\n    },\n    '6M': {\n      name: '6 M',\n      key: 180,\n      type: 'line',\n      symbol: 'none',\n      data: month6,\n    },\n    '1Y': {\n      name: '1 Y',\n      key: 365,\n      type: 'line',\n      symbol: 'none',\n      data: year1,\n    },\n  };\n\n  // 根据当前rangeList筛选需要显示的系列\n  const filteredSeries = rangeList.value.map((range) => seriesMap[range]);\n\n  // 添加HV系列\n  filteredSeries.push({\n    name: hvText,\n    type: 'line',\n    symbol: 'none',\n    data: dataHv,\n  });\n\n  const option = {\n    color: legendList.slice(1).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          // 十字准星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        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', // '#343A40' 2B2F32\n        fontSize: 10,\n        padding: [4, 6, 4, 8],\n      },\n    },\n    legend: {\n      // ...returnLegendStyle('line'),\n      show: !isMobile.value,\n\n      left: 'center',\n      width: '90%',\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]}%)`;\n            case '1 W':\n              return name + ` (${week1[week1.length - 1]}%)`;\n            case '1 M':\n              return name + ` (${month1[month1.length - 1]}%)`;\n            case '2 M':\n              return name + ` (${month2[month2.length - 1]}%)`;\n            case '3 M':\n              return name + ` (${month3[month3.length - 1]}%)`;\n            case '6 M':\n              return name + ` (${month6[month6.length - 1]}%)`;\n            case '1 Y':\n              return name + ` (${year1[year1.length - 1]}%)`;\n            case hvText:\n              return name + ` (${dataHv[dataHv.length - 1]}%)`;\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        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', // 网格线颜色 '#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: filteredSeries,\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":["useNamespace","useLocale","useDeviceType","useTheme","computed","reactive","watch","getIvHistory","onMounted","showDateRange","formatDateForNumber","numberFormat","getTooltipDate","params"],"mappings":"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"}
+{"version":3,"file":"panel-atm-iv2.js","sources":["../../../../../../../packages/components/panel-atm-iv/src/panel-atm-iv.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelAtmIv from './panel-atm-iv.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelAtmIvEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelAtmIvEmits = typeof panelAtmIvEmits\nexport const panelAtmIvProps = 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 PanelAtmIvProps = ExtractPropTypes<typeof panelAtmIvProps>\nexport type PanelAtmIvInstance = InstanceType<typeof PanelAtmIv>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,eAAkB,GAAA;AAAA,EAC7B,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,kBAAkBA,kBAAW,CAAA;AAAA,EACxC,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/lib/packages/components/panel-iv-skew/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var panelIvSkew$1 = require('./src/panel-iv-skew.js');
-var panelIvSkew = require('./src/panel-iv-skew2.js');
+var panelIvSkew$1 = require('./src/panel-iv-skew2.js');
+var panelIvSkew = require('./src/panel-iv-skew.js');
 var install = require('../../utils/vue/install.js');
 
 const GPanelIvSkew = install.withInstall(panelIvSkew$1["default"]);

package/lib/packages/components/panel-iv-skew/src/panel-iv-skew.js

@@ -2,407 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-var chartHelp = require('../../../utils/chartHelp.js');
-var dataLab = require('../../../utils/dataLab.js');
-var panelIvSkew = require('./panel-iv-skew2.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-locale/index.js');
-var index$2 = require('../../../hooks/use-device-type/index.js');
-var index$3 = require('../../../hooks/use-theme/index.js');
+require('../../../utils/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = {
-  class: "echart",
-  ref: "echart"
+const panelIvSkewEmits = {
+  "update:currency": (currency) => true,
+  "update:exchange": (exchange) => true
 };
-const __default__ = {
-  name: "GPanelIvSkew"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: panelIvSkew.panelIvSkewProps,
-  emits: panelIvSkew.panelIvSkewEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const ns = index.useNamespace("panel-iv-skew");
-    const { t } = index$1.useLocale();
-    const { isMobile, isPC } = index$2.useDeviceType();
-    const { isDark } = index$3.useTheme();
-    const state = vue.reactive({
-      loadingFlag: false,
-      exchange: props.exchange || props.defaultExchange || "Deribit",
-      currency: props.currency || props.defaultCurrency || "BTC",
-      dataType: "month1",
-      chartData: {}
-    });
-    const dataTypeList = vue.computed(() => {
-      var _a, _b, _c, _d;
-      return [
-        {
-          label: (_b = (_a = state.chartData) == null ? void 0 : _a.month1) == null ? void 0 : _b.underlying_index,
-          value: "month1"
-        },
-        {
-          label: (_d = (_c = state.chartData) == null ? void 0 : _c.month3) == null ? void 0 : _d.underlying_index,
-          value: "month3"
-        }
-      ];
-    });
-    const currency = vue.computed({
-      get: () => props.currency || state.currency || "BTC",
-      set: (newVal) => {
-        props.currency ? emit("update:currency", newVal) : state.currency = newVal;
-      }
-    });
-    const exchange = vue.computed({
-      get: () => props.exchange || state.exchange || "Deribit",
-      set: (newVal) => {
-        props.exchange ? emit("update:exchange", newVal) : state.exchange = newVal;
-      }
-    });
-    vue.watch(currency, () => {
-      fetchData();
-    });
-    vue.watch(exchange, () => {
-      fetchData();
-    });
-    const fetchData = () => {
-      state.loadingFlag = true;
-      dataLab.getIvSkew({ currency: currency.value }).then((res) => {
-        if (res && res.code === 200) {
-          state.chartData = res.data;
-        }
-      }).finally(() => {
-        state.loadingFlag = false;
-      });
-    };
-    vue.onMounted(() => {
-      fetchData();
-    });
-    const getEchartData = () => {
-      var _a, _b, _c, _d;
-      const data = state.dataType === "month1" ? (_b = (_a = state.chartData) == null ? void 0 : _a.month1) == null ? void 0 : _b.iv_list : (_d = (_c = state.chartData) == null ? void 0 : _c.month3) == null ? void 0 : _d.iv_list;
-      if (!data)
-        return;
-      let iv = [];
-      let strike = [];
-      let delta = [];
-      let list = JSON.parse(
-        JSON.stringify(data)
-      );
-      list == null ? void 0 : list.sort((prev, next) => prev.strike - next.strike);
-      if (list.length <= 0)
-        return;
-      list == null ? void 0 : list.forEach((item) => {
-        if (item.iv >= 10) {
-          iv.push(chartHelp.numberFormat(item.iv, 2));
-          strike.push(item.strike);
-          delta.push(item.delta);
-        }
-      });
-      return {
-        strike,
-        delta,
-        iv
-      };
-    };
-    const getEchartOption = (params) => {
-      if (!params)
-        return {};
-      const { strike, delta, iv } = params;
-      const option = {
-        color: ["#7630F7", "#23C343"],
-        tooltip: {
-          trigger: "axis",
-          axisPointer: {
-            label: {
-              show: isMobile.value ? true : false,
-              backgroundColor: "#DEE2E6",
-              color: "#343A40",
-              padding: [4, 6, 4, 6],
-              margin: 9,
-              formatter: "Strike: {value}"
-            },
-            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 = "";
-            content += `<div class="chart-tooltip-box"><div class="chart-tooltip" style="margin-bottom:4px;">
-        <span>Strike:</span>
-        <span>${params2[0].axisValue}</span>
-        </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: {
-          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: "IV"
-            },
-            {
-              name: "Delta",
-              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: strike.map((item) => {
-              if ("BTC" === currency.value) {
-                return `${chartHelp.numberFormat(item / 1e3, 1)}k`;
-              }
-              return `${chartHelp.numberFormat(item / 1e3, 2)}k`;
-            }),
-            boundaryGap: false,
-            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,
-            position: "left",
-            axisLabel: {
-              show: true,
-              color: isDark.value ? "#CED4DA" : "#343A40",
-              fontWeight: 400,
-              fontSize: 10
-            },
-            name: "IV(%)",
-            nameLocation: "end",
-            nameGap: -20,
-            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"
-              }
-            }
-          },
-          {
-            type: "value",
-            scale: true,
-            position: "right",
-            interval: 0.2,
-            max: 1,
-            min: 0,
-            axisLabel: {
-              show: true,
-              color: isDark.value ? "#CED4DA" : "#343A40",
-              fontWeight: 400,
-              fontSize: 10
-            },
-            name: "Delta",
-            nameLocation: "end",
-            nameGap: -20,
-            nameRotate: 90,
-            nameTextStyle: {
-              color: isDark.value ? "#8B959F" : "#8B959F",
-              fontWeight: 400,
-              fontSize: 10
-            },
-            axisLine: {
-              lineStyle: {
-                color: isDark.value ? "#CED4DA" : "#343A40"
-              }
-            },
-            splitLine: {
-              show: false,
-              lineStyle: {
-                color: isDark.value ? "#2B2F32" : "#F1F1F1",
-                width: 1,
-                type: "solid"
-              }
-            }
-          }
-        ],
-        grid: {
-          top: isPC.value ? 60 : 20,
-          left: "left",
-          right: 27,
-          bottom: 0,
-          containLabel: true
-        },
-        series: [
-          {
-            name: "IV",
-            data: iv,
-            type: "line",
-            smooth: true,
-            showSymbol: true
-          },
-          {
-            name: "Delta",
-            data: delta,
-            yAxisIndex: 1,
-            type: "line",
-            smooth: true,
-            showSymbol: true,
-            itemStyle: {
-              normal: {
-                lineStyle: {
-                  type: "dashed"
-                }
-              }
-            }
-          }
-        ]
-      };
-      return option;
-    };
-    const setOption = () => {
-      return getEchartOption(getEchartData());
-    };
-    return (_ctx, _cache) => {
-      const _component_g_icon = vue.resolveComponent("g-icon");
-      const _component_g_tooltip = vue.resolveComponent("g-tooltip");
-      const _component_g_toggle_button = vue.resolveComponent("g-toggle-button");
-      const _component_g_chart = vue.resolveComponent("g-chart");
-      const _component_g_chart_panel = vue.resolveComponent("g-chart-panel");
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass([vue.unref(ns).b()])
-        },
-        [
-          vue.createVNode(_component_g_chart_panel, {
-            currency: vue.unref(currency),
-            "onUpdate:currency": _cache[1] || (_cache[1] = ($event) => vue.isRef(currency) ? currency.value = $event : null),
-            exchange: vue.unref(exchange),
-            "onUpdate:exchange": _cache[2] || (_cache[2] = ($event) => vue.isRef(exchange) ? exchange.value = $event : null),
-            loading: state.loadingFlag,
-            onRefresh: fetchData
-          }, {
-            title: vue.withCtx(() => [
-              vue.createVNode(_component_g_tooltip, { placement: "bottom" }, {
-                title: vue.withCtx(() => [
-                  vue.createElementVNode("div", {
-                    innerHTML: vue.unref(t)("message.iVSkewTips")
-                  }, null, 8, _hoisted_1)
-                ]),
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(
-                    vue.toDisplayString(vue.unref(t)("message.ivSkew")) + " ",
-                    1
-                  ),
-                  vue.createVNode(_component_g_icon, { type: "info_question_circle" })
-                ]),
-                _: 1
-              })
-            ]),
-            tool: vue.withCtx(() => [
-              vue.createVNode(_component_g_toggle_button, {
-                modelValue: state.dataType,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.dataType = $event),
-                options: vue.unref(dataTypeList)
-              }, null, 8, ["modelValue", "options"])
-            ]),
-            body: vue.withCtx(() => [
-              vue.createElementVNode(
-                "div",
-                _hoisted_2,
-                [
-                  vue.createVNode(_component_g_chart, {
-                    class: "skew-chart",
-                    option: setOption()
-                  }, null, 8, ["option"])
-                ],
-                512
-              )
-            ]),
-            _: 1
-          }, 8, ["currency", "exchange", "loading"])
-        ],
-        2
-      );
-    };
+const panelIvSkewProps = runtime.buildProps({
+  defaultCurrency: {
+    type: String,
+    required: false
+  },
+  defaultExchange: {
+    type: String,
+    required: false
+  },
+  currency: {
+    type: String,
+    required: false
+  },
+  exchange: {
+    type: String,
+    required: false
   }
 });
-var PanelIvSkew = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/panel-iv-skew/src/panel-iv-skew.vue"]]);
 
-exports["default"] = PanelIvSkew;
+exports.panelIvSkewEmits = panelIvSkewEmits;
+exports.panelIvSkewProps = panelIvSkewProps;
 //# sourceMappingURL=panel-iv-skew.js.map

package/lib/packages/components/panel-iv-skew/src/panel-iv-skew.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-iv-skew.js","sources":["../../../../../../../packages/components/panel-iv-skew/src/panel-iv-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      @refresh=\"fetchData\"\n    >\n      <template #title>\n        <g-tooltip placement=\"bottom\">\n          {{ t('message.ivSkew') }}\n          <g-icon type=\"info_question_circle\" />\n          <template #title>\n            <div v-html=\"t('message.iVSkewTips')\"></div>\n          </template>\n        </g-tooltip>\n      </template>\n\n      <template #tool>\n        <g-toggle-button\n          v-model=\"state.dataType\"\n          :options=\"dataTypeList\"\n        ></g-toggle-button>\n      </template>\n      <template #body>\n        <div class=\"echart\" ref=\"echart\">\n          <g-chart class=\"skew-chart\" :option=\"setOption()\"></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';\n\nimport { reactive, onMounted, computed, watch } from 'vue';\n\nimport { numberFormat } from '@greeks-live-ui/utils/chartHelp';\nimport { getIvSkew, IIvSkewRes } from '@greeks-live-ui/utils/dataLab';\nimport { panelIvSkewEmits, panelIvSkewProps } from './panel-iv-skew';\n\ndefineOptions({\n  name: 'GPanelIvSkew',\n});\nconst props = defineProps(panelIvSkewProps);\nconst emit = defineEmits(panelIvSkewEmits);\nconst ns = useNamespace('panel-iv-skew');\nconst { t } = useLocale();\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nconst state = reactive({\n  loadingFlag: false,\n\n  exchange: props.exchange || props.defaultExchange || 'Deribit',\n  currency: props.currency || props.defaultCurrency || 'BTC',\n\n  dataType: 'month1',\n\n  chartData: {} as IIvSkewRes,\n});\n\nconst dataTypeList = computed(() => {\n  return [\n    {\n      label: state.chartData?.month1?.underlying_index,\n      value: 'month1',\n    },\n    {\n      label: state.chartData?.month3?.underlying_index,\n      value: 'month3',\n    },\n  ];\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  getIvSkew({ currency: currency.value })\n    .then((res) => {\n      if (res && res.code === 200) {\n        state.chartData = res.data as unknown as IIvSkewRes;\n      }\n    })\n    .finally(() => {\n      state.loadingFlag = false;\n    });\n};\n\nonMounted(() => {\n  fetchData();\n});\n\nconst getEchartData = () => {\n  const data =\n    state.dataType === 'month1'\n      ? state.chartData?.month1?.iv_list\n      : state.chartData?.month3?.iv_list;\n  if (!data) return;\n\n  let iv: number[] = [];\n  let strike: number[] = [];\n  let delta: number[] = [];\n\n  let list = JSON.parse(\n    JSON.stringify(data)\n  ) as IIvSkewRes['month1']['iv_list'];\n  list?.sort((prev, next) => prev.strike - next.strike);\n  if (list.length <= 0) return;\n  list?.forEach((item) => {\n    if (item.iv >= 10) {\n      iv.push(numberFormat(item.iv, 2));\n      strike.push(item.strike);\n      delta.push(item.delta);\n    }\n  });\n\n  return {\n    strike,\n    delta,\n    iv,\n  };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n  if (!params) return {};\n  const { strike, delta, iv } = 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          formatter: 'Strike: {value}',\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          axisValue: string;\n          seriesName: string;\n          color: string;\n          value: number;\n        }>\n      ) => {\n        let content = '';\n        content += `<div class=\"chart-tooltip-box\"><div class=\"chart-tooltip\" style=\"margin-bottom:4px;\">\n        <span>Strike:</span>\n        <span>${params[0].axisValue}</span>\n        </div> `;\n\n        params.forEach(\n          (param: {\n            axisValueLabel: string;\n            axisValue: 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      },\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: 'IV',\n        },\n        {\n          name: 'Delta',\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      // top: '3%',\n    },\n    xAxis: [\n      {\n        type: 'category',\n        data: strike.map((item: number) => {\n          if ('BTC' === currency.value) {\n            return `${numberFormat(item / 1000.0, 1)}k`;\n          }\n          return `${numberFormat(item / 1000.0, 2)}k`;\n        }),\n        boundaryGap: false,\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    ],\n    yAxis: [\n      {\n        type: 'value',\n        scale: true,\n        position: 'left',\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: -20,\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      {\n        type: 'value',\n        scale: true,\n        position: 'right',\n        interval: 0.2,\n        max: 1,\n        min: 0,\n        axisLabel: {\n          // 坐标轴刻度标签\n          show: true,\n          color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n          fontWeight: 400,\n          fontSize: 10,\n        },\n        name: 'Delta',\n        nameLocation: 'end',\n        nameGap: -20,\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          show: false,\n          lineStyle: {\n            color: isDark.value ? '#2B2F32' : '#F1F1F1', // 网格线颜色 浅色/Grey/3 '#F1F1F1'\n            width: 1, // 网格线宽度\n            type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n          },\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: 'IV',\n        data: iv,\n        type: 'line',\n        smooth: true,\n        showSymbol: true,\n      },\n      {\n        name: 'Delta',\n        data: delta,\n        yAxisIndex: 1,\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  return option;\n};\n\nconst setOption = () => {\n  return getEchartOption(getEchartData());\n};\n</script>\n"],"names":["useNamespace","useLocale","useDeviceType","useTheme","reactive","computed","watch","getIvSkew","onMounted","numberFormat","params"],"mappings":"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"}
+{"version":3,"file":"panel-iv-skew.js","sources":["../../../../../../../packages/components/panel-iv-skew/src/panel-iv-skew.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelIvSkew from './panel-iv-skew.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelIvSkewEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelIvSkewEmits = typeof panelIvSkewEmits\nexport const panelIvSkewProps = 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 PanelIvSkewProps = ExtractPropTypes<typeof panelIvSkewProps>\nexport type PanelIvSkewInstance = InstanceType<typeof PanelIvSkew>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,mBAAmBA,kBAAW,CAAA;AAAA,EACzC,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;;;;;"}