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

greeks-live-ui 0.0.21 → 0.0.22

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 (318) hide show

package/es/packages/components/panel-option-open-interest/src/panel-option-open-interest.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"panel-option-open-interest.mjs","sources":["../../../../../../../packages/components/panel-option-open-interest/src/panel-option-open-interest.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.optionsOpenInterest') }}\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.optionsOpenInterestTips')\"></div>\n </template>\n </g-tooltip>\n </template>\n <template #tool>\n <span class=\"period-range h5-hide\"\n >{{ t('message.expirationAsOf')\n }}{{ timestampFormat(new Date(), '{y}/{m}/{d}') }}</span\n >\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\n <div class=\"footer-pcr\">\n <g-tooltip placement=\"right\">\n PCR: {{ numberFormat(state.pcr) }}\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.cprTips')\"></div>\n </template>\n </g-tooltip>\n </div>\n </template>\n </g-chart-panel>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace, useDeviceType, useTheme } from '@greeks-live-ui/hooks';\nimport { reactive, onMounted, computed, watch } from 'vue';\nimport { useLocale } from '@greeks-live-ui/hooks';\n\nimport {\n numberFormat,\n timestampFormat,\n moneyFormat,\n} from '@greeks-live-ui/utils/chartHelp';\nimport {\n getOpenInterestStatistics,\n IByStrikeItem,\n IOpenInterestStatisticsRes,\n} from '@greeks-live-ui/utils/dataLab';\nimport {\n panelOptionOpenInterestEmits,\n panelOptionOpenInterestProps,\n} from './panel-option-open-interest';\n\ndefineOptions({\n name: 'GPanelOptionOpenInterest',\n});\nconst props = defineProps(panelOptionOpenInterestProps);\nconst emit = defineEmits(panelOptionOpenInterestEmits);\n\nconst ns = useNamespace('panel-option-open-interest');\nconst { t } = useLocale();\nconst { isMobile } = useDeviceType();\nconst { isDark } = useTheme();\n\nconst dataTypeList = [\n { value: 'expire', label: 'Expire' },\n { value: 'strike', label: 'Strike' },\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 dataType: 'expire',\n pcr: 0,\n\n usdTotal: '',\n coinTotal: '',\n\n chartData: {} as IOpenInterestStatisticsRes,\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 getOpenInterestStatistics({ currency: currency.value })\n .then((res) => {\n if (res && res.code === 200) {\n state.chartData = res.data as IOpenInterestStatisticsRes;\n }\n })\n .finally(() => {\n state.loadingFlag = false;\n });\n};\n\nonMounted(() => {\n fetchData();\n});\n\nconst getEchartData = () => {\n let date: string[] = [];\n let openInterestCall: number[] = [];\n let openInterestCallTotal = 0;\n let openInterestPut: number[] = [];\n let openInterestPutTotal = 0;\n let openInterestVolume: number[] = [];\n let totalVolume = 0;\n let openInterestRate: number[] = [];\n\n if (state.dataType === 'strike') {\n const data = state.chartData.by_strike \|\| [];\n data.forEach((item: IByStrikeItem) => {\n date.push(`$${numberFormat(item.strike, 0)}`);\n\n let callVolume = item.open_interest_call;\n let putVolume = item.open_interest_put;\n openInterestCall.push(callVolume);\n openInterestCallTotal += callVolume;\n openInterestPut.push(putVolume);\n openInterestPutTotal += putVolume;\n });\n } else {\n const data = state.chartData.by_expiry \|\| [];\n data.forEach((item) => {\n date.push(timestampFormat(item.end_ts, '{m}/{d}') as string);\n\n let callVolume = item.open_interest_call;\n let putVolume = item.open_interest_put;\n openInterestCall.push(callVolume);\n openInterestCallTotal += callVolume;\n openInterestPut.push(putVolume);\n openInterestPutTotal += putVolume;\n\n let sumVolume = callVolume + putVolume;\n openInterestVolume.push(sumVolume);\n totalVolume += sumVolume;\n });\n\n openInterestRate = openInterestVolume.map((item) => {\n return (item / totalVolume) * 100;\n });\n }\n\n state.pcr = openInterestPutTotal / openInterestCallTotal;\n\n return {\n date,\n openInterestCallTotal,\n openInterestCall,\n openInterestPutTotal,\n openInterestPut,\n openInterestRate,\n };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n if (!params) return {};\n const {\n date,\n openInterestCallTotal,\n openInterestCall,\n openInterestPutTotal,\n openInterestPut,\n openInterestRate,\n } = params;\n\n const option = {\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n // 坐标轴指示器，坐标轴触发有效\n type: 'shadow', // 默认为直线，可选为：'line' \| 'shadow'\n backgroundColor: isDark.value ? '#E9ECEF' : '#292F3D', // 浅色/Grey/14\n textStyle: {\n color: isDark.value ? '#000000' : '#FFFFFF', // 浅色/Grey/White\n fontSize: 12,\n lineHeight: 16,\n fontWeight: 400,\n },\n },\n formatter: function (\n params: Array<{\n axisValueLabel: string;\n axisValue: string;\n seriesName: string;\n color: string;\n value: number;\n marker: string;\n data: number;\n }>\n ) {\n let seriesName0 = '';\n let seriesName1 = '';\n let html = `\n <div style=\"display: flex;justify-content: space-between;align-items: center;\"><div>${params[0].axisValue}</div></div>\n `;\n if (params[0]) {\n seriesName0 = params[0].seriesName.split(' ')[0];\n html += `\n <div style=\"display: flex;justify-content: space-between;align-items: center;\"><div style=\"margin-right: 40px;\">${\n params[0].marker\n } ${seriesName0}</div><div>${numberFormat(\n params[0].data,\n 2\n )}</div></div>\n `;\n }\n if (params[1]) {\n seriesName1 = params[1].seriesName.split(' ')[0];\n html += `\n <div style=\"display: flex;justify-content: space-between;align-items: center;\"><div style=\"margin-right: 40px;\">${\n params[1].marker\n } ${seriesName1}</div><div>${numberFormat(\n params[1].data,\n 2\n )}</div></div>\n `;\n }\n\n if (params[0]?.data && params[1]?.data) {\n html += `\n <div style=\"display: flex;justify-content: space-between;align-items: center;\"><div style=\"margin-right: 40px;margin-left: 18px;\">PCR</div><div>${numberFormat(\n params[1].data / params[0].data,\n 2\n )}</div></div>\n `;\n }\n return html;\n },\n },\n legend: {\n top: '3%',\n textStyle: {\n color: isDark.value ? '#ADB5BD' : '#596169', // 浅色/Grey/10 // 设置图例文字颜色\n },\n },\n xAxis: {\n type: 'category',\n data: date,\n axisLabel: {\n // 坐标轴刻度标签\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n rotate: state.dataType === 'strike' ? 90 : 0, // 倾斜度 -90 至 90 默认为0\n },\n axisTick: {\n show: false, // 隐藏刻度线\n },\n axisLine: {\n show: false, // 隐藏坐标轴轴线\n lineStyle: {\n color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色浅色/Grey/12\n },\n },\n },\n yAxis: [\n {\n type: 'value',\n name: `Open Interest(${currency.value})`,\n nameLocation: 'end',\n nameGap: -85,\n nameRotate: 90,\n nameTextStyle: {\n color: isDark.value ? '#8B959F' : '#8B959F', // 浅色/Grey/8\n fontWeight: 400,\n fontSize: 10,\n },\n axisLabel: {\n // 坐标轴刻度标签\n show: true,\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\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: 'dashed', // 网格线类型: 'solid', 'dashed', 'dotted'\n },\n },\n },\n ],\n grid: {\n left: 10,\n right: 10,\n bottom: 10,\n containLabel: true,\n },\n\n series: [\n {\n name: `Calls (${moneyFormat(numberFormat(openInterestCallTotal, 2))})`,\n type: 'bar',\n // barWidth: '16px',\n stack: 'optionGlobalOpenInterestbyStrike',\n color: '#F76560',\n emphasis: {\n focus: 'series',\n },\n data: openInterestCall,\n itemStyle: {\n borderRadius: 0,\n },\n },\n {\n name: `Puts (${moneyFormat(numberFormat(openInterestPutTotal, 2))})`,\n type: 'bar',\n // barWidth: '16px',\n stack: 'optionGlobalOpenInterestbyStrike',\n color: '#94BFFF',\n emphasis: {\n focus: 'series',\n },\n data: openInterestPut,\n itemStyle: {\n borderRadius: 0,\n },\n label: {\n show: state.dataType === 'strike' ? false : true,\n position: 'top',\n formatter: (params: { dataIndex: number }) => {\n return numberFormat(openInterestRate[params.dataIndex], 2) + '%';\n },\n },\n },\n ],\n };\n if (isMobile.value) {\n // 移动端显示圆点，防止showTip不触发\n option.series = option.series.map((v) => ({ ...v, symbol: 'circle' }));\n }\n return option;\n};\n\nconst setOption = () => {\n return getEchartOption(getEchartData());\n};\n</script>\n"],"names":["params"],"mappings":"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"}
1	+ {"version":3,"file":"panel-option-open-interest.mjs","sources":["../../../../../../../packages/components/panel-option-open-interest/src/panel-option-open-interest.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.optionsOpenInterest') }}\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.optionsOpenInterestTips')\"></div>\n </template>\n </g-tooltip>\n </template>\n <template #tool>\n <span class=\"period-range h5-hide\"\n >{{ t('message.expirationAsOf')\n }}{{ timestampFormat(new Date(), '{y}/{m}/{d}') }}</span\n >\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=\"chartOption\"></g-chart>\n </div>\n\n <div class=\"footer-pcr\">\n <g-tooltip placement=\"right\">\n PCR: {{ numberFormat(state.pcr) }}\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.cprTips')\"></div>\n </template>\n </g-tooltip>\n </div>\n </template>\n </g-chart-panel>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace, useDeviceType, useTheme } from '@greeks-live-ui/hooks';\nimport { reactive, onMounted, computed, watch } from 'vue';\nimport { useLocale } from '@greeks-live-ui/hooks';\n\nimport {\n numberFormat,\n timestampFormat,\n moneyFormat,\n} from '@greeks-live-ui/utils/chartHelp';\nimport {\n getOpenInterestStatistics,\n IByStrikeItem,\n IOpenInterestStatisticsRes,\n} from '@greeks-live-ui/utils/dataLab';\nimport {\n panelOptionOpenInterestEmits,\n panelOptionOpenInterestProps,\n} from './panel-option-open-interest';\n\ndefineOptions({\n name: 'GPanelOptionOpenInterest',\n});\nconst props = defineProps(panelOptionOpenInterestProps);\nconst emit = defineEmits(panelOptionOpenInterestEmits);\n\nconst ns = useNamespace('panel-option-open-interest');\nconst { t } = useLocale();\nconst { isMobile } = useDeviceType();\nconst { isDark } = useTheme();\n\nconst dataTypeList = [\n { value: 'expire', label: 'Expire' },\n { value: 'strike', label: 'Strike' },\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 dataType: 'expire',\n pcr: 0,\n\n usdTotal: '',\n coinTotal: '',\n\n chartData: {} as IOpenInterestStatisticsRes,\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 getOpenInterestStatistics({ currency: currency.value })\n .then((res) => {\n if (res && res.code === 200) {\n state.chartData = res.data as IOpenInterestStatisticsRes;\n }\n })\n .finally(() => {\n state.loadingFlag = false;\n });\n};\n\nonMounted(() => {\n fetchData();\n});\n\nconst getEchartData = () => {\n let date: string[] = [];\n let openInterestCall: number[] = [];\n let openInterestCallTotal = 0;\n let openInterestPut: number[] = [];\n let openInterestPutTotal = 0;\n let openInterestVolume: number[] = [];\n let totalVolume = 0;\n let openInterestRate: number[] = [];\n\n if (state.dataType === 'strike') {\n const data = state.chartData.by_strike \|\| [];\n data.forEach((item: IByStrikeItem) => {\n date.push(`$${numberFormat(item.strike, 0)}`);\n\n let callVolume = item.open_interest_call;\n let putVolume = item.open_interest_put;\n openInterestCall.push(callVolume);\n openInterestCallTotal += callVolume;\n openInterestPut.push(putVolume);\n openInterestPutTotal += putVolume;\n });\n } else {\n const data = state.chartData.by_expiry \|\| [];\n data.forEach((item) => {\n date.push(timestampFormat(item.end_ts, '{m}/{d}') as string);\n\n let callVolume = item.open_interest_call;\n let putVolume = item.open_interest_put;\n openInterestCall.push(callVolume);\n openInterestCallTotal += callVolume;\n openInterestPut.push(putVolume);\n openInterestPutTotal += putVolume;\n\n let sumVolume = callVolume + putVolume;\n openInterestVolume.push(sumVolume);\n totalVolume += sumVolume;\n });\n\n openInterestRate = openInterestVolume.map((item) => {\n return (item / totalVolume) * 100;\n });\n }\n\n state.pcr = openInterestPutTotal / openInterestCallTotal;\n\n return {\n date,\n openInterestCallTotal,\n openInterestCall,\n openInterestPutTotal,\n openInterestPut,\n openInterestRate,\n };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n if (!params) return {};\n const {\n date,\n openInterestCallTotal,\n openInterestCall,\n openInterestPutTotal,\n openInterestPut,\n openInterestRate,\n } = params;\n\n const option = {\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n // 坐标轴指示器，坐标轴触发有效\n type: 'shadow', // 默认为直线，可选为：'line' \| 'shadow'\n backgroundColor: isDark.value ? '#E9ECEF' : '#292F3D', // 浅色/Grey/14\n textStyle: {\n color: isDark.value ? '#000000' : '#FFFFFF', // 浅色/Grey/White\n fontSize: 12,\n lineHeight: 16,\n fontWeight: 400,\n },\n },\n formatter: function (\n params: Array<{\n axisValueLabel: string;\n axisValue: string;\n seriesName: string;\n color: string;\n value: number;\n marker: string;\n data: number;\n }>\n ) {\n let seriesName0 = '';\n let seriesName1 = '';\n let html = `\n <div style=\"display: flex;justify-content: space-between;align-items: center;\"><div>${params[0].axisValue}</div></div>\n `;\n if (params[0]) {\n seriesName0 = params[0].seriesName.split(' ')[0];\n html += `\n <div style=\"display: flex;justify-content: space-between;align-items: center;\"><div style=\"margin-right: 40px;\">${\n params[0].marker\n } ${seriesName0}</div><div>${numberFormat(\n params[0].data,\n 2\n )}</div></div>\n `;\n }\n if (params[1]) {\n seriesName1 = params[1].seriesName.split(' ')[0];\n html += `\n <div style=\"display: flex;justify-content: space-between;align-items: center;\"><div style=\"margin-right: 40px;\">${\n params[1].marker\n } ${seriesName1}</div><div>${numberFormat(\n params[1].data,\n 2\n )}</div></div>\n `;\n }\n\n if (params[0]?.data && params[1]?.data) {\n html += `\n <div style=\"display: flex;justify-content: space-between;align-items: center;\"><div style=\"margin-right: 40px;margin-left: 18px;\">PCR</div><div>${numberFormat(\n params[1].data / params[0].data,\n 2\n )}</div></div>\n `;\n }\n return html;\n },\n },\n legend: {\n top: '3%',\n textStyle: {\n color: isDark.value ? '#ADB5BD' : '#596169', // 浅色/Grey/10 // 设置图例文字颜色\n },\n },\n xAxis: {\n type: 'category',\n data: date,\n axisLabel: {\n // 坐标轴刻度标签\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n rotate: state.dataType === 'strike' ? 90 : 0, // 倾斜度 -90 至 90 默认为0\n },\n axisTick: {\n show: false, // 隐藏刻度线\n },\n axisLine: {\n show: false, // 隐藏坐标轴轴线\n lineStyle: {\n color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色浅色/Grey/12\n },\n },\n },\n yAxis: [\n {\n type: 'value',\n name: `Open Interest(${currency.value})`,\n nameLocation: 'end',\n nameGap: -85,\n nameRotate: 90,\n nameTextStyle: {\n color: isDark.value ? '#8B959F' : '#8B959F', // 浅色/Grey/8\n fontWeight: 400,\n fontSize: 10,\n },\n axisLabel: {\n // 坐标轴刻度标签\n show: true,\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\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: 'dashed', // 网格线类型: 'solid', 'dashed', 'dotted'\n },\n },\n },\n ],\n grid: {\n left: 10,\n right: 10,\n bottom: 10,\n containLabel: true,\n },\n\n series: [\n {\n name: `Calls (${moneyFormat(numberFormat(openInterestCallTotal, 2))})`,\n type: 'bar',\n // barWidth: '16px',\n stack: 'optionGlobalOpenInterestbyStrike',\n color: '#F76560',\n emphasis: {\n focus: 'series',\n },\n data: openInterestCall,\n itemStyle: {\n borderRadius: 0,\n },\n },\n {\n name: `Puts (${moneyFormat(numberFormat(openInterestPutTotal, 2))})`,\n type: 'bar',\n // barWidth: '16px',\n stack: 'optionGlobalOpenInterestbyStrike',\n color: '#94BFFF',\n emphasis: {\n focus: 'series',\n },\n data: openInterestPut,\n itemStyle: {\n borderRadius: 0,\n },\n label: {\n show: state.dataType === 'strike' ? false : true,\n position: 'top',\n formatter: (params: { dataIndex: number }) => {\n return numberFormat(openInterestRate[params.dataIndex], 2) + '%';\n },\n },\n },\n ],\n };\n if (isMobile.value) {\n // 移动端显示圆点，防止showTip不触发\n option.series = option.series.map((v) => ({ ...v, symbol: 'circle' }));\n }\n return option;\n};\n\nconst chartOption = computed(() => {\n return getEchartOption(getEchartData());\n});\n</script>\n"],"names":["params"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,4BAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,CAAA,EAAA,GAAA,SAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,QAAA,EAAA,GAAA,aAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,MAAA,EAAA,GAAA,QAAA,EAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA;AAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA,KAAA,EAAA,QAAA,EAAA;AACA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA,KAAA,EAAA,QAAA,EAAA;AACA,KAAA,CAAA;AAGA,IAAA,MAAA,KAAA,GAAA,QAAA,CAAA;AAAA,MAAA,WAAA,EAAA,KAAA;AACA,MAAA,QAAA,EAAA,KAAA,CAAA,QAAA,IAAA,KAAA,CAAA,eAAA,IAAA,SAAA;AAEA,MAAA,QAAA,EAAA,KAAA,CAAA,QAAA,IAAA,KAAA,CAAA,eAAA,IAAA,KAAA;AACA,MAAA,QAAA,EAAA,QAAA;AAEA,MAAA,GAAA,EAAA,CAAA;AACA,MAAA,QAAA,EAAA,EAAA;AAEA,MAAA,SAAA,EAAA,EAAA;AACA,MAAA,SAAA,EAAA,EAAA;AAEA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,QAAA,GAAA,QAAA,CAAA;AAAA,MAAA,GAAA,EAAA,MAAA,KAAA,CAAA,QAAA,IAAA,KAAA,CAAA,QAAA,IAAA,KAAA;AACA,MAAA,GAAA,EAAA,CAAA,MAAA,KAAA;AAEA,QAAA,KAAA,CAAA,QAAA,GAAA,IAAA,CAAA,iBAAA,EAAA,MAAA,CAAA,GAAA,KAAA,CAAA,QAAA,GAAA,MAAA,CAAA;AAEA,OAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,QAAA,GAAA,QAAA,CAAA;AAAA,MAAA,GAAA,EAAA,MAAA,KAAA,CAAA,QAAA,IAAA,KAAA,CAAA,QAAA,IAAA,SAAA;AACA,MAAA,GAAA,EAAA,CAAA,MAAA,KAAA;AAEA,QAAA,KAAA,CAAA,QAAA,GAAA,IAAA,CAAA,iBAAA,EAAA,MAAA,CAAA,GAAA,KAAA,CAAA,QAAA,GAAA,MAAA,CAAA;AAEA,OAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,KAAA,CAAA,QAAA,EAAA,MAAA;AACA,MAAA,SAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,KAAA,CAAA,QAAA,EAAA,MAAA;AACA,MAAA,SAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,SAAA,GAAA,MAAA;AACA,MAAA,KAAA,CAAA,WAAA,GAAA,IAAA,CAAA;AACA,MAAA,yBAAA,CAAA,EAAA,QAAA,EAAA,QAAA,CAAA,KAAA,EAAA,CAAA,CAAA,IAAA,CAAA,CAAA,GAAA,KAAA;AAEA,QAAA,IAAA,GAAA,IAAA,GAAA,CAAA,IAAA,KAAA,GAAA,EAAA;AACA,UAAA,KAAA,CAAA,SAAA,GAAA,GAAA,CAAA,IAAA,CAAA;AAAA,SAAA;AACA,OAAA,CAAA,CAAA,OAAA,CAAA,MAAA;AAGA,QAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AACA,KAAA,CAAA;AAGA,IAAA,SAAA,CAAA,MAAA;AACA,MAAA,SAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,aAAA,GAAA,MAAA;AACA,MAAA,IAAA,IAAA,GAAA,EAAA,CAAA;AACA,MAAA,IAAA,gBAAA,GAAA,EAAA,CAAA;AACA,MAAA,IAAA,qBAAA,GAAA,CAAA,CAAA;AACA,MAAA,IAAA,eAAA,GAAA,EAAA,CAAA;AACA,MAAA,IAAA,oBAAA,GAAA,CAAA,CAAA;AACA,MAAA,IAAA,kBAAA,GAAA,EAAA,CAAA;AACA,MAAA,IAAA,WAAA,GAAA,CAAA,CAAA;AACA,MAAA,IAAA,gBAAA,GAAA,EAAA,CAAA;AAEA,MAAA,IAAA,KAAA,CAAA,QAAA,KAAA,QAAA,EAAA;AACA,QAAA,MAAA,IAAA,GAAA,KAAA,CAAA,SAAA,CAAA,SAAA,IAAA,EAAA,CAAA;AACA,QAAA,IAAA,CAAA,OAAA,CAAA,CAAA,IAAA,KAAA;AACA,UAAA,IAAA,CAAA,IAAA,CAAA,CAAA,CAAA,EAAA,YAAA,CAAA,IAAA,CAAA,MAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,UAAA,IAAA,UAAA,GAAA,IAAA,CAAA,kBAAA,CAAA;AACA,UAAA,IAAA,SAAA,GAAA,IAAA,CAAA,iBAAA,CAAA;AACA,UAAA,gBAAA,CAAA,IAAA,CAAA,UAAA,CAAA,CAAA;AACA,UAAA,qBAAA,IAAA,UAAA,CAAA;AACA,UAAA,eAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA;AACA,UAAA,oBAAA,IAAA,SAAA,CAAA;AAAA,SAAA,CAAA,CAAA;AACA,OAAA,MAAA;AAEA,QAAA,MAAA,IAAA,GAAA,KAAA,CAAA,SAAA,CAAA,SAAA,IAAA,EAAA,CAAA;AACA,QAAA,IAAA,CAAA,OAAA,CAAA,CAAA,IAAA,KAAA;AACA,UAAA,IAAA,CAAA,IAAA,CAAA,eAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA,CAAA;AAEA,UAAA,IAAA,UAAA,GAAA,IAAA,CAAA,kBAAA,CAAA;AACA,UAAA,IAAA,SAAA,GAAA,IAAA,CAAA,iBAAA,CAAA;AACA,UAAA,gBAAA,CAAA,IAAA,CAAA,UAAA,CAAA,CAAA;AACA,UAAA,qBAAA,IAAA,UAAA,CAAA;AACA,UAAA,eAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA;AACA,UAAA,oBAAA,IAAA,SAAA,CAAA;AAEA,UAAA,IAAA,SAAA,GAAA,UAAA,GAAA,SAAA,CAAA;AACA,UAAA,kBAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA;AACA,UAAA,WAAA,IAAA,SAAA,CAAA;AAAA,SAAA,CAAA,CAAA;AAGA,QAAA,gBAAA,GAAA,kBAAA,CAAA,GAAA,CAAA,CAAA,IAAA,KAAA;AACA,UAAA,OAAA,IAAA,GAAA,WAAA,GAAA,GAAA,CAAA;AAAA,SAAA,CAAA,CAAA;AACA,OAAA;AAGA,MAAA,KAAA,CAAA,GAAA,GAAA,oBAAA,GAAA,qBAAA,CAAA;AAEA,MAAA,OAAA;AAAA,QAAA,IAAA;AACA,QAAA,qBAAA;AACA,QAAA,gBAAA;AACA,QAAA,oBAAA;AACA,QAAA,eAAA;AACA,QAAA,gBAAA;AACA,OAAA,CAAA;AACA,KAAA,CAAA;AAGA,IAAA,MAAA,eAAA,GAAA,CAAA,MAAA,KAAA;AACA,MAAA,IAAA,CAAA,MAAA;AAAA,QAAA,OAAA,EAAA,CAAA;AACA,MAAA,MAAA;AAAA,QAAA,IAAA;AACA,QAAA,qBAAA;AACA,QAAA,gBAAA;AACA,QAAA,oBAAA;AACA,QAAA,eAAA;AACA,QAAA,gBAAA;AACA,OAAA,GAAA,MAAA,CAAA;AAGA,MAAA,MAAA,MAAA,GAAA;AAAA,QAAA,OAAA,EAAA;AACA,UAAA,OAAA,EAAA,MAAA;AACA,UAAA,WAAA,EAAA;AACA,YAAA,IAAA,EAAA,QAAA;AAEA,YAAA,eAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,cAAA,QAAA,EAAA,EAAA;AACA,cAAA,UAAA,EAAA,EAAA;AACA,cAAA,UAAA,EAAA,GAAA;AACA,aAAA;AACA,WAAA;AACA,UAAA,SAAA,EAAA,SAAA,OAAA,EAAA;;AAYA,YAAA,IAAA,WAAA,GAAA,EAAA,CAAA;AACA,YAAA,IAAA,WAAA,GAAA,EAAA,CAAA;AACA,YAAA,IAAA,IAAA,GAAA,CAAA;AAAA,gGAAA,EAAA,OAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA;AACA,QAAA,CAAA,CAAA;AAEAA,YAAAA,IAAAA,OAAAA,CAAAA,CAAAA,CAAAA,EAAAA;AACA,cAAA,WAAA,GAAA,OAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,cAAA,IAAA,IAAA,CAAA;AAAA,4HAAA,EAAA,OAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,EAAA,WAAA,CAAA,WAAA,EAAA,YAAA;AAGA,gBAAA,OAAA,CAAA,CAAA,CAAA,CAAA,IAAA;AACA,gBAAA,CAAA;AACA,eAAA,CAAA;AACA,UAAA,CAAA,CAAA;AAAA,aAAA;AAGAA,YAAAA,IAAAA,OAAAA,CAAAA,CAAAA,CAAAA,EAAAA;AACA,cAAA,WAAA,GAAA,OAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,cAAA,IAAA,IAAA,CAAA;AAAA,4HAAA,EAAA,OAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,EAAA,WAAA,CAAA,WAAA,EAAA,YAAA;AAGA,gBAAA,OAAA,CAAA,CAAA,CAAA,CAAA,IAAA;AACA,gBAAA,CAAA;AACA,eAAA,CAAA;AACA,UAAA,CAAA,CAAA;AAAA,aAAA;AAIA,YAAA,IAAA,CAAA,CAAA,EAAA,GAAA,OAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,MAAA,CAAA,EAAA,GAAA,OAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA;AACA,cAAA,IAAA,IAAA,CAAA;AAAA,4JAAA,EAAA,YAAA;AACA,gBAAA,OAAA,CAAA,CAAA,CAAA,CAAA,IAAA,GAAA,OAAA,CAAA,CAAA,CAAA,CAAA,IAAA;AACA,gBAAA,CAAA;AACA,eAAA,CAAA;AACA,UAAA,CAAA,CAAA;AAAA,aAAA;AAGA,YAAA,OAAA,IAAA,CAAA;AAAA,WAAA;AACA,SAAA;AACA,QAAA,MAAA,EAAA;AACA,UAAA,GAAA,EAAA,IAAA;AACA,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,WAAA;AACA,SAAA;AACA,QAAA,KAAA,EAAA;AACA,UAAA,IAAA,EAAA,UAAA;AACA,UAAA,IAAA,EAAA,IAAA;AACA,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AAEA,YAAA,UAAA,EAAA,GAAA;AACA,YAAA,QAAA,EAAA,EAAA;AACA,YAAA,MAAA,EAAA,KAAA,CAAA,QAAA,KAAA,QAAA,GAAA,EAAA,GAAA,CAAA;AACA,WAAA;AACA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA,KAAA;AACA,WAAA;AACA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA,KAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,aAAA;AACA,WAAA;AACA,SAAA;AACA,QAAA,KAAA,EAAA;AACA,UAAA;AACA,YAAA,IAAA,EAAA,OAAA;AACA,YAAA,IAAA,EAAA,CAAA,cAAA,EAAA,QAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACA,YAAA,YAAA,EAAA,KAAA;AACA,YAAA,OAAA,EAAA,CAAA,EAAA;AACA,YAAA,UAAA,EAAA,EAAA;AACA,YAAA,aAAA,EAAA;AACA,cAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,cAAA,UAAA,EAAA,GAAA;AACA,cAAA,QAAA,EAAA,EAAA;AACA,aAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,IAAA,EAAA,IAAA;AAEA,cAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,cAAA,UAAA,EAAA,GAAA;AACA,cAAA,QAAA,EAAA,EAAA;AACA,aAAA;AACA,YAAA,QAAA,EAAA;AACA,cAAA,SAAA,EAAA;AACA,gBAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,eAAA;AACA,aAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,SAAA,EAAA;AACA,gBAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,gBAAA,KAAA,EAAA,CAAA;AACA,gBAAA,IAAA,EAAA,QAAA;AACA,eAAA;AACA,aAAA;AACA,WAAA;AACA,SAAA;AACA,QAAA,IAAA,EAAA;AACA,UAAA,IAAA,EAAA,EAAA;AACA,UAAA,KAAA,EAAA,EAAA;AACA,UAAA,MAAA,EAAA,EAAA;AACA,UAAA,YAAA,EAAA,IAAA;AACA,SAAA;AACA,QAAA,MAAA,EAAA;AAEA,UAAA;AACA,YAAA,IAAA,EAAA,CAAA,OAAA,EAAA,WAAA,CAAA,YAAA,CAAA,qBAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,YAAA,IAAA,EAAA,KAAA;AACA,YAAA,KAAA,EAAA,kCAAA;AAEA,YAAA,KAAA,EAAA,SAAA;AACA,YAAA,QAAA,EAAA;AACA,cAAA,KAAA,EAAA,QAAA;AACA,aAAA;AACA,YAAA,IAAA,EAAA,gBAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,YAAA,EAAA,CAAA;AACA,aAAA;AACA,WAAA;AACA,UAAA;AACA,YAAA,IAAA,EAAA,CAAA,MAAA,EAAA,WAAA,CAAA,YAAA,CAAA,oBAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,YAAA,IAAA,EAAA,KAAA;AACA,YAAA,KAAA,EAAA,kCAAA;AAEA,YAAA,KAAA,EAAA,SAAA;AACA,YAAA,QAAA,EAAA;AACA,cAAA,KAAA,EAAA,QAAA;AACA,aAAA;AACA,YAAA,IAAA,EAAA,eAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,YAAA,EAAA,CAAA;AACA,aAAA;AACA,YAAA,KAAA,EAAA;AACA,cAAA,IAAA,EAAA,KAAA,CAAA,QAAA,KAAA,QAAA,GAAA,KAAA,GAAA,IAAA;AACA,cAAA,QAAA,EAAA,KAAA;AACA,cAAA,SAAA,EAAA,CAAA,OAAA,KAAA;AAEA,gBAAA,OAAA,YAAA,CAAA,gBAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,CAAA,CAAA,GAAA,GAAA,CAAA;AAAA,eAAA;AACA,aAAA;AACA,WAAA;AACA,SAAA;AACA,OAAA,CAAA;AAEA,MAAA,IAAA,QAAA,CAAA,KAAA,EAAA;AAEA,QAAA,MAAA,CAAA,MAAA,GAAA,MAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,EAAA,GAAA,CAAA,EAAA,MAAA,EAAA,QAAA,EAAA,CAAA,CAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,MAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,OAAA,eAAA,CAAA,aAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/panel-option-trade-volume/src/panel-option-trade-volume.mjs CHANGED Viewed

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

package/es/packages/components/panel-option-trade-volume/src/panel-option-trade-volume.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"panel-option-trade-volume.mjs","sources":["../../../../../../../packages/components/panel-option-trade-volume/src/panel-option-trade-volume.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b()]\">\n <g-chart-panel\n v-model:currency=\"currency\"\n v-model:exchange=\"exchange\"\n :operations=\"[state.chartType]\"\n :loading=\"state.loadingFlag\"\n @refresh=\"fetchData\"\n @operation=\"handleOperation\"\n >\n <template #title>\n <g-tooltip placement=\"bottom\">\n {{ t('message.optionTradeVolume') }}\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.optionTradeVolumeTips')\"></div>\n </template>\n </g-tooltip>\n </template>\n <template #tool>\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 <div class=\"second-select\">\n <span class=\"h5-hide\">\n {{ t('message.timeGranularity') }}\n </span>\n <g-select\n v-model:value=\"state.resolution\"\n @change=\"changeResolution\"\n :size=\"isPC ? 'small' : 'medium'\"\n >\n <g-select-option v-for=\"item in resolutionList\" :value=\"item.value\">\n {{ item.label }}\n </g-select-option>\n </g-select>\n </div>\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';\nimport { reactive, onMounted, computed, watch } from 'vue';\n\n// import type { OperationType } from '../../chart-panel/src/chart-panel.vue';\n\nexport type OperationType =\n \| 'line'\n \| 'bar'\n \| 'calc'\n \| 'search'\n \| 'toggle'\n \| 'refresh'\n \| 'fullscreen'\n \| 'setting'\n \| 'share';\n\nimport {\n numberFormat,\n showDateRange,\n timestampFormat,\n} from '@greeks-live-ui/utils/chartHelp';\nimport {\n getOptionTradeVolume,\n IOptionTradeVolumeRes,\n} from '@greeks-live-ui/utils/dataLab';\nimport {\n panelOptionTradeVolumeEmits,\n panelOptionTradeVolumeProps,\n} from './panel-option-trade-volume';\n\ndefineOptions({\n name: 'GPanelOptionTradeVolume',\n});\nconst props = defineProps(panelOptionTradeVolumeProps);\nconst emit = defineEmits(panelOptionTradeVolumeEmits);\nconst ns = useNamespace('panel-option-trade-volume');\nconst { t } = useLocale();\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nlet legendList = [\n {\n value: '1D',\n label: '1 D',\n days: 1,\n color: '#7630F7',\n },\n {\n value: '7D',\n label: '1 W',\n days: 7,\n color: '#23C343',\n },\n {\n value: '1M',\n label: '1 M',\n days: 30,\n color: '#FFD600',\n },\n {\n value: '2M',\n label: '2 M',\n days: 60,\n color: '#FF8D1F',\n },\n {\n value: '3M',\n label: '3 M',\n days: 90,\n color: '#FF3B30',\n },\n {\n value: '6M',\n label: '6 M',\n days: 180,\n color: '#007AFF',\n },\n {\n value: '1Y',\n label: '1 Y',\n days: 365,\n color: '#00C7BE',\n },\n];\nconst periodList = computed(() => {\n let list = [...legendList];\n if (isMobile.value) {\n list = list.slice(1);\n }\n return list;\n});\n\nconst resolutionList = [\n {\n label: '1min',\n value: '1',\n },\n {\n label: '5min',\n value: '5',\n },\n {\n label: '15min',\n value: '15',\n },\n {\n label: '30min',\n value: '30',\n },\n {\n label: '1H',\n value: '60',\n },\n {\n label: '1D',\n value: '1D',\n },\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 chartType: 'line' as OperationType,\n\n resolution: '60',\n start_timestamp: 0,\n end_timestamp: 0,\n\n chartData: {} as IOptionTradeVolumeRes,\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 const params = {\n currency: currency.value,\n resolution: state.resolution,\n start_timestamp: state.start_timestamp,\n end_timestamp: state.end_timestamp,\n };\n getOptionTradeVolume(params)\n .then((res) => {\n if (res && res.code === 200) {\n state.chartData = res.data as IOptionTradeVolumeRes;\n }\n })\n .finally(() => {\n state.loadingFlag = false;\n });\n};\n\nonMounted(() => {\n showPeriodDateRange();\n changeResolution();\n});\n\nconst showPeriodDateRange = () => {\n const selectedPeriod = periodList.value.find((v) => v.value === state.period);\n if (!selectedPeriod) return;\n state.periodDateRange = showDateRange(selectedPeriod.days);\n};\nconst handleChangePeriod = (value: string) => {\n showPeriodDateRange();\n fetchData();\n};\n\nconst changeResolution = () => {\n let curTimestamp = new Date().getTime();\n state.start_timestamp = curTimestamp - 500 * 24 * 3600000; // 500天\n state.end_timestamp = curTimestamp;\n fetchData();\n};\n\nconst handleOperation = (operation: OperationType) => {\n if (operation === 'line') {\n state.chartType = 'bar';\n }\n if (operation === 'bar') {\n state.chartType = 'line';\n }\n};\n\nconst getEchartData = () => {\n const ticksList = state.chartData?.ticks \|\| [];\n const volumeBuyList = state.chartData?.volume_buy \|\| [];\n const volumeSellList = state.chartData?.volume_sell \|\| [];\n\n let buy_volume = [];\n let sell_volume = [];\n\n for (let i = 0; i < ticksList.length; i++) {\n let item = ticksList[i];\n buy_volume.push([item, volumeBuyList[i]]);\n sell_volume.push([item, volumeSellList[i]]);\n }\n\n return {\n buy_volume,\n sell_volume,\n };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n if (!params) return {};\n const { buy_volume, sell_volume } = params;\n\n const option: any = {\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n // 坐标轴指示器，坐标轴触发有效\n type: 'shadow', // 默认为直线，可选为：'line' \| 'shadow'\n },\n formatter: (\n params: Array<{\n axisValueLabel: string;\n axisValue: string;\n seriesName: string;\n color: string;\n value: number;\n marker: string;\n data: number[];\n }>\n ) => {\n try {\n let html = `\n <div style=\"display: flex;justify-content: space-between;align-items: center;\">\n <div>${timestampFormat(\n params[0].axisValue,\n '{y}/{m}/{d} {h}:{i}:{s}'\n )}</div>\n </div>\n `;\n if (params[0]) {\n html += `<div style=\"display: flex;justify-content: space-between;align-items: center;\">\n <div style=\"margin-right: 40px;\">${params[0].marker} ${\n params[0].seriesName\n }</div>\n <div> ${numberFormat(params[0].data[1], 2)}</div>\n </div>`;\n if (params[1]) {\n html += `<div style=\"display: flex;justify-content: space-between;align-items: center;\">\n <div style=\"margin-right: 40px;\">${params[1].marker} ${\n params[1].seriesName\n }</div>\n <div> ${numberFormat(params[1].data[1], 2)}</div>\n </div>`;\n html += `<div style=\"display: flex;justify-content: space-between;align-items: center;\">\n <div style=\"margin-right: 40px;margin-left: 18px;\">Total</div>\n <div> ${numberFormat(\n parseFloat(String(params[0].data[1])) +\n parseFloat(String(params[1].data[1])),\n 2\n )}</div>\n </div>`;\n }\n }\n return html;\n } catch (e) {\n return '';\n }\n },\n backgroundColor: isDark.value ? '#E9ECEF' : '#292F3D', // 浅色/Grey/14\n textStyle: {\n color: isDark.value ? '#000000' : '#FFFFFF', // 浅色/Grey/White\n fontSize: 12,\n lineHeight: 16,\n fontWeight: 400,\n },\n },\n legend: {\n top: '3%',\n },\n xAxis: {\n type: 'time',\n boundaryGap: true,\n // data: date,\n axisLabel: {\n // 坐标轴刻度标签\n show: true,\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n // rotate: state.dataType === 'strike' ? 90 : 0, // 倾斜度 -90 至 90 默认为0\n },\n axisTick: {\n show: false, // 隐藏刻度线\n lineStyle: {\n color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色浅色/Grey/12\n },\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: 'dotted', // 网格线类型: 'solid', 'dashed', 'dotted'\n },\n },\n },\n yAxis: {\n type: 'value',\n scale: true,\n nameLocation: 'end',\n nameGap: '20',\n splitNumber: 6,\n axisLabel: {\n // 坐标轴刻度标签\n show: true,\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\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: 20,\n left: 'left',\n right: 27,\n bottom: 70,\n containLabel: true,\n },\n dataZoom: [\n {\n type: 'inside', //详细配置可见echarts官网\n start: 80,\n end: 100,\n handleIcon:\n 'path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',\n },\n {\n show: true,\n type: 'slider',\n // labelFormatter: (value) => {\n // console.log(value,'zzz')\n // return filters.timestampFormat2(value)\n // },\n rangeMode: 'percent',\n bottom: '20px',\n start: 80,\n end: 100,\n handleIcon:\n 'path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',\n },\n ],\n\n series: [\n {\n name: 'Buy',\n type: 'bar',\n stack: 'total',\n color: '#F76560',\n data: buy_volume,\n itemStyle: {\n borderRadius: 0,\n },\n },\n {\n name: 'Sell',\n type: 'bar',\n stack: 'total',\n color: '#4CD263',\n data: sell_volume,\n itemStyle: {\n borderRadius: 0,\n },\n },\n ],\n };\n\n if (state.chartType === 'line') {\n option.series = [\n {\n name: 'Buy',\n type: 'line',\n color: '#F76560',\n data: buy_volume,\n symbol: 'none',\n },\n {\n type: 'line',\n name: 'Sell',\n color: '#4CD263',\n data: sell_volume,\n symbol: 'none',\n },\n ];\n option.legend = {\n top: '3%',\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 }\n\n return option;\n};\n\nconst setOption = () => {\n return getEchartOption(getEchartData());\n};\n</script>\n"],"names":["params"],"mappings":"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"}
1	+ {"version":3,"file":"panel-option-trade-volume.mjs","sources":["../../../../../../../packages/components/panel-option-trade-volume/src/panel-option-trade-volume.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b()]\">\n <g-chart-panel\n v-model:currency=\"currency\"\n v-model:exchange=\"exchange\"\n :operations=\"[state.chartType]\"\n :loading=\"state.loadingFlag\"\n @refresh=\"fetchData\"\n @operation=\"handleOperation\"\n >\n <template #title>\n <g-tooltip placement=\"bottom\">\n {{ t('message.optionTradeVolume') }}\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.optionTradeVolumeTips')\"></div>\n </template>\n </g-tooltip>\n </template>\n <template #tool>\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 <div class=\"second-select\">\n <span class=\"h5-hide\">\n {{ t('message.timeGranularity') }}\n </span>\n <g-select\n v-model:value=\"state.resolution\"\n @change=\"changeResolution\"\n :size=\"isPC ? 'small' : 'medium'\"\n >\n <g-select-option v-for=\"item in resolutionList\" :value=\"item.value\">\n {{ item.label }}\n </g-select-option>\n </g-select>\n </div>\n </template>\n <template #body>\n <div class=\"echart\" ref=\"echart\">\n <g-chart class=\"skew-chart\" :option=\"chartOption\"></g-chart>\n </div>\n </template>\n </g-chart-panel>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport {\n useNamespace,\n useLocale,\n useDeviceType,\n useTheme,\n} from '@greeks-live-ui/hooks';\nimport { reactive, onMounted, computed, watch } from 'vue';\n\n// import type { OperationType } from '../../chart-panel/src/chart-panel.vue';\n\nexport type OperationType =\n \| 'line'\n \| 'bar'\n \| 'calc'\n \| 'search'\n \| 'toggle'\n \| 'refresh'\n \| 'fullscreen'\n \| 'setting'\n \| 'share';\n\nimport {\n numberFormat,\n showDateRange,\n timestampFormat,\n} from '@greeks-live-ui/utils/chartHelp';\nimport {\n getOptionTradeVolume,\n IOptionTradeVolumeRes,\n} from '@greeks-live-ui/utils/dataLab';\nimport {\n panelOptionTradeVolumeEmits,\n panelOptionTradeVolumeProps,\n} from './panel-option-trade-volume';\n\ndefineOptions({\n name: 'GPanelOptionTradeVolume',\n});\nconst props = defineProps(panelOptionTradeVolumeProps);\nconst emit = defineEmits(panelOptionTradeVolumeEmits);\nconst ns = useNamespace('panel-option-trade-volume');\nconst { t } = useLocale();\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nlet legendList = [\n {\n value: '1D',\n label: '1 D',\n days: 1,\n color: '#7630F7',\n },\n {\n value: '7D',\n label: '1 W',\n days: 7,\n color: '#23C343',\n },\n {\n value: '1M',\n label: '1 M',\n days: 30,\n color: '#FFD600',\n },\n {\n value: '2M',\n label: '2 M',\n days: 60,\n color: '#FF8D1F',\n },\n {\n value: '3M',\n label: '3 M',\n days: 90,\n color: '#FF3B30',\n },\n {\n value: '6M',\n label: '6 M',\n days: 180,\n color: '#007AFF',\n },\n {\n value: '1Y',\n label: '1 Y',\n days: 365,\n color: '#00C7BE',\n },\n];\nconst periodList = computed(() => {\n let list = [...legendList];\n if (isMobile.value) {\n list = list.slice(1);\n }\n return list;\n});\n\nconst resolutionList = [\n {\n label: '1min',\n value: '1',\n },\n {\n label: '5min',\n value: '5',\n },\n {\n label: '15min',\n value: '15',\n },\n {\n label: '30min',\n value: '30',\n },\n {\n label: '1H',\n value: '60',\n },\n {\n label: '1D',\n value: '1D',\n },\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 chartType: 'line' as OperationType,\n\n resolution: '60',\n start_timestamp: 0,\n end_timestamp: 0,\n\n chartData: {} as IOptionTradeVolumeRes,\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 const params = {\n currency: currency.value,\n resolution: state.resolution,\n start_timestamp: state.start_timestamp,\n end_timestamp: state.end_timestamp,\n };\n getOptionTradeVolume(params)\n .then((res) => {\n if (res && res.code === 200) {\n state.chartData = res.data as IOptionTradeVolumeRes;\n }\n })\n .finally(() => {\n state.loadingFlag = false;\n });\n};\n\nonMounted(() => {\n showPeriodDateRange();\n changeResolution();\n});\n\nconst showPeriodDateRange = () => {\n const selectedPeriod = periodList.value.find((v) => v.value === state.period);\n if (!selectedPeriod) return;\n state.periodDateRange = showDateRange(selectedPeriod.days);\n};\nconst handleChangePeriod = (value: string) => {\n showPeriodDateRange();\n fetchData();\n};\n\nconst changeResolution = () => {\n let curTimestamp = new Date().getTime();\n state.start_timestamp = curTimestamp - 500 * 24 * 3600000; // 500天\n state.end_timestamp = curTimestamp;\n fetchData();\n};\n\nconst handleOperation = (operation: OperationType) => {\n if (operation === 'line') {\n state.chartType = 'bar';\n }\n if (operation === 'bar') {\n state.chartType = 'line';\n }\n};\n\nconst getEchartData = () => {\n const ticksList = state.chartData?.ticks \|\| [];\n const volumeBuyList = state.chartData?.volume_buy \|\| [];\n const volumeSellList = state.chartData?.volume_sell \|\| [];\n\n let buy_volume = [];\n let sell_volume = [];\n\n for (let i = 0; i < ticksList.length; i++) {\n let item = ticksList[i];\n buy_volume.push([item, volumeBuyList[i]]);\n sell_volume.push([item, volumeSellList[i]]);\n }\n\n return {\n buy_volume,\n sell_volume,\n };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n if (!params) return {};\n const { buy_volume, sell_volume } = params;\n\n const option: any = {\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n // 坐标轴指示器，坐标轴触发有效\n type: 'shadow', // 默认为直线，可选为：'line' \| 'shadow'\n },\n formatter: (\n params: Array<{\n axisValueLabel: string;\n axisValue: string;\n seriesName: string;\n color: string;\n value: number;\n marker: string;\n data: number[];\n }>\n ) => {\n try {\n let html = `\n <div style=\"display: flex;justify-content: space-between;align-items: center;\">\n <div>${timestampFormat(\n params[0].axisValue,\n '{y}/{m}/{d} {h}:{i}:{s}'\n )}</div>\n </div>\n `;\n if (params[0]) {\n html += `<div style=\"display: flex;justify-content: space-between;align-items: center;\">\n <div style=\"margin-right: 40px;\">${params[0].marker} ${\n params[0].seriesName\n }</div>\n <div> ${numberFormat(params[0].data[1], 2)}</div>\n </div>`;\n if (params[1]) {\n html += `<div style=\"display: flex;justify-content: space-between;align-items: center;\">\n <div style=\"margin-right: 40px;\">${params[1].marker} ${\n params[1].seriesName\n }</div>\n <div> ${numberFormat(params[1].data[1], 2)}</div>\n </div>`;\n html += `<div style=\"display: flex;justify-content: space-between;align-items: center;\">\n <div style=\"margin-right: 40px;margin-left: 18px;\">Total</div>\n <div> ${numberFormat(\n parseFloat(String(params[0].data[1])) +\n parseFloat(String(params[1].data[1])),\n 2\n )}</div>\n </div>`;\n }\n }\n return html;\n } catch (e) {\n return '';\n }\n },\n backgroundColor: isDark.value ? '#E9ECEF' : '#292F3D', // 浅色/Grey/14\n textStyle: {\n color: isDark.value ? '#000000' : '#FFFFFF', // 浅色/Grey/White\n fontSize: 12,\n lineHeight: 16,\n fontWeight: 400,\n },\n },\n legend: {\n top: '3%',\n },\n xAxis: {\n type: 'time',\n boundaryGap: true,\n // data: date,\n axisLabel: {\n // 坐标轴刻度标签\n show: true,\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n // rotate: state.dataType === 'strike' ? 90 : 0, // 倾斜度 -90 至 90 默认为0\n },\n axisTick: {\n show: false, // 隐藏刻度线\n lineStyle: {\n color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色浅色/Grey/12\n },\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: 'dotted', // 网格线类型: 'solid', 'dashed', 'dotted'\n },\n },\n },\n yAxis: {\n type: 'value',\n scale: true,\n nameLocation: 'end',\n nameGap: '20',\n splitNumber: 6,\n axisLabel: {\n // 坐标轴刻度标签\n show: true,\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\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: 20,\n left: 'left',\n right: 27,\n bottom: 70,\n containLabel: true,\n },\n dataZoom: [\n {\n type: 'inside', //详细配置可见echarts官网\n start: 80,\n end: 100,\n handleIcon:\n 'path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',\n },\n {\n show: true,\n type: 'slider',\n // labelFormatter: (value) => {\n // console.log(value,'zzz')\n // return filters.timestampFormat2(value)\n // },\n rangeMode: 'percent',\n bottom: '20px',\n start: 80,\n end: 100,\n handleIcon:\n 'path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',\n },\n ],\n\n series: [\n {\n name: 'Buy',\n type: 'bar',\n stack: 'total',\n color: '#F76560',\n data: buy_volume,\n itemStyle: {\n borderRadius: 0,\n },\n },\n {\n name: 'Sell',\n type: 'bar',\n stack: 'total',\n color: '#4CD263',\n data: sell_volume,\n itemStyle: {\n borderRadius: 0,\n },\n },\n ],\n };\n\n if (state.chartType === 'line') {\n option.series = [\n {\n name: 'Buy',\n type: 'line',\n color: '#F76560',\n data: buy_volume,\n symbol: 'none',\n },\n {\n type: 'line',\n name: 'Sell',\n color: '#4CD263',\n data: sell_volume,\n symbol: 'none',\n },\n ];\n option.legend = {\n top: '3%',\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 }\n\n return option;\n};\n\nconst chartOption = computed(() => {\n return getEchartOption(getEchartData());\n});\n</script>\n"],"names":["params"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,2BAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,CAAA,EAAA,GAAA,SAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,GAAA,aAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,MAAA,EAAA,GAAA,QAAA,EAAA,CAAA;AAEA,IAAA,IAAA,UAAA,GAAA;AAAA,MAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,KAAA,EAAA,KAAA;AACA,QAAA,IAAA,EAAA,CAAA;AACA,QAAA,KAAA,EAAA,SAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,KAAA,EAAA,KAAA;AACA,QAAA,IAAA,EAAA,CAAA;AACA,QAAA,KAAA,EAAA,SAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,KAAA,EAAA,KAAA;AACA,QAAA,IAAA,EAAA,EAAA;AACA,QAAA,KAAA,EAAA,SAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,KAAA,EAAA,KAAA;AACA,QAAA,IAAA,EAAA,EAAA;AACA,QAAA,KAAA,EAAA,SAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,KAAA,EAAA,KAAA;AACA,QAAA,IAAA,EAAA,EAAA;AACA,QAAA,KAAA,EAAA,SAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,KAAA,EAAA,KAAA;AACA,QAAA,IAAA,EAAA,GAAA;AACA,QAAA,KAAA,EAAA,SAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,KAAA,EAAA,KAAA;AACA,QAAA,IAAA,EAAA,GAAA;AACA,QAAA,KAAA,EAAA,SAAA;AACA,OAAA;AACA,KAAA,CAAA;AAEA,IAAA,MAAA,UAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,IAAA,GAAA,CAAA,GAAA,UAAA,CAAA,CAAA;AACA,MAAA,IAAA,QAAA,CAAA,KAAA,EAAA;AACA,QAAA,IAAA,GAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,IAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,cAAA,GAAA;AAAA,MAAA;AACA,QAAA,KAAA,EAAA,MAAA;AACA,QAAA,KAAA,EAAA,GAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,MAAA;AACA,QAAA,KAAA,EAAA,GAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,OAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,OAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,OAAA;AACA,KAAA,CAAA;AAGA,IAAA,MAAA,KAAA,GAAA,QAAA,CAAA;AAAA,MAAA,WAAA,EAAA,KAAA;AACA,MAAA,QAAA,EAAA,KAAA,CAAA,QAAA,IAAA,KAAA,CAAA,eAAA,IAAA,SAAA;AAEA,MAAA,QAAA,EAAA,KAAA,CAAA,QAAA,IAAA,KAAA,CAAA,eAAA,IAAA,KAAA;AACA,MAAA,MAAA,EAAA,IAAA;AAEA,MAAA,eAAA,EAAA,EAAA;AACA,MAAA,SAAA,EAAA,MAAA;AACA,MAAA,UAAA,EAAA,IAAA;AAEA,MAAA,eAAA,EAAA,CAAA;AACA,MAAA,aAAA,EAAA,CAAA;AACA,MAAA,SAAA,EAAA,EAAA;AAEA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,QAAA,GAAA,QAAA,CAAA;AAAA,MAAA,GAAA,EAAA,MAAA,KAAA,CAAA,QAAA,IAAA,KAAA,CAAA,QAAA,IAAA,KAAA;AACA,MAAA,GAAA,EAAA,CAAA,MAAA,KAAA;AAEA,QAAA,KAAA,CAAA,QAAA,GAAA,IAAA,CAAA,iBAAA,EAAA,MAAA,CAAA,GAAA,KAAA,CAAA,QAAA,GAAA,MAAA,CAAA;AAEA,OAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,QAAA,GAAA,QAAA,CAAA;AAAA,MAAA,GAAA,EAAA,MAAA,KAAA,CAAA,QAAA,IAAA,KAAA,CAAA,QAAA,IAAA,SAAA;AACA,MAAA,GAAA,EAAA,CAAA,MAAA,KAAA;AAEA,QAAA,KAAA,CAAA,QAAA,GAAA,IAAA,CAAA,iBAAA,EAAA,MAAA,CAAA,GAAA,KAAA,CAAA,QAAA,GAAA,MAAA,CAAA;AAEA,OAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,KAAA,CAAA,QAAA,EAAA,MAAA;AACA,MAAA,SAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,KAAA,CAAA,QAAA,EAAA,MAAA;AACA,MAAA,SAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,SAAA,GAAA,MAAA;AACA,MAAA,KAAA,CAAA,WAAA,GAAA,IAAA,CAAA;AACA,MAAA,MAAA,MAAA,GAAA;AAAA,QAAA,QAAA,EAAA,QAAA,CAAA,KAAA;AACA,QAAA,UAAA,EAAA,KAAA,CAAA,UAAA;AACA,QAAA,eAAA,EAAA,KAAA,CAAA,eAAA;AACA,QAAA,aAAA,EAAA,KAAA,CAAA,aAAA;AACA,OAAA,CAAA;AAEA,MAAA,oBAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,CAAA,GAAA,KAAA;AAEA,QAAA,IAAA,GAAA,IAAA,GAAA,CAAA,IAAA,KAAA,GAAA,EAAA;AACA,UAAA,KAAA,CAAA,SAAA,GAAA,GAAA,CAAA,IAAA,CAAA;AAAA,SAAA;AACA,OAAA,CAAA,CAAA,OAAA,CAAA,MAAA;AAGA,QAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AACA,KAAA,CAAA;AAGA,IAAA,SAAA,CAAA,MAAA;AACA,MAAA,mBAAA,EAAA,CAAA;AACA,MAAA,gBAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,mBAAA,GAAA,MAAA;AACA,MAAA,MAAA,cAAA,GAAA,UAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,KAAA,KAAA,KAAA,CAAA,MAAA,CAAA,CAAA;AACA,MAAA,IAAA,CAAA,cAAA;AAAA,QAAA,OAAA;AACA,MAAA,KAAA,CAAA,eAAA,GAAA,aAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAEA,IAAA,MAAA,kBAAA,GAAA,CAAA,KAAA,KAAA;AACA,MAAA,mBAAA,EAAA,CAAA;AACA,MAAA,SAAA,EAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,gBAAA,GAAA,MAAA;AACA,MAAA,IAAA,YAAA,GAAA,iBAAA,IAAA,IAAA,EAAA,EAAA,OAAA,EAAA,CAAA;AACA,MAAA,KAAA,CAAA,eAAA,GAAA,YAAA,GAAA,GAAA,GAAA,EAAA,GAAA,IAAA,CAAA;AACA,MAAA,KAAA,CAAA,aAAA,GAAA,YAAA,CAAA;AACA,MAAA,SAAA,EAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,eAAA,GAAA,CAAA,SAAA,KAAA;AACA,MAAA,IAAA,SAAA,KAAA,MAAA,EAAA;AACA,QAAA,KAAA,CAAA,SAAA,GAAA,KAAA,CAAA;AAAA,OAAA;AAEA,MAAA,IAAA,SAAA,KAAA,KAAA,EAAA;AACA,QAAA,KAAA,CAAA,SAAA,GAAA,MAAA,CAAA;AAAA,OAAA;AACA,KAAA,CAAA;AAGA,IAAA,MAAA,aAAA,GAAA,MAAA;;AACA,MAAA,MAAA,SAAA,GAAA,CAAA,CAAA,EAAA,GAAA,KAAA,CAAA,SAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,KAAA,EAAA,CAAA;AACA,MAAA,MAAA,aAAA,GAAA,CAAA,CAAA,EAAA,GAAA,KAAA,CAAA,SAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,UAAA,KAAA,EAAA,CAAA;AACA,MAAA,MAAA,cAAA,GAAA,CAAA,CAAA,EAAA,GAAA,KAAA,CAAA,SAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,EAAA,CAAA;AAEA,MAAA,IAAA,UAAA,GAAA,EAAA,CAAA;AACA,MAAA,IAAA,WAAA,GAAA,EAAA,CAAA;AAEA,MAAA,KAAA,IAAA,CAAA,GAAA,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,MAAA,EAAA,CAAA,EAAA,EAAA;AACA,QAAA,IAAA,IAAA,GAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AACA,QAAA,UAAA,CAAA,IAAA,CAAA,CAAA,IAAA,EAAA,aAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,QAAA,WAAA,CAAA,IAAA,CAAA,CAAA,IAAA,EAAA,cAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OAAA;AAGA,MAAA,OAAA;AAAA,QAAA,UAAA;AACA,QAAA,WAAA;AACA,OAAA,CAAA;AACA,KAAA,CAAA;AAGA,IAAA,MAAA,eAAA,GAAA,CAAA,MAAA,KAAA;AACA,MAAA,IAAA,CAAA,MAAA;AAAA,QAAA,OAAA,EAAA,CAAA;AACA,MAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,GAAA,MAAA,CAAA;AAEA,MAAA,MAAA,MAAA,GAAA;AAAA,QAAA,OAAA,EAAA;AACA,UAAA,OAAA,EAAA,MAAA;AACA,UAAA,WAAA,EAAA;AACA,YAAA,IAAA,EAAA,QAAA;AAEA,WAAA;AACA,UAAA,SAAA,EAAA,CAAA,OAAA,KAAA;AAYA,YAAA,IAAA;AACA,cAAA,IAAA,IAAA,GAAA,CAAA;AAAA;AAAA,mBAAA,EAAA,eAAA;AAEA,gBAAA,OAAA,CAAA,CAAA,CAAA,CAAA,SAAA;AACA,gBAAA,yBAAA;AACA,eAAA,CAAA;AACA;AAAA,YAAA,CAAA,CAAA;AAGAA,cAAAA,IAAAA,OAAAA,CAAAA,CAAAA,CAAAA,EAAAA;AACA,gBAAA,IAAA,IAAA,CAAA;AAAA,iDAAA,EAAA,OAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA;AAEA,2BAAA,EAAA,YAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAEA,oBAAA,CAAA,CAAA;AAEAA,gBAAAA,IAAAA,OAAAA,CAAAA,CAAAA,CAAAA,EAAAA;AACA,kBAAA,IAAA,IAAA,CAAA;AAAA,iDAAA,EAAA,OAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA;AAEA,2BAAA,EAAA,YAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAEA,oBAAA,CAAA,CAAA;AAEA,kBAAA,IAAA,IAAA,CAAA;AAAA;AAAA,2BAAA,EAAA,YAAA;AAEA,oBAAA,UAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,UAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,oBAAA,CAAA;AACA,mBAAA,CAAA;AACA,oBAAA,CAAA,CAAA;AAAA,iBAAA;AAEA,eAAA;AAEA,cAAA,OAAA,IAAA,CAAA;AAAA,aAAA,CAAA,OAAA,CAAA,EAAA;AAEA,cAAA,OAAA,EAAA,CAAA;AAAA,aAAA;AACA,WAAA;AACA,UAAA,eAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,YAAA,QAAA,EAAA,EAAA;AACA,YAAA,UAAA,EAAA,EAAA;AACA,YAAA,UAAA,EAAA,GAAA;AACA,WAAA;AACA,SAAA;AACA,QAAA,MAAA,EAAA;AACA,UAAA,GAAA,EAAA,IAAA;AACA,SAAA;AACA,QAAA,KAAA,EAAA;AACA,UAAA,IAAA,EAAA,MAAA;AACA,UAAA,WAAA,EAAA,IAAA;AACA,UAAA,SAAA,EAAA;AAEA,YAAA,IAAA,EAAA,IAAA;AAEA,YAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,YAAA,UAAA,EAAA,GAAA;AACA,YAAA,QAAA,EAAA,EAAA;AACA,WAAA;AAEA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA,KAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,aAAA;AACA,WAAA;AACA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA,KAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,aAAA;AACA,WAAA;AACA,UAAA,SAAA,EAAA;AACA,YAAA,IAAA,EAAA,CAAA,QAAA,CAAA,KAAA,IAAA,CAAA,MAAA,CAAA,KAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,SAAA;AACA,cAAA,KAAA,EAAA,CAAA;AACA,cAAA,IAAA,EAAA,QAAA;AACA,aAAA;AACA,WAAA;AACA,SAAA;AACA,QAAA,KAAA,EAAA;AACA,UAAA,IAAA,EAAA,OAAA;AACA,UAAA,KAAA,EAAA,IAAA;AACA,UAAA,YAAA,EAAA,KAAA;AACA,UAAA,OAAA,EAAA,IAAA;AACA,UAAA,WAAA,EAAA,CAAA;AACA,UAAA,SAAA,EAAA;AACA,YAAA,IAAA,EAAA,IAAA;AAEA,YAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,YAAA,UAAA,EAAA,GAAA;AACA,YAAA,QAAA,EAAA,EAAA;AACA,WAAA;AACA,UAAA,QAAA,EAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,aAAA;AACA,WAAA;AACA,UAAA,SAAA,EAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,cAAA,KAAA,EAAA,CAAA;AACA,cAAA,IAAA,EAAA,OAAA;AACA,aAAA;AACA,WAAA;AACA,SAAA;AACA,QAAA,IAAA,EAAA;AACA,UAAA,GAAA,EAAA,EAAA;AACA,UAAA,IAAA,EAAA,MAAA;AACA,UAAA,KAAA,EAAA,EAAA;AACA,UAAA,MAAA,EAAA,EAAA;AACA,UAAA,YAAA,EAAA,IAAA;AACA,SAAA;AACA,QAAA,QAAA,EAAA;AACA,UAAA;AACA,YAAA,IAAA,EAAA,QAAA;AACA,YAAA,KAAA,EAAA,EAAA;AACA,YAAA,GAAA,EAAA,GAAA;AACA,YAAA,UAAA,EAAA,2MAAA;AAEA,WAAA;AACA,UAAA;AACA,YAAA,IAAA,EAAA,IAAA;AACA,YAAA,IAAA,EAAA,QAAA;AACA,YAAA,SAAA,EAAA,SAAA;AAKA,YAAA,MAAA,EAAA,MAAA;AACA,YAAA,KAAA,EAAA,EAAA;AACA,YAAA,GAAA,EAAA,GAAA;AACA,YAAA,UAAA,EAAA,2MAAA;AAEA,WAAA;AACA,SAAA;AACA,QAAA,MAAA,EAAA;AAEA,UAAA;AACA,YAAA,IAAA,EAAA,KAAA;AACA,YAAA,IAAA,EAAA,KAAA;AACA,YAAA,KAAA,EAAA,OAAA;AACA,YAAA,KAAA,EAAA,SAAA;AACA,YAAA,IAAA,EAAA,UAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,YAAA,EAAA,CAAA;AACA,aAAA;AACA,WAAA;AACA,UAAA;AACA,YAAA,IAAA,EAAA,MAAA;AACA,YAAA,IAAA,EAAA,KAAA;AACA,YAAA,KAAA,EAAA,OAAA;AACA,YAAA,KAAA,EAAA,SAAA;AACA,YAAA,IAAA,EAAA,WAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,YAAA,EAAA,CAAA;AACA,aAAA;AACA,WAAA;AACA,SAAA;AACA,OAAA,CAAA;AAGA,MAAA,IAAA,KAAA,CAAA,SAAA,KAAA,MAAA,EAAA;AACA,QAAA,MAAA,CAAA,MAAA,GAAA;AAAA,UAAA;AACA,YAAA,IAAA,EAAA,KAAA;AACA,YAAA,IAAA,EAAA,MAAA;AACA,YAAA,KAAA,EAAA,SAAA;AACA,YAAA,IAAA,EAAA,UAAA;AACA,YAAA,MAAA,EAAA,MAAA;AACA,WAAA;AACA,UAAA;AACA,YAAA,IAAA,EAAA,MAAA;AACA,YAAA,IAAA,EAAA,MAAA;AACA,YAAA,KAAA,EAAA,SAAA;AACA,YAAA,IAAA,EAAA,WAAA;AACA,YAAA,MAAA,EAAA,MAAA;AACA,WAAA;AACA,SAAA,CAAA;AAEA,QAAA,MAAA,CAAA,MAAA,GAAA;AAAA,UAAA,GAAA,EAAA,IAAA;AACA,UAAA,IAAA,EAAA,MAAA;AACA,UAAA,SAAA,EAAA,EAAA;AACA,UAAA,UAAA,EAAA,CAAA;AACA,UAAA,OAAA,EAAA,EAAA;AACA,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA,SAAA;AAEA,YAAA,QAAA,EAAA,EAAA;AACA,WAAA;AACA,UAAA,SAAA,EAAA;AACA,YAAA,aAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,WAAA;AACA,UAAA,aAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,SAAA,CAAA;AACA,OAAA;AAGA,MAAA,OAAA,MAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,OAAA,eAAA,CAAA,aAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/panel-rv/src/panel-rv2.mjs CHANGED Viewed

@@ -336,6 +336,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         days365
       };
     };
+    const chartOption = computed(() => {
+      return getEchartOption(getEchartData());
+    });
     const getEchartOption = (params) => {
       const { date, days1, days7, days30, days60, days90, days180, days365 } = params;
       const option = {
@@ -564,9 +567,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return option;
     };
-    const setOption = () => {
-      return getEchartOption(getEchartData());
-    };
     return (_ctx, _cache) => {
       const _component_g_icon = resolveComponent("g-icon");
       const _component_g_tooltip = resolveComponent("g-tooltip");
@@ -685,7 +685,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ),
                   createVNode(_component_g_chart, {
                     class: "skew-chart",
-                    option: setOption(),
+                    option: unref(chartOption),
                     onShowTip: _cache[1] || (_cache[1] = ($event) => handleTipShow(true)),
                     onHideTip: _cache[2] || (_cache[2] = ($event) => handleTipShow(false))
                   }, null, 8, ["option"])

package/es/packages/components/panel-rv/src/panel-rv2.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"panel-rv2.mjs","sources":["../../../../../../../packages/components/panel-rv/src/panel-rv.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b()]\">\n <g-chart-panel\n v-model:currency=\"currency\"\n v-model:exchange=\"exchange\"\n :loading=\"state.loadingFlag\"\n :operations=\"['calc', 'toggle']\"\n :showType=\"state.showType\"\n @toggle=\"handleToggleTableChart\"\n @calc=\"handleToggleCalc\"\n @refresh=\"fetchData\"\n >\n <template #title>\n <g-tooltip placement=\"bottom\">\n RV\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.realizedVolatilityTips')\"></div>\n </template>\n </g-tooltip>\n </template>\n <template v-if=\"state.showType === 'chart'\" #tool>\n <g-select\n v-model:value=\"state.period\"\n @change=\"handleChangePeriod\"\n :size=\"isPC ? 'small' : 'medium'\"\n >\n <g-select-option\n v-for=\"periodItem in periodList\"\n :value=\"periodItem.value\"\n >{{ periodItem.label }}</g-select-option\n >\n </g-select>\n <span class=\"period-range h5-hide\">{{ state.periodDateRange }}</span>\n </template>\n <template #body>\n <g-chart-table\n :tableData=\"state.tableData\"\n name=\"RV\"\n v-if=\"state.showType === 'table'\"\n />\n <g-panel-rv-calc\n v-if=\"state.showType === 'calc'\"\n :currency=\"currency\"\n />\n <div v-if=\"state.showType === 'chart'\" class=\"echart\" ref=\"echart\">\n <div\n :class=\"{\n 'h5-legend-box-hover': state.isToolTipShow,\n 'h5-legend-box': true,\n 'pc-hide': true,\n }\"\n >\n <h6 class=\"h5-tip-title\">{{ state.toolTipTitle }}</h6>\n <div class=\"h5-legend\">\n <div v-for=\"legendItem in legendList\" :key=\"legendItem.label\">\n <span\n :style=\"{ backgroundColor: legendItem.color }\"\n class=\"legend-line\"\n ></span>\n <div>\n <div>{{ legendItem.label }}</div>\n <p\n :class=\"{\n 'positive-text':\n state.legendMap?.[legendItem.value]?.includes('+'),\n 'negative-text':\n state.legendMap?.[legendItem.value]?.includes('-'),\n }\"\n >\n {{ state.legendMap[legendItem.value] }}\n </p>\n </div>\n </div>\n </div>\n </div>\n\n <g-chart\n class=\"skew-chart\"\n :option=\"setOption()\"\n @showTip=\"handleTipShow(true)\"\n @hideTip=\"handleTipShow(false)\"\n ></g-chart>\n </div>\n </template>\n </g-chart-panel>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport {\n useNamespace,\n useDeviceType,\n useLocale,\n useTheme,\n} from '@greeks-live-ui/hooks';\nimport { reactive, computed, onMounted, watch } from 'vue';\nimport { panelRvProps, panelRvEmits } from './panel-rv';\nimport {\n showDateRange,\n getTooltipDate,\n formatDateForNumber,\n numberFormat,\n timestampFormat,\n} from '@greeks-live-ui/utils/chartHelp';\nimport { getRv, RVChartRes } from '@greeks-live-ui/utils/dataLab';\n\ndefineOptions({\n name: 'GPanelRv',\n});\nconst props = defineProps(panelRvProps);\nconst emit = defineEmits(panelRvEmits);\nconst ns = useNamespace('panel-rv');\nconst { t } = useLocale();\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nlet legendList = [\n {\n value: '1D',\n label: '1 D',\n days: 1,\n color: '#7630F7',\n },\n {\n value: '1W',\n label: '1 W',\n days: 7,\n color: '#23C343',\n },\n {\n value: '1M',\n label: '1 M',\n days: 30,\n color: '#FFD600',\n },\n {\n value: '2M',\n label: '2 M',\n days: 60,\n color: '#FF8D1F',\n },\n {\n value: '3M',\n label: '3 M',\n days: 90,\n color: '#FF3B30',\n },\n {\n value: '6M',\n label: '6 M',\n days: 180,\n color: '#007AFF',\n },\n {\n value: '1Y',\n label: '1 Y',\n days: 365,\n color: '#00C7BE',\n },\n];\nconst periodList = computed(() => {\n let list = [\n {\n value: 'ALL',\n label: 'All',\n days: 0,\n color: '#00B42A',\n },\n ...legendList,\n ];\n if (isMobile.value) {\n list = list.slice(1);\n }\n return list;\n});\n\ninterface TableData {\n expire: string;\n atm: number;\n chg1?: number;\n chg2?: number;\n chg7?: number;\n chg14?: number;\n chg30?: number;\n}\n\nconst initShowType = 'table';\nconst state = reactive({\n loadingFlag: false,\n\n showType: initShowType,\n isToolTipShow: false,\n toolTipTitle: '',\n\n exchange: props.exchange \|\| props.defaultExchange \|\| 'Deribit',\n currency: props.currency \|\| props.defaultCurrency \|\| 'BTC',\n\n period: '3M',\n periodDateRange: '',\n\n chartData: [] as RVChartRes[],\n tableData: [] as TableData[],\n legendMap: {} as Record<string, string>,\n});\n\nconst currency = computed({\n get: () => props.currency \|\| state.currency \|\| 'BTC',\n set: (newVal) => {\n props.currency\n ? emit('update:currency', newVal)\n : (state.currency = newVal);\n },\n});\n\nconst exchange = computed({\n get: () => props.exchange \|\| state.exchange \|\| 'Deribit',\n set: (newVal) => {\n props.exchange\n ? emit('update:exchange', newVal)\n : (state.exchange = newVal);\n },\n});\n\nwatch(currency, () => {\n fetchData();\n});\n\nwatch(exchange, () => {\n fetchData();\n});\n\nconst fetchData = () => {\n state.loadingFlag = true;\n getRv({\n currency: currency.value,\n gap: state.showType === 'table' ? '3M' : 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 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.showType = state.showType === initShowType ? 'chart' : 'table';\n fetchData();\n};\nconst handleToggleCalc = () => {\n state.showType = state.showType === 'calc' ? initShowType : 'calc';\n};\nconst handleTipShow = (isShow: boolean) => {\n state.isToolTipShow = isShow;\n !isShow && (state.toolTipTitle = '');\n};\n\nconst getTableData = () => {\n let data = state.chartData \|\| [];\n\n let day1 = 86400000;\n let data0 = data[data.length - 1];\n let dataDate1 = formatDateForNumber(data0.timestamp - day1);\n let dataDate2 = formatDateForNumber(data0.timestamp - day1 * 2);\n let dataDate7 = formatDateForNumber(data0.timestamp - day1 * 7);\n let dataDate15 = formatDateForNumber(data0.timestamp - day1 * 14);\n let dataDate30 = formatDateForNumber(data0.timestamp - day1 * 30);\n\n let map: Record<string, RVChartRes> = {};\n data.forEach((item: RVChartRes) => {\n let date = formatDateForNumber(item.timestamp);\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) => next.timestamp - prev.timestamp\n );\n\n const data0Data = data0.data;\n\n let dataMap1: TableData = { expire: '1 day', atm: data0Data[0].hv };\n let dataMap2: TableData = { expire: '1 week', atm: data0Data[1].hv };\n let dataMap3: TableData = { expire: '1 month', atm: data0Data[2].hv };\n let dataMap4: TableData = { expire: '2 month', atm: data0Data[3].hv };\n let dataMap5: TableData = { expire: '3 month', atm: data0Data[4].hv };\n let dataMap6: TableData = { expire: '6 month', atm: data0Data[5].hv };\n let dataMap7: TableData = { expire: '1 year', atm: data0Data[6].hv };\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 item.data.forEach((item2: { day: number; hv: number }) => {\n if (item2.day === 1) {\n dataMap1[key] = data0Data[0].hv - item2.hv;\n } else if (item2.day === 7) {\n dataMap2[key] = data0Data[1].hv - item2.hv;\n } else if (item2.day === 30) {\n dataMap3[key] = data0Data[2].hv - item2.hv;\n } else if (item2.day === 60) {\n dataMap4[key] = data0Data[3].hv - item2.hv;\n } else if (item2.day === 90) {\n dataMap5[key] = data0Data[4].hv - item2.hv;\n } else if (item2.day === 180) {\n dataMap6[key] = data0Data[5].hv - item2.hv;\n } else if (item2.day === 365) {\n dataMap7[key] = data0Data[6].hv - item2.hv;\n }\n });\n }\n\n state.tableData = [\n dataMap1,\n dataMap2,\n dataMap3,\n dataMap4,\n dataMap5,\n dataMap6,\n dataMap7,\n ];\n};\n\nconst getLegendValue = (days: number[]) => {\n const r = Number(days[days.length - 1]?.toFixed(2));\n return r >= 0 ? `+${r}%` : `${r}%`;\n};\n\nconst getLegendData = () => {\n const { days1, days7, days30, days60, days90, days180, days365 } =\n getEchartData();\n\n state.legendMap = {\n '1D': getLegendValue(days1),\n '1W': getLegendValue(days7),\n '1M': getLegendValue(days30),\n '2M': getLegendValue(days60),\n '3M': getLegendValue(days90),\n '6M': getLegendValue(days180),\n '1Y': getLegendValue(days365),\n };\n};\n\nconst getEchartData = () => {\n let data = [...state.chartData];\n\n let date: string[] = [];\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 data.forEach((item) => {\n let set = new Set([\n 'days1',\n 'days7',\n 'days30',\n 'days60',\n 'days90',\n 'days180',\n 'days365',\n ]);\n item.data.forEach((item2) => {\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 date.push(timestampFormat(item.timestamp, '{y}-{m}-{d}') \|\| '');\n });\n\n return {\n date,\n\n days1,\n days7,\n days30,\n days60,\n days90,\n days180,\n days365,\n };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n const { date, days1, days7, days30, days60, days90, days180, days365 } =\n params;\n\n const option = {\n color: legendList.map((v) => v.color),\n\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n type: 'cross',\n label: {\n show: isMobile.value ? true : false, // 标签显示\n backgroundColor: '#DEE2E6',\n color: '#343A40',\n padding: [4, 6, 4, 6],\n margin: 9,\n },\n crossStyle: {\n // 十字准星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: {\n axisValueLabel: string;\n seriesName: string;\n color: string;\n value: number;\n }) => {\n content += `\n <div class=\"chart-tooltip\">\n <div>\n <span class=\"chart-tooltip-line\" style=\"background-color:${\n param.color\n };\"></span>\n <span>${param.seriesName}</span>\n </div>\n <span>${param.value.toFixed(2)}</span>\n </div>\n `;\n }\n );\n return content + '</div>';\n },\n },\n axisPointer: {\n type: 'line', // 显示指示线\n label: {\n show: true, // 显示指示线上的标签\n backgroundColor: '#DEE2E6', // 标签背景颜色\n color: '#343A40',\n fontSize: 10,\n padding: [4, 6, 4, 8],\n },\n // lineStyle: {\n // type: 'dashed', // 虚线\n // color: 'red' // 线的颜色\n // }\n },\n legend: {\n // ...returnLegendStyle('line'),\n show: !isMobile.value,\n\n left: 0,\n icon: 'rect', // 使用矩形作为图标，使其看起来像短横线\n itemWidth: 14, // 控制短横线的长度\n itemHeight: 2, // 控制短横线的粗细 (高度)\n itemGap: 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 + ` (${days1[days1.length - 1].toFixed(2)}%)`;\n case '1 W':\n return name + ` (${days7[days7.length - 1].toFixed(2)}%)`;\n case '1 M':\n return name + ` (${days30[days30.length - 1].toFixed(2)}%)`;\n case '2 M':\n return name + ` (${days60[days60.length - 1].toFixed(2)}%)`;\n case '3 M':\n return name + ` (${days90[days90.length - 1].toFixed(2)}%)`;\n case '6 M':\n return name + ` (${days180[days180.length - 1].toFixed(2)}%)`;\n case '1 Y':\n return name + ` (${days365[days365.length - 1].toFixed(2)}%)`;\n }\n } catch (e) {\n return name;\n }\n },\n\n // top: '3%',\n selected: {\n '1 D': false,\n '1 W': false,\n '1 M': true,\n '2 M': false,\n '3 M': true,\n '6 M': true,\n '1 Y': false,\n },\n },\n xAxis: {\n type: 'category',\n data: date,\n axisTick: {\n show: false, // 隐藏刻度线\n },\n axisLabel: {\n // 坐标轴刻度标签\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n },\n axisLine: {\n show: false, // 隐藏坐标轴轴线\n 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: [\n {\n name: '1 D',\n key: 1,\n type: 'line',\n symbol: 'none',\n data: days1,\n },\n {\n name: '1 W',\n key: 7,\n type: 'line',\n symbol: 'none',\n data: days7,\n },\n {\n name: '1 M',\n key: 30,\n type: 'line',\n symbol: 'none',\n data: days30,\n },\n {\n name: '2 M',\n key: 60,\n type: 'line',\n symbol: 'none',\n data: days60,\n },\n {\n name: '3 M',\n key: 90,\n type: 'line',\n symbol: 'none',\n data: days90,\n },\n {\n name: '6 M',\n key: 180,\n type: 'line',\n symbol: 'none',\n data: days180,\n },\n {\n name: '1 Y',\n key: 365,\n type: 'line',\n symbol: 'none',\n data: days365,\n },\n ],\n };\n if (isMobile.value) {\n // 移动端显示圆点，防止showTip不触发\n option.series = option.series.map((v) => ({ ...v, symbol: 'circle' }));\n }\n return option;\n};\n\nconst setOption = () => {\n return getEchartOption(getEchartData());\n};\n</script>\n"],"names":["params"],"mappings":"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"}
1	+ {"version":3,"file":"panel-rv2.mjs","sources":["../../../../../../../packages/components/panel-rv/src/panel-rv.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b()]\">\n <g-chart-panel\n v-model:currency=\"currency\"\n v-model:exchange=\"exchange\"\n :loading=\"state.loadingFlag\"\n :operations=\"['calc', 'toggle']\"\n :showType=\"state.showType\"\n @toggle=\"handleToggleTableChart\"\n @calc=\"handleToggleCalc\"\n @refresh=\"fetchData\"\n >\n <template #title>\n <g-tooltip placement=\"bottom\">\n RV\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.realizedVolatilityTips')\"></div>\n </template>\n </g-tooltip>\n </template>\n <template v-if=\"state.showType === 'chart'\" #tool>\n <g-select\n v-model:value=\"state.period\"\n @change=\"handleChangePeriod\"\n :size=\"isPC ? 'small' : 'medium'\"\n >\n <g-select-option\n v-for=\"periodItem in periodList\"\n :value=\"periodItem.value\"\n >{{ periodItem.label }}</g-select-option\n >\n </g-select>\n <span class=\"period-range h5-hide\">{{ state.periodDateRange }}</span>\n </template>\n <template #body>\n <g-chart-table\n :tableData=\"state.tableData\"\n name=\"RV\"\n v-if=\"state.showType === 'table'\"\n />\n <g-panel-rv-calc\n v-if=\"state.showType === 'calc'\"\n :currency=\"currency\"\n />\n <div v-if=\"state.showType === 'chart'\" class=\"echart\" ref=\"echart\">\n <div\n :class=\"{\n 'h5-legend-box-hover': state.isToolTipShow,\n 'h5-legend-box': true,\n 'pc-hide': true,\n }\"\n >\n <h6 class=\"h5-tip-title\">{{ state.toolTipTitle }}</h6>\n <div class=\"h5-legend\">\n <div v-for=\"legendItem in legendList\" :key=\"legendItem.label\">\n <span\n :style=\"{ backgroundColor: legendItem.color }\"\n class=\"legend-line\"\n ></span>\n <div>\n <div>{{ legendItem.label }}</div>\n <p\n :class=\"{\n 'positive-text':\n state.legendMap?.[legendItem.value]?.includes('+'),\n 'negative-text':\n state.legendMap?.[legendItem.value]?.includes('-'),\n }\"\n >\n {{ state.legendMap[legendItem.value] }}\n </p>\n </div>\n </div>\n </div>\n </div>\n\n <g-chart\n class=\"skew-chart\"\n :option=\"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 useNamespace,\n useDeviceType,\n useLocale,\n useTheme,\n} from '@greeks-live-ui/hooks';\nimport { reactive, computed, onMounted, watch } from 'vue';\nimport { panelRvProps, panelRvEmits } from './panel-rv';\nimport {\n showDateRange,\n getTooltipDate,\n formatDateForNumber,\n numberFormat,\n timestampFormat,\n} from '@greeks-live-ui/utils/chartHelp';\nimport { getRv, RVChartRes } from '@greeks-live-ui/utils/dataLab';\n\ndefineOptions({\n name: 'GPanelRv',\n});\nconst props = defineProps(panelRvProps);\nconst emit = defineEmits(panelRvEmits);\nconst ns = useNamespace('panel-rv');\nconst { t } = useLocale();\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nlet legendList = [\n {\n value: '1D',\n label: '1 D',\n days: 1,\n color: '#7630F7',\n },\n {\n value: '1W',\n label: '1 W',\n days: 7,\n color: '#23C343',\n },\n {\n value: '1M',\n label: '1 M',\n days: 30,\n color: '#FFD600',\n },\n {\n value: '2M',\n label: '2 M',\n days: 60,\n color: '#FF8D1F',\n },\n {\n value: '3M',\n label: '3 M',\n days: 90,\n color: '#FF3B30',\n },\n {\n value: '6M',\n label: '6 M',\n days: 180,\n color: '#007AFF',\n },\n {\n value: '1Y',\n label: '1 Y',\n days: 365,\n color: '#00C7BE',\n },\n];\nconst periodList = computed(() => {\n let list = [\n {\n value: 'ALL',\n label: 'All',\n days: 0,\n color: '#00B42A',\n },\n ...legendList,\n ];\n if (isMobile.value) {\n list = list.slice(1);\n }\n return list;\n});\n\ninterface TableData {\n expire: string;\n atm: number;\n chg1?: number;\n chg2?: number;\n chg7?: number;\n chg14?: number;\n chg30?: number;\n}\n\nconst initShowType = 'table';\nconst state = reactive({\n loadingFlag: false,\n\n showType: initShowType,\n isToolTipShow: false,\n toolTipTitle: '',\n\n exchange: props.exchange \|\| props.defaultExchange \|\| 'Deribit',\n currency: props.currency \|\| props.defaultCurrency \|\| 'BTC',\n\n period: '3M',\n periodDateRange: '',\n\n chartData: [] as RVChartRes[],\n tableData: [] as TableData[],\n legendMap: {} as Record<string, string>,\n});\n\nconst currency = computed({\n get: () => props.currency \|\| state.currency \|\| 'BTC',\n set: (newVal) => {\n props.currency\n ? emit('update:currency', newVal)\n : (state.currency = newVal);\n },\n});\n\nconst exchange = computed({\n get: () => props.exchange \|\| state.exchange \|\| 'Deribit',\n set: (newVal) => {\n props.exchange\n ? emit('update:exchange', newVal)\n : (state.exchange = newVal);\n },\n});\n\nwatch(currency, () => {\n fetchData();\n});\n\nwatch(exchange, () => {\n fetchData();\n});\n\nconst fetchData = () => {\n state.loadingFlag = true;\n getRv({\n currency: currency.value,\n gap: state.showType === 'table' ? '3M' : 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 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.showType = state.showType === initShowType ? 'chart' : 'table';\n fetchData();\n};\nconst handleToggleCalc = () => {\n state.showType = state.showType === 'calc' ? initShowType : 'calc';\n};\nconst handleTipShow = (isShow: boolean) => {\n state.isToolTipShow = isShow;\n !isShow && (state.toolTipTitle = '');\n};\n\nconst getTableData = () => {\n let data = state.chartData \|\| [];\n\n let day1 = 86400000;\n let data0 = data[data.length - 1];\n let dataDate1 = formatDateForNumber(data0.timestamp - day1);\n let dataDate2 = formatDateForNumber(data0.timestamp - day1 * 2);\n let dataDate7 = formatDateForNumber(data0.timestamp - day1 * 7);\n let dataDate15 = formatDateForNumber(data0.timestamp - day1 * 14);\n let dataDate30 = formatDateForNumber(data0.timestamp - day1 * 30);\n\n let map: Record<string, RVChartRes> = {};\n data.forEach((item: RVChartRes) => {\n let date = formatDateForNumber(item.timestamp);\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) => next.timestamp - prev.timestamp\n );\n\n const data0Data = data0.data;\n\n let dataMap1: TableData = { expire: '1 day', atm: data0Data[0].hv };\n let dataMap2: TableData = { expire: '1 week', atm: data0Data[1].hv };\n let dataMap3: TableData = { expire: '1 month', atm: data0Data[2].hv };\n let dataMap4: TableData = { expire: '2 month', atm: data0Data[3].hv };\n let dataMap5: TableData = { expire: '3 month', atm: data0Data[4].hv };\n let dataMap6: TableData = { expire: '6 month', atm: data0Data[5].hv };\n let dataMap7: TableData = { expire: '1 year', atm: data0Data[6].hv };\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 item.data.forEach((item2: { day: number; hv: number }) => {\n if (item2.day === 1) {\n dataMap1[key] = data0Data[0].hv - item2.hv;\n } else if (item2.day === 7) {\n dataMap2[key] = data0Data[1].hv - item2.hv;\n } else if (item2.day === 30) {\n dataMap3[key] = data0Data[2].hv - item2.hv;\n } else if (item2.day === 60) {\n dataMap4[key] = data0Data[3].hv - item2.hv;\n } else if (item2.day === 90) {\n dataMap5[key] = data0Data[4].hv - item2.hv;\n } else if (item2.day === 180) {\n dataMap6[key] = data0Data[5].hv - item2.hv;\n } else if (item2.day === 365) {\n dataMap7[key] = data0Data[6].hv - item2.hv;\n }\n });\n }\n\n state.tableData = [\n dataMap1,\n dataMap2,\n dataMap3,\n dataMap4,\n dataMap5,\n dataMap6,\n dataMap7,\n ];\n};\n\nconst getLegendValue = (days: number[]) => {\n const r = Number(days[days.length - 1]?.toFixed(2));\n return r >= 0 ? `+${r}%` : `${r}%`;\n};\n\nconst getLegendData = () => {\n const { days1, days7, days30, days60, days90, days180, days365 } =\n getEchartData();\n\n state.legendMap = {\n '1D': getLegendValue(days1),\n '1W': getLegendValue(days7),\n '1M': getLegendValue(days30),\n '2M': getLegendValue(days60),\n '3M': getLegendValue(days90),\n '6M': getLegendValue(days180),\n '1Y': getLegendValue(days365),\n };\n};\n\nconst getEchartData = () => {\n let data = [...state.chartData];\n\n let date: string[] = [];\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 data.forEach((item) => {\n let set = new Set([\n 'days1',\n 'days7',\n 'days30',\n 'days60',\n 'days90',\n 'days180',\n 'days365',\n ]);\n item.data.forEach((item2) => {\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 date.push(timestampFormat(item.timestamp, '{y}-{m}-{d}') \|\| '');\n });\n\n return {\n date,\n\n days1,\n days7,\n days30,\n days60,\n days90,\n days180,\n days365,\n };\n};\n\nconst chartOption = computed(() => {\n return getEchartOption(getEchartData());\n});\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n const { date, days1, days7, days30, days60, days90, days180, days365 } =\n params;\n\n const option = {\n color: legendList.map((v) => v.color),\n\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n type: 'cross',\n label: {\n show: isMobile.value ? true : false, // 标签显示\n backgroundColor: '#DEE2E6',\n color: '#343A40',\n padding: [4, 6, 4, 6],\n margin: 9,\n },\n crossStyle: {\n // 十字准星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: {\n axisValueLabel: string;\n seriesName: string;\n color: string;\n value: number;\n }) => {\n content += `\n <div class=\"chart-tooltip\">\n <div>\n <span class=\"chart-tooltip-line\" style=\"background-color:${\n param.color\n };\"></span>\n <span>${param.seriesName}</span>\n </div>\n <span>${param.value.toFixed(2)}</span>\n </div>\n `;\n }\n );\n return content + '</div>';\n },\n },\n axisPointer: {\n type: 'line', // 显示指示线\n label: {\n show: true, // 显示指示线上的标签\n backgroundColor: '#DEE2E6', // 标签背景颜色\n color: '#343A40',\n fontSize: 10,\n padding: [4, 6, 4, 8],\n },\n // lineStyle: {\n // type: 'dashed', // 虚线\n // color: 'red' // 线的颜色\n // }\n },\n legend: {\n // ...returnLegendStyle('line'),\n show: !isMobile.value,\n\n left: 0,\n icon: 'rect', // 使用矩形作为图标，使其看起来像短横线\n itemWidth: 14, // 控制短横线的长度\n itemHeight: 2, // 控制短横线的粗细 (高度)\n itemGap: 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 + ` (${days1[days1.length - 1].toFixed(2)}%)`;\n case '1 W':\n return name + ` (${days7[days7.length - 1].toFixed(2)}%)`;\n case '1 M':\n return name + ` (${days30[days30.length - 1].toFixed(2)}%)`;\n case '2 M':\n return name + ` (${days60[days60.length - 1].toFixed(2)}%)`;\n case '3 M':\n return name + ` (${days90[days90.length - 1].toFixed(2)}%)`;\n case '6 M':\n return name + ` (${days180[days180.length - 1].toFixed(2)}%)`;\n case '1 Y':\n return name + ` (${days365[days365.length - 1].toFixed(2)}%)`;\n }\n } catch (e) {\n return name;\n }\n },\n\n // top: '3%',\n selected: {\n '1 D': false,\n '1 W': false,\n '1 M': true,\n '2 M': false,\n '3 M': true,\n '6 M': true,\n '1 Y': false,\n },\n },\n xAxis: {\n type: 'category',\n data: date,\n axisTick: {\n show: false, // 隐藏刻度线\n },\n axisLabel: {\n // 坐标轴刻度标签\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n },\n axisLine: {\n show: false, // 隐藏坐标轴轴线\n 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: [\n {\n name: '1 D',\n key: 1,\n type: 'line',\n symbol: 'none',\n data: days1,\n },\n {\n name: '1 W',\n key: 7,\n type: 'line',\n symbol: 'none',\n data: days7,\n },\n {\n name: '1 M',\n key: 30,\n type: 'line',\n symbol: 'none',\n data: days30,\n },\n {\n name: '2 M',\n key: 60,\n type: 'line',\n symbol: 'none',\n data: days60,\n },\n {\n name: '3 M',\n key: 90,\n type: 'line',\n symbol: 'none',\n data: days90,\n },\n {\n name: '6 M',\n key: 180,\n type: 'line',\n symbol: 'none',\n data: days180,\n },\n {\n name: '1 Y',\n key: 365,\n type: 'line',\n symbol: 'none',\n data: days365,\n },\n ],\n };\n if (isMobile.value) {\n // 移动端显示圆点，防止showTip不触发\n option.series = option.series.map((v) => ({ ...v, symbol: 'circle' }));\n }\n return option;\n};\n</script>\n"],"names":["params"],"mappings":"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"}

package/es/packages/components/panel-rv-calc/index.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import PanelRvCalc from './src/panel-rv-calc2.mjs';
-export { panelRvCalcEmits, panelRvCalcProps } from './src/panel-rv-calc.mjs';
+import PanelRvCalc from './src/panel-rv-calc.mjs';
+export { panelRvCalcEmits, panelRvCalcProps } from './src/panel-rv-calc2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 const GPanelRvCalc = withInstall(PanelRvCalc);