npm - greeks-live-ui - Versions diffs - 0.0.21 → 0.0.23 - Mend

greeks-live-ui 0.0.21 → 0.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (271) hide show

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

	@@ -1 +1 @@
1	- {"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;;;;;"}
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=\"chartOption\"\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 // 如果范围不在范围内，则设置为默认范围\n if (rangeList.value.findIndex((v) => v === state.range) === -1) {\n state.range = '1W';\n }\n // 如果周期不在范围内，则设置为默认周期\n if (periodList.value.findIndex((v) => v.value === state.period) === -1) {\n state.period = defaultPeriod.value;\n }\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 chartOption = computed(() => {\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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"}

package/lib/packages/components/panel-historical-delivery-price/src/panel-historical-delivery-price2.js CHANGED Viewed

@@ -318,9 +318,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       };
       return option;
     };
-    const setOption = () => {
+    const chartOption = vue.computed(() => {
       return getEchartOption(getEchartData());
-    };
+    });
     return (_ctx, _cache) => {
       const _component_g_icon = vue.resolveComponent("g-icon");
       const _component_g_tooltip = vue.resolveComponent("g-tooltip");
@@ -402,7 +402,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 [
                   vue.createVNode(_component_g_chart, {
                     class: "skew-chart",
-                    option: setOption()
+                    option: vue.unref(chartOption)
                   }, null, 8, ["option"])
                 ],
                 512

package/lib/packages/components/panel-historical-delivery-price/src/panel-historical-delivery-price2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"panel-historical-delivery-price2.js","sources":["../../../../../../../packages/components/panel-historical-delivery-price/src/panel-historical-delivery-price.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.historicalDeliveryPrice') }}\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.historicalDeliveryPriceTips')\"></div>\n </template>\n </g-tooltip>\n </template>\n\n <template #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 <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\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';\n\nimport {\n getTooltipDate,\n showDateRange,\n timestampFormat,\n} from '@greeks-live-ui/utils/chartHelp';\nimport { getHDR, ISettlementItem } from '@greeks-live-ui/utils/dataLab';\nimport {\n panelHistoricalDeliveryPriceEmits,\n panelHistoricalDeliveryPriceProps,\n} from './panel-historical-delivery-price';\n\ndefineOptions({\n name: 'GPanelHistoricalDeliveryPrice',\n});\nconst props = defineProps(panelHistoricalDeliveryPriceProps);\nconst emit = defineEmits(panelHistoricalDeliveryPriceEmits);\n\nconst ns = useNamespace('panel-historical-delivery-price');\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 percentage: '+24.5%',\n },\n {\n value: '7D',\n label: '1 W',\n days: 7,\n color: '#23C343',\n percentage: '+24.5%',\n },\n {\n value: '1M',\n label: '1 M',\n days: 30,\n color: '#FFD600',\n percentage: '+24.5%',\n },\n {\n value: '2M',\n label: '2 M',\n days: 60,\n color: '#FF8D1F',\n percentage: '+24.5%',\n },\n {\n value: '3M',\n label: '3 M',\n days: 90,\n color: '#FF3B30',\n percentage: '-24.5%',\n },\n {\n value: '6M',\n label: '6 M',\n days: 180,\n color: '#007AFF',\n percentage: '-24.5%',\n },\n {\n value: '1Y',\n label: '1 Y',\n days: 365,\n color: '#00C7BE',\n percentage: '+24.5%',\n },\n];\nconst periodList = computed(() => {\n let list = [\n {\n value: 'ALL',\n label: 'All',\n days: 0,\n color: '#00B42A',\n percentage: '+24.5%',\n },\n ...legendList,\n ];\n if (isMobile.value) {\n list = list.slice(1);\n }\n return list;\n});\n\nconst state = reactive({\n loadingFlag: false,\n\n exchange: props.exchange \|\| props.defaultExchange \|\| 'Deribit',\n currency: props.currency \|\| props.defaultCurrency \|\| 'BTC',\n\n period: '3M',\n periodDateRange: '',\n\n chartData: [] as ISettlementItem[],\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 getHDR({ currency: currency.value, type: 'delivery', count: 1000 })\n .then((res) => {\n // if (res && res.code === 200) {\n // }\n const resData = res.result ? res.result.settlements : null;\n if (!resData) return;\n state.chartData = resData as unknown as ISettlementItem[];\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};\n\nconst getEchartData = () => {\n const data = [...state.chartData];\n\n let deliveryPriceMap = new Map();\n data.forEach((item) => {\n let timestamp = item.timestamp;\n if (!deliveryPriceMap.has(timestamp)) {\n let date = new Date(timestamp);\n let hours = date.getUTCHours();\n let minutes = date.getUTCMinutes();\n let seconds = date.getUTCSeconds();\n if (hours === 8 && minutes === 0 && seconds === 0) {\n let index_price = item.index_price;\n deliveryPriceMap.set(timestamp, index_price);\n }\n }\n });\n\n let date: string[] = [];\n let y: number[] = [];\n\n deliveryPriceMap.forEach((value, key) => {\n // key是交割时间戳，value是交割指数价格\n let deliveryDate = timestampFormat(key, '{y}-{m}-{d}') \|\| '';\n date.push(deliveryDate);\n y.push(value);\n });\n\n date.reverse();\n y.reverse();\n\n return {\n date,\n y,\n };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n const { date, y } = params;\n // console.log('params====>', 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 // 十字准星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 const toolTipTitle = getTooltipDate(params[0].axisValueLabel, 'en-US');\n content += `<div class=\"chart-tooltip-box\"><div style=\"margin-bottom:4px;\">${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 </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\n // top: '3%',\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', // 网格线颜色\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 top: 0,\n bottom: 0,\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: 20,\n bottom: 0,\n left: 'left',\n right: 27,\n containLabel: true,\n },\n series: [\n {\n type: 'line',\n data: y,\n color: '#FFD600',\n },\n ],\n };\n return option;\n};\n\nconst setOption = () => {\n return getEchartOption(getEchartData());\n};\n</script>\n"],"names":["useNamespace","useLocale","useDeviceType","useTheme","computed","reactive","watch","getHDR","onMounted","showDateRange","date","timestampFormat","getTooltipDate","params"],"mappings":"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"}
1	+ {"version":3,"file":"panel-historical-delivery-price2.js","sources":["../../../../../../../packages/components/panel-historical-delivery-price/src/panel-historical-delivery-price.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.historicalDeliveryPrice') }}\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.historicalDeliveryPriceTips')\"></div>\n </template>\n </g-tooltip>\n </template>\n\n <template #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 <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\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';\n\nimport {\n getTooltipDate,\n showDateRange,\n timestampFormat,\n} from '@greeks-live-ui/utils/chartHelp';\nimport { getHDR, ISettlementItem } from '@greeks-live-ui/utils/dataLab';\nimport {\n panelHistoricalDeliveryPriceEmits,\n panelHistoricalDeliveryPriceProps,\n} from './panel-historical-delivery-price';\n\ndefineOptions({\n name: 'GPanelHistoricalDeliveryPrice',\n});\nconst props = defineProps(panelHistoricalDeliveryPriceProps);\nconst emit = defineEmits(panelHistoricalDeliveryPriceEmits);\n\nconst ns = useNamespace('panel-historical-delivery-price');\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 percentage: '+24.5%',\n },\n {\n value: '7D',\n label: '1 W',\n days: 7,\n color: '#23C343',\n percentage: '+24.5%',\n },\n {\n value: '1M',\n label: '1 M',\n days: 30,\n color: '#FFD600',\n percentage: '+24.5%',\n },\n {\n value: '2M',\n label: '2 M',\n days: 60,\n color: '#FF8D1F',\n percentage: '+24.5%',\n },\n {\n value: '3M',\n label: '3 M',\n days: 90,\n color: '#FF3B30',\n percentage: '-24.5%',\n },\n {\n value: '6M',\n label: '6 M',\n days: 180,\n color: '#007AFF',\n percentage: '-24.5%',\n },\n {\n value: '1Y',\n label: '1 Y',\n days: 365,\n color: '#00C7BE',\n percentage: '+24.5%',\n },\n];\nconst periodList = computed(() => {\n let list = [\n {\n value: 'ALL',\n label: 'All',\n days: 0,\n color: '#00B42A',\n percentage: '+24.5%',\n },\n ...legendList,\n ];\n if (isMobile.value) {\n list = list.slice(1);\n }\n return list;\n});\n\nconst state = reactive({\n loadingFlag: false,\n\n exchange: props.exchange \|\| props.defaultExchange \|\| 'Deribit',\n currency: props.currency \|\| props.defaultCurrency \|\| 'BTC',\n\n period: '3M',\n periodDateRange: '',\n\n chartData: [] as ISettlementItem[],\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 getHDR({ currency: currency.value, type: 'delivery', count: 1000 })\n .then((res) => {\n // if (res && res.code === 200) {\n // }\n const resData = res.result ? res.result.settlements : null;\n if (!resData) return;\n state.chartData = resData as unknown as ISettlementItem[];\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};\n\nconst getEchartData = () => {\n const data = [...state.chartData];\n\n let deliveryPriceMap = new Map();\n data.forEach((item) => {\n let timestamp = item.timestamp;\n if (!deliveryPriceMap.has(timestamp)) {\n let date = new Date(timestamp);\n let hours = date.getUTCHours();\n let minutes = date.getUTCMinutes();\n let seconds = date.getUTCSeconds();\n if (hours === 8 && minutes === 0 && seconds === 0) {\n let index_price = item.index_price;\n deliveryPriceMap.set(timestamp, index_price);\n }\n }\n });\n\n let date: string[] = [];\n let y: number[] = [];\n\n deliveryPriceMap.forEach((value, key) => {\n // key是交割时间戳，value是交割指数价格\n let deliveryDate = timestampFormat(key, '{y}-{m}-{d}') \|\| '';\n date.push(deliveryDate);\n y.push(value);\n });\n\n date.reverse();\n y.reverse();\n\n return {\n date,\n y,\n };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n const { date, y } = params;\n // console.log('params====>', 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 // 十字准星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 const toolTipTitle = getTooltipDate(params[0].axisValueLabel, 'en-US');\n content += `<div class=\"chart-tooltip-box\"><div style=\"margin-bottom:4px;\">${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 </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\n // top: '3%',\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', // 网格线颜色\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 top: 0,\n bottom: 0,\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: 20,\n bottom: 0,\n left: 'left',\n right: 27,\n containLabel: true,\n },\n series: [\n {\n type: 'line',\n data: y,\n color: '#FFD600',\n },\n ],\n };\n return option;\n};\n\nconst chartOption = computed(() => {\n return getEchartOption(getEchartData());\n});\n</script>\n"],"names":["useNamespace","useLocale","useDeviceType","useTheme","computed","reactive","watch","getHDR","onMounted","showDateRange","date","timestampFormat","getTooltipDate","params"],"mappings":"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"}

package/lib/packages/components/panel-implied-volatility-surface/index.js CHANGED Viewed

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 require('../../utils/index.js');
-var panelImpliedVolatilitySurface$1 = require('./src/panel-implied-volatility-surface2.js');
-var panelImpliedVolatilitySurface = require('./src/panel-implied-volatility-surface.js');
+var panelImpliedVolatilitySurface$1 = require('./src/panel-implied-volatility-surface.js');
+var panelImpliedVolatilitySurface = require('./src/panel-implied-volatility-surface2.js');
 var install = require('../../utils/vue/install.js');
 const GPanelImpliedVolatilitySurface = install.withInstall(panelImpliedVolatilitySurface$1["default"]);

package/lib/packages/components/panel-implied-volatility-surface/src/panel-implied-volatility-surface.js CHANGED Viewed

@@ -2,32 +2,288 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+require('../../../hooks/index.js');
+var chartHelp = require('../../../utils/chartHelp.js');
+var dataLab = require('../../../utils/dataLab.js');
+var panelImpliedVolatilitySurface = require('./panel-implied-volatility-surface2.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');
-const panelImpliedVolatilitySurfaceEmits = {
-  "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 panelImpliedVolatilitySurfaceProps = runtime.buildProps({
-  defaultCurrency: {
-    type: String,
-    required: false
-  },
-  defaultExchange: {
-    type: String,
-    required: false
-  },
-  currency: {
-    type: String,
-    required: false
-  },
-  exchange: {
-    type: String,
-    required: false
+const __default__ = {
+  name: "GPanelImpliedVolatilitySurface"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: panelImpliedVolatilitySurface.panelImpliedVolatilitySurfaceProps,
+  emits: panelImpliedVolatilitySurface.panelImpliedVolatilitySurfaceEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = index.useNamespace("panel-implied-volatility-surface");
+    const { t } = index$1.useLocale();
+    const state = vue.reactive({
+      loadingFlag: false,
+      exchange: props.exchange || props.defaultExchange || "Deribit",
+      currency: props.currency || props.defaultCurrency || "BTC",
+      pageCount: 0,
+      periodDateRange: "",
+      chartData: []
+    });
+    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.getAtmData({ currency: currency.value, page_num: state.pageCount }).then((res) => {
+        if (res && res.code === 200) {
+          state.chartData = res.data || [];
+        }
+      }).finally(() => {
+        state.loadingFlag = false;
+      });
+    };
+    vue.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 = `${chartHelp.getCurrentDateTimezone()} ${chartHelp.timestampFormat(
+        startTimestamp,
+        "{y}/{m}/{d} {h}:00"
+      )} - ${chartHelp.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.chartData];
+      return {
+        data
+      };
+    };
+    const theme = "light";
+    const getEchartOption = (params) => {
+      const { data } = params;
+      let commonStyle = {
+        axisLabel: {
+          textStyle: {
+            color: theme === "light" ? "#606266" : "#9F9D99"
+          }
+        },
+        axisLine: {
+          lineStyle: {
+            color: theme === "light" ? "#606266" : "#9F9D99"
+          }
+        },
+        splitLine: {
+          lineStyle: {
+            color: theme === "light" ? "#C0C4CC" : "#6F6F6F"
+          }
+        }
+      };
+      const option = {
+        tooltip: {},
+        visualMap: {
+          show: false,
+          dimension: 2,
+          min: 50,
+          max: 150,
+          inRange: {
+            color: [
+              "#313695",
+              "#4575b4",
+              "#74add1",
+              "#abd9e9",
+              "#e0f3f8",
+              "#ffffbf",
+              "#fee090",
+              "#fdae61",
+              "#f46d43",
+              "#d73027",
+              "#a50026"
+            ]
+          }
+        },
+        xAxis3D: {
+          name: "Days",
+          type: "value",
+          scale: true,
+          ...commonStyle
+        },
+        yAxis3D: {
+          name: "Strike Price",
+          type: "value",
+          scale: true,
+          ...commonStyle
+        },
+        zAxis3D: {
+          name: "IV",
+          type: "value",
+          scale: true,
+          ...commonStyle
+        },
+        grid3D: {
+          viewControl: {}
+        },
+        series: [
+          {
+            type: "surface",
+            parametric: true,
+            wireframe: {},
+            parametricEquation: {
+              u: {
+                min: 0,
+                max: data.length - 1,
+                step: 1
+              },
+              v: {
+                min: -10,
+                max: 10,
+                step: 1
+              },
+              x: (u) => {
+                let item = data[u];
+                return item.day;
+              },
+              y: (u, v) => {
+                let item = data[u];
+                let list = item.list;
+                let index = item.atm_index + v;
+                if (index < 0) {
+                  index = 0;
+                } else if (index >= list.length) {
+                  index = list.length - 1;
+                }
+                return list[index].strike;
+              },
+              z: (u, v) => {
+                let item = data[u];
+                let list = item.list;
+                let index = item.atm_index + v;
+                if (index < 0) {
+                  index = 0;
+                } else if (index >= list.length) {
+                  index = list.length - 1;
+                }
+                return list[index].iv;
+              }
+            }
+          }
+        ]
+      };
+      return option;
+    };
+    const chartOption = vue.computed(() => {
+      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_page_turner = vue.resolveComponent("g-page-turner");
+      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[0] || (_cache[0] = ($event) => vue.isRef(currency) ? currency.value = $event : null),
+            exchange: vue.unref(exchange),
+            "onUpdate:exchange": _cache[1] || (_cache[1] = ($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.impliedVolatilitySurfaceTips")
+                  }, null, 8, _hoisted_1)
+                ]),
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(vue.unref(t)("message.ivSurface")) + " ",
+                    1
+                  ),
+                  vue.createVNode(_component_g_icon, { type: "info_question_circle" })
+                ]),
+                _: 1
+              })
+            ]),
+            tool: vue.withCtx(() => [
+              vue.createCommentVNode(' <span class="filter-box h5-hide">\n          <g-icon type="chart_filter" :size="15" />\n        </span> '),
+              vue.createElementVNode(
+                "span",
+                _hoisted_2,
+                vue.toDisplayString(state.periodDateRange),
+                1
+              ),
+              vue.createVNode(_component_g_page_turner, {
+                prevDisabled: state.loadingFlag,
+                nextDisabled: state.loadingFlag || state.pageCount <= 0,
+                onChange: handlePageChange
+              }, null, 8, ["prevDisabled", "nextDisabled"])
+            ]),
+            body: vue.withCtx(() => [
+              vue.createElementVNode(
+                "div",
+                _hoisted_3,
+                [
+                  vue.createVNode(_component_g_chart, {
+                    class: "skew-chart",
+                    option: vue.unref(chartOption)
+                  }, null, 8, ["option"])
+                ],
+                512
+              )
+            ]),
+            _: 1
+          }, 8, ["currency", "exchange", "loading"])
+        ],
+        2
+      );
+    };
   }
 });
+var PanelImpliedVolatilitySurface = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/panel-implied-volatility-surface/src/panel-implied-volatility-surface.vue"]]);
-exports.panelImpliedVolatilitySurfaceEmits = panelImpliedVolatilitySurfaceEmits;
-exports.panelImpliedVolatilitySurfaceProps = panelImpliedVolatilitySurfaceProps;
+exports["default"] = PanelImpliedVolatilitySurface;
 //# sourceMappingURL=panel-implied-volatility-surface.js.map

package/lib/packages/components/panel-implied-volatility-surface/src/panel-implied-volatility-surface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"panel-implied-volatility-surface.js","sources":["../../../../../../../packages/components/panel-implied-volatility-surface/src/panel-implied-volatility-surface.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelImpliedVolatilitySurface from './panel-implied-volatility-surface.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelImpliedVolatilitySurfaceEmits = {\n 'update:currency': (currency: string) => true,\n 'update:exchange': (exchange: string) => true,\n}\nexport type PanelImpliedVolatilitySurfaceEmits = typeof panelImpliedVolatilitySurfaceEmits\nexport const panelImpliedVolatilitySurfaceProps = 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 PanelImpliedVolatilitySurfaceProps = ExtractPropTypes<typeof panelImpliedVolatilitySurfaceProps>\nexport type PanelImpliedVolatilitySurfaceInstance = InstanceType<typeof PanelImpliedVolatilitySurface>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,kCAAqC,GAAA;AAAA,EAChD,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,qCAAqCA,kBAAW,CAAA;AAAA,EAC3D,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;;;;;"}
1	+ {"version":3,"file":"panel-implied-volatility-surface.js","sources":["../../../../../../../packages/components/panel-implied-volatility-surface/src/panel-implied-volatility-surface.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.ivSurface') }}\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.impliedVolatilitySurfaceTips')\"></div>\n </template>\n </g-tooltip>\n </template>\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 { useNamespace, useLocale } from '@greeks-live-ui/hooks';\nimport { reactive, onMounted, watch, computed } from 'vue';\n\nimport {\n timestampFormat,\n getCurrentDateTimezone,\n} from '@greeks-live-ui/utils/chartHelp';\nimport { getAtmData, IAtmDataRes } from '@greeks-live-ui/utils/dataLab';\nimport {\n panelImpliedVolatilitySurfaceProps,\n panelImpliedVolatilitySurfaceEmits,\n} from './panel-implied-volatility-surface';\n\ndefineOptions({\n name: 'GPanelImpliedVolatilitySurface',\n});\nconst props = defineProps(panelImpliedVolatilitySurfaceProps);\nconst emit = defineEmits(panelImpliedVolatilitySurfaceEmits);\nconst ns = useNamespace('panel-implied-volatility-surface');\nconst { t } = useLocale();\n\nconst state = reactive({\n loadingFlag: false,\n\n exchange: props.exchange \|\| props.defaultExchange \|\| 'Deribit',\n currency: props.currency \|\| props.defaultCurrency \|\| 'BTC',\n\n pageCount: 0,\n periodDateRange: '',\n\n chartData: [] 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.chartData = 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};\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.chartData];\n return {\n data,\n };\n};\nconst theme = 'light';\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n const { data } = params;\n\n let commonStyle = {\n axisLabel: {\n textStyle: {\n color: theme === 'light' ? '#606266' : '#9F9D99',\n },\n },\n axisLine: {\n lineStyle: {\n color: theme === 'light' ? '#606266' : '#9F9D99',\n },\n },\n splitLine: {\n lineStyle: {\n color: theme === 'light' ? '#C0C4CC' : '#6F6F6F',\n },\n },\n };\n\n const option = {\n tooltip: {\n // formatter: function (prams) {\n // console.log('prams====>', prams);\n // let days = `Days: ${prams.value[0]}<br/>`;\n // let strike = `Strike: ${numberFormat(\n // prams.value[1] / 1000.0,\n // 1\n // )}k<br />`;\n // let iv = `IV：${numberFormat(prams.value[2], 2)}%`;\n // return days + strike + iv;\n // },\n },\n visualMap: {\n show: false,\n dimension: 2,\n min: 50,\n max: 150,\n inRange: {\n color: [\n '#313695',\n '#4575b4',\n '#74add1',\n '#abd9e9',\n '#e0f3f8',\n '#ffffbf',\n '#fee090',\n '#fdae61',\n '#f46d43',\n '#d73027',\n '#a50026',\n ],\n },\n },\n xAxis3D: {\n name: 'Days',\n type: 'value',\n scale: true,\n ...commonStyle,\n },\n yAxis3D: {\n name: 'Strike Price',\n type: 'value',\n scale: true,\n ...commonStyle,\n },\n zAxis3D: {\n name: 'IV',\n type: 'value',\n scale: true,\n ...commonStyle,\n },\n grid3D: {\n viewControl: {\n // projection: 'orthographic'\n },\n },\n series: [\n {\n type: 'surface',\n parametric: true,\n wireframe: {\n // show: false\n },\n parametricEquation: {\n u: {\n min: 0,\n max: data.length - 1,\n step: 1,\n },\n v: {\n min: -10,\n max: 10,\n step: 1,\n },\n x: (u: number) => {\n let item = data[u];\n return item.day;\n },\n y: (u: number, v: number) => {\n let item = data[u];\n let list = item.list;\n let index = item.atm_index + v;\n if (index < 0) {\n index = 0;\n } else if (index >= list.length) {\n index = list.length - 1;\n }\n return list[index].strike;\n },\n z: (u: number, v: number) => {\n let item = data[u];\n let list = item.list;\n let index = item.atm_index + v;\n if (index < 0) {\n index = 0;\n } else if (index >= list.length) {\n index = list.length - 1;\n }\n\n return list[index].iv;\n },\n },\n },\n ],\n };\n return option;\n};\n\nconst chartOption = computed(() => {\n return getEchartOption(getEchartData());\n});\n</script>\n"],"names":["useNamespace","useLocale","reactive","computed","watch","getAtmData","onMounted","getCurrentDateTimezone","timestampFormat"],"mappings":"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"}