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/lib/packages/components/panel-implied-volatility-surface/src/panel-implied-volatility-surface2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"panel-implied-volatility-surface2.js","sources":["../../../../../../../packages/components/panel-implied-volatility-surface/src/panel-implied-volatility-surface.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b()]\">\n <g-chart-panel\n v-model:currency=\"currency\"\n v-model:exchange=\"exchange\"\n :loading=\"state.loadingFlag\"\n @refresh=\"fetchData\"\n >\n <template #title>\n <g-tooltip placement=\"bottom\">\n {{ t('message.ivSurface') }}\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.impliedVolatilitySurfaceTips')\"></div>\n </template>\n </g-tooltip>\n </template>\n <template #tool>\n <!-- <span class=\"filter-box h5-hide\">\n <g-icon type=\"chart_filter\" :size=\"15\" />\n </span> -->\n <span class=\"period-range h5-hide\">{{ state.periodDateRange }}</span>\n\n <g-page-turner\n :prevDisabled=\"state.loadingFlag\"\n :nextDisabled=\"state.loadingFlag \|\| state.pageCount <= 0\"\n @change=\"handlePageChange\"\n ></g-page-turner>\n </template>\n <template #body>\n <div class=\"echart\" ref=\"echart\">\n <g-chart class=\"skew-chart\" :option=\"setOption()\"></g-chart>\n </div>\n </template>\n </g-chart-panel>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace, useLocale } from '@greeks-live-ui/hooks';\nimport { reactive, onMounted, watch, computed } from 'vue';\n\nimport {\n timestampFormat,\n getCurrentDateTimezone,\n} from '@greeks-live-ui/utils/chartHelp';\nimport { getAtmData, IAtmDataRes } from '@greeks-live-ui/utils/dataLab';\nimport {\n panelImpliedVolatilitySurfaceProps,\n panelImpliedVolatilitySurfaceEmits,\n} from './panel-implied-volatility-surface';\n\ndefineOptions({\n name: 'GPanelImpliedVolatilitySurface',\n});\nconst props = defineProps(panelImpliedVolatilitySurfaceProps);\nconst emit = defineEmits(panelImpliedVolatilitySurfaceEmits);\nconst ns = useNamespace('panel-implied-volatility-surface');\nconst { t } = useLocale();\n\nconst state = reactive({\n loadingFlag: false,\n\n exchange: props.exchange \|\| props.defaultExchange \|\| 'Deribit',\n currency: props.currency \|\| props.defaultCurrency \|\| 'BTC',\n\n pageCount: 0,\n periodDateRange: '',\n\n chartData: [] as IAtmDataRes[],\n});\n\nconst currency = computed({\n get: () => props.currency \|\| state.currency \|\| 'BTC',\n set: (newVal) => {\n props.currency\n ? emit('update:currency', newVal)\n : (state.currency = newVal);\n },\n});\n\nconst exchange = computed({\n get: () => props.exchange \|\| state.exchange \|\| 'Deribit',\n set: (newVal) => {\n props.exchange\n ? emit('update:exchange', newVal)\n : (state.exchange = newVal);\n },\n});\n\nwatch(currency, () => {\n fetchData();\n});\n\nwatch(exchange, () => {\n fetchData();\n});\nconst fetchData = () => {\n state.loadingFlag = true;\n getAtmData({ currency: currency.value, page_num: state.pageCount })\n .then((res) => {\n if (res && res.code === 200) {\n state.chartData = res.data \|\| [];\n }\n })\n .finally(() => {\n state.loadingFlag = false;\n });\n};\n\nonMounted(() => {\n fetchData();\n getDateTimeRange();\n});\n\nconst getDateTimeRange = () => {\n const curTimestamp = new Date().getTime();\n const day = 24 * 3600000;\n const startTimestamp = curTimestamp - day * (state.pageCount + 1);\n const endTimestamp = curTimestamp - day * state.pageCount;\n state.periodDateRange = `${getCurrentDateTimezone()} ${timestampFormat(\n startTimestamp,\n '{y}/{m}/{d} {h}:00'\n )} - ${timestampFormat(endTimestamp, '{y}/{m}/{d} {h}:00')}`;\n};\n\nconst handlePageChange = (direction: 'prev' \| 'next') => {\n if (direction === 'prev') {\n state.pageCount++;\n } else {\n if (state.pageCount <= 0) {\n return;\n }\n state.pageCount--;\n }\n fetchData();\n getDateTimeRange();\n};\n\nconst getEchartData = () => {\n const data = [...state.chartData];\n return {\n data,\n };\n};\nconst theme = 'light';\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n const { data } = params;\n\n let commonStyle = {\n axisLabel: {\n textStyle: {\n color: theme === 'light' ? '#606266' : '#9F9D99',\n },\n },\n axisLine: {\n lineStyle: {\n color: theme === 'light' ? '#606266' : '#9F9D99',\n },\n },\n splitLine: {\n lineStyle: {\n color: theme === 'light' ? '#C0C4CC' : '#6F6F6F',\n },\n },\n };\n\n const option = {\n tooltip: {\n // formatter: function (prams) {\n // console.log('prams====>', prams);\n // let days = `Days: ${prams.value[0]}<br/>`;\n // let strike = `Strike: ${numberFormat(\n // prams.value[1] / 1000.0,\n // 1\n // )}k<br />`;\n // let iv = `IV：${numberFormat(prams.value[2], 2)}%`;\n // return days + strike + iv;\n // },\n },\n visualMap: {\n show: false,\n dimension: 2,\n min: 50,\n max: 150,\n inRange: {\n color: [\n '#313695',\n '#4575b4',\n '#74add1',\n '#abd9e9',\n '#e0f3f8',\n '#ffffbf',\n '#fee090',\n '#fdae61',\n '#f46d43',\n '#d73027',\n '#a50026',\n ],\n },\n },\n xAxis3D: {\n name: 'Days',\n type: 'value',\n scale: true,\n ...commonStyle,\n },\n yAxis3D: {\n name: 'Strike Price',\n type: 'value',\n scale: true,\n ...commonStyle,\n },\n zAxis3D: {\n name: 'IV',\n type: 'value',\n scale: true,\n ...commonStyle,\n },\n grid3D: {\n viewControl: {\n // projection: 'orthographic'\n },\n },\n series: [\n {\n type: 'surface',\n parametric: true,\n wireframe: {\n // show: false\n },\n parametricEquation: {\n u: {\n min: 0,\n max: data.length - 1,\n step: 1,\n },\n v: {\n min: -10,\n max: 10,\n step: 1,\n },\n x: (u: number) => {\n let item = data[u];\n return item.day;\n },\n y: (u: number, v: number) => {\n let item = data[u];\n let list = item.list;\n let index = item.atm_index + v;\n if (index < 0) {\n index = 0;\n } else if (index >= list.length) {\n index = list.length - 1;\n }\n return list[index].strike;\n },\n z: (u: number, v: number) => {\n let item = data[u];\n let list = item.list;\n let index = item.atm_index + v;\n if (index < 0) {\n index = 0;\n } else if (index >= list.length) {\n index = list.length - 1;\n }\n\n return list[index].iv;\n },\n },\n },\n ],\n };\n return option;\n};\n\nconst setOption = () => {\n return getEchartOption(getEchartData());\n};\n</script>\n"],"names":["useNamespace","useLocale","reactive","computed","watch","getAtmData","onMounted","getCurrentDateTimezone","timestampFormat"],"mappings":"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"}
1	+ {"version":3,"file":"panel-implied-volatility-surface2.js","sources":["../../../../../../../packages/components/panel-implied-volatility-surface/src/panel-implied-volatility-surface.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelImpliedVolatilitySurface from './panel-implied-volatility-surface.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelImpliedVolatilitySurfaceEmits = {\n 'update:currency': (currency: string) => true,\n 'update:exchange': (exchange: string) => true,\n}\nexport type PanelImpliedVolatilitySurfaceEmits = typeof panelImpliedVolatilitySurfaceEmits\nexport const panelImpliedVolatilitySurfaceProps = buildProps({\n defaultCurrency: {\n type: String,\n required: false,\n },\n defaultExchange: {\n type: String,\n required: false,\n },\n currency: {\n type: String,\n required: false,\n },\n exchange: {\n type: String,\n required: false,\n },\n})\nexport type PanelImpliedVolatilitySurfaceProps = ExtractPropTypes<typeof panelImpliedVolatilitySurfaceProps>\nexport type PanelImpliedVolatilitySurfaceInstance = InstanceType<typeof PanelImpliedVolatilitySurface>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,kCAAqC,GAAA;AAAA,EAChD,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,qCAAqCA,kBAAW,CAAA;AAAA,EAC3D,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AACF,CAAC;;;;;"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"panel-iv-skew2.js","sources":["../../../../../../../packages/components/panel-iv-skew/src/panel-iv-skew.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b()]\">\n <g-chart-panel\n v-model:currency=\"currency\"\n v-model:exchange=\"exchange\"\n :loading=\"state.loadingFlag\"\n @refresh=\"fetchData\"\n >\n <template #title>\n <g-tooltip placement=\"bottom\">\n {{ t('message.ivSkew') }}\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.iVSkewTips')\"></div>\n </template>\n </g-tooltip>\n </template>\n\n <template #tool>\n <g-toggle-button\n v-model=\"state.dataType\"\n :options=\"dataTypeList\"\n ></g-toggle-button>\n </template>\n <template #body>\n <div class=\"echart\" ref=\"echart\">\n <g-chart class=\"skew-chart\" :option=\"setOption()\"></g-chart>\n </div>\n </template>\n </g-chart-panel>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport {\n useNamespace,\n useLocale,\n useDeviceType,\n useTheme,\n} from '@greeks-live-ui/hooks';\n\nimport { reactive, onMounted, computed, watch } from 'vue';\n\nimport { numberFormat } from '@greeks-live-ui/utils/chartHelp';\nimport { getIvSkew, IIvSkewRes } from '@greeks-live-ui/utils/dataLab';\nimport { panelIvSkewEmits, panelIvSkewProps } from './panel-iv-skew';\n\ndefineOptions({\n name: 'GPanelIvSkew',\n});\nconst props = defineProps(panelIvSkewProps);\nconst emit = defineEmits(panelIvSkewEmits);\nconst ns = useNamespace('panel-iv-skew');\nconst { t } = useLocale();\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nconst state = reactive({\n loadingFlag: false,\n\n exchange: props.exchange \|\| props.defaultExchange \|\| 'Deribit',\n currency: props.currency \|\| props.defaultCurrency \|\| 'BTC',\n\n dataType: 'month1',\n\n chartData: {} as IIvSkewRes,\n});\n\nconst dataTypeList = computed(() => {\n return [\n {\n label: state.chartData?.month1?.underlying_index,\n value: 'month1',\n },\n {\n label: state.chartData?.month3?.underlying_index,\n value: 'month3',\n },\n ];\n});\n\nconst currency = computed({\n get: () => props.currency \|\| state.currency \|\| 'BTC',\n set: (newVal) => {\n props.currency\n ? emit('update:currency', newVal)\n : (state.currency = newVal);\n },\n});\n\nconst exchange = computed({\n get: () => props.exchange \|\| state.exchange \|\| 'Deribit',\n set: (newVal) => {\n props.exchange\n ? emit('update:exchange', newVal)\n : (state.exchange = newVal);\n },\n});\n\nwatch(currency, () => {\n fetchData();\n});\n\nwatch(exchange, () => {\n fetchData();\n});\nconst fetchData = () => {\n state.loadingFlag = true;\n getIvSkew({ currency: currency.value })\n .then((res) => {\n if (res && res.code === 200) {\n state.chartData = res.data as unknown as IIvSkewRes;\n }\n })\n .finally(() => {\n state.loadingFlag = false;\n });\n};\n\nonMounted(() => {\n fetchData();\n});\n\nconst getEchartData = () => {\n const data =\n state.dataType === 'month1'\n ? state.chartData?.month1?.iv_list\n : state.chartData?.month3?.iv_list;\n if (!data) return;\n\n let iv: number[] = [];\n let strike: number[] = [];\n let delta: number[] = [];\n\n let list = JSON.parse(\n JSON.stringify(data)\n ) as IIvSkewRes['month1']['iv_list'];\n list?.sort((prev, next) => prev.strike - next.strike);\n if (list.length <= 0) return;\n list?.forEach((item) => {\n if (item.iv >= 10) {\n iv.push(numberFormat(item.iv, 2));\n strike.push(item.strike);\n delta.push(item.delta);\n }\n });\n\n return {\n strike,\n delta,\n iv,\n };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n if (!params) return {};\n const { strike, delta, iv } = params;\n\n const option = {\n color: ['#7630F7', '#23C343'],\n\n tooltip: {\n // trigger: isMobile.value ? 'none' : 'axis',\n trigger: 'axis',\n axisPointer: {\n // type: 'cross',\n label: {\n show: isMobile.value ? true : false, // 标签显示\n backgroundColor: '#DEE2E6',\n color: '#343A40',\n padding: [4, 6, 4, 6],\n margin: 9,\n\n formatter: 'Strike: {value}',\n },\n crossStyle: {\n // 十字准星X轴指示器样式\n color: '#8B959F',\n },\n lineStyle: {\n // 十字准星Y轴指示器样式\n color: '#8B959F',\n },\n },\n\n backgroundColor: isDark.value ? '#E9ECEF' : '#292F3D', // 浅色/Grey/14\n padding: isMobile.value ? 0 : [6, 8, 5, 6],\n textStyle: {\n color: isDark.value ? '#000000' : '#FFFFFF', // 浅色/Grey/White\n fontSize: 12,\n lineHeight: 16,\n fontWeight: 400,\n },\n\n formatter: (\n params: Array<{\n axisValueLabel: string;\n axisValue: string;\n seriesName: string;\n color: string;\n value: number;\n }>\n ) => {\n let content = '';\n content += `<div class=\"chart-tooltip-box\"><div class=\"chart-tooltip\" style=\"margin-bottom:4px;\">\n <span>Strike:</span>\n <span>${params[0].axisValue}</span>\n </div> `;\n\n params.forEach(\n (param: {\n axisValueLabel: string;\n axisValue: string;\n seriesName: string;\n color: string;\n value: number;\n }) => {\n content += `\n <div class=\"chart-tooltip\">\n <div>\n <span class=\"chart-tooltip-line\" style=\"background-color:${\n param.color\n };\"></span>\n <span>${param.seriesName}</span>\n </div>\n <span>${param.value.toFixed(2)}</span>\n </div>\n `;\n }\n );\n return content + '</div>';\n },\n },\n axisPointer: {\n type: 'line', // 显示指示线\n label: {\n show: true, // 显示指示线上的标签\n backgroundColor: '#DEE2E6', // 标签背景颜色\n color: '#343A40',\n fontSize: 10,\n padding: [4, 6, 4, 8],\n // }\n },\n // lineStyle: {\n // type: 'dashed', // 虚线\n // color: 'red' // 线的颜色\n // }\n },\n legend: {\n // ...returnLegendStyle('line'),\n // show: !isMobile.value,\n\n // // left: 0,\n icon: 'rect', // 使用矩形作为图标，使其看起来像短横线\n itemWidth: 14, // 控制短横线的长度\n itemHeight: 2, // 控制短横线的粗细 (高度)\n itemGap: 16, // 控制图例项之间的间距 (可选)\n textStyle: {\n // 控制图例文本样式 (可选)\n color: '#596169', // 文本颜色\n fontSize: 12, // 文本字体大小\n },\n lineStyle: {\n inactiveColor: isDark.value ? '#2B2F32' : '#DEE2E6', // 浅色/Grey/3 图例关闭时的线条描边颜色\n },\n inactiveColor: isDark.value ? '#495057' : '#BDC4CB', // 浅色/Grey/5 图例关闭时的颜色\n\n data: [\n {\n name: 'IV',\n },\n {\n name: 'Delta',\n icon: 'path://M234.666667 490.666667h-153.6a25.6 25.6 0 1 0 0 51.2h153.6a25.6 25.6 0 1 0 0-51.2zM473.6 490.666667h-153.6a25.6 25.6 0 1 0 0 51.2h153.6a25.6 25.6 0 1 0 0-51.2zM934.4 490.666667h-136.533333a25.6 25.6 0 1 0 0 51.2h136.533333a25.6 25.6 0 1 0 0-51.2zM712.533333 490.666667h-153.6a25.6 25.6 0 1 0 0 51.2h153.6a25.6 25.6 0 1 0 0-51.2z', // 虚线图例\n },\n ],\n\n // top: '3%',\n },\n xAxis: [\n {\n type: 'category',\n data: strike.map((item: number) => {\n if ('BTC' === currency.value) {\n return `${numberFormat(item / 1000.0, 1)}k`;\n }\n return `${numberFormat(item / 1000.0, 2)}k`;\n }),\n boundaryGap: false,\n axisTick: {\n show: false, // 隐藏刻度线\n },\n axisLabel: {\n // 坐标轴刻度标签\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n },\n axisLine: {\n show: false, // 隐藏坐标轴轴线\n lineStyle: {\n color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色浅色/Grey/12\n },\n },\n splitLine: {\n show: !isMobile.value && !isDark.value, // 显示 X 轴网格线\n lineStyle: {\n color: '#F1F1F1', // 网格线颜色\n width: 1, // 网格线宽度\n type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n },\n },\n },\n ],\n yAxis: [\n {\n type: 'value',\n scale: true,\n position: 'left',\n axisLabel: {\n // 坐标轴刻度标签\n show: true,\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n },\n name: 'IV(%)',\n nameLocation: 'end',\n nameGap: -20,\n nameRotate: 90,\n nameTextStyle: {\n color: isDark.value ? '#8B959F' : '#8B959F', // 浅色/Grey/8\n fontWeight: 400,\n fontSize: 10,\n },\n axisLine: {\n lineStyle: {\n color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色浅色/Grey/12\n },\n },\n splitLine: {\n lineStyle: {\n color: isDark.value ? '#2B2F32' : '#F1F1F1', // 网格线颜色浅色/Grey/3 '#F1F1F1'\n width: 1, // 网格线宽度\n type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n },\n },\n },\n {\n type: 'value',\n scale: true,\n position: 'right',\n interval: 0.2,\n max: 1,\n min: 0,\n axisLabel: {\n // 坐标轴刻度标签\n show: true,\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n },\n name: 'Delta',\n nameLocation: 'end',\n nameGap: -20,\n nameRotate: 90,\n nameTextStyle: {\n color: isDark.value ? '#8B959F' : '#8B959F', // 浅色/Grey/8\n fontWeight: 400,\n fontSize: 10,\n },\n axisLine: {\n lineStyle: {\n color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色浅色/Grey/12\n },\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: isDark.value ? '#2B2F32' : '#F1F1F1', // 网格线颜色浅色/Grey/3 '#F1F1F1'\n width: 1, // 网格线宽度\n type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n },\n },\n },\n ],\n grid: {\n top: isPC.value ? 60 : 20,\n left: 'left',\n right: 27,\n bottom: 0,\n containLabel: true,\n },\n series: [\n {\n name: 'IV',\n data: iv,\n type: 'line',\n smooth: true,\n showSymbol: true,\n },\n {\n name: 'Delta',\n data: delta,\n yAxisIndex: 1,\n type: 'line',\n smooth: true,\n showSymbol: true,\n itemStyle: {\n normal: {\n lineStyle: {\n type: 'dashed', //'dotted'虚线 'solid'实线\n },\n },\n },\n },\n ],\n };\n return option;\n};\n\nconst setOption = () => {\n return getEchartOption(getEchartData());\n};\n</script>\n"],"names":["useNamespace","useLocale","useDeviceType","useTheme","reactive","computed","watch","getIvSkew","onMounted","numberFormat","params"],"mappings":"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"}
1	+ {"version":3,"file":"panel-iv-skew2.js","sources":["../../../../../../../packages/components/panel-iv-skew/src/panel-iv-skew.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b()]\">\n <g-chart-panel\n v-model:currency=\"currency\"\n v-model:exchange=\"exchange\"\n :loading=\"state.loadingFlag\"\n @refresh=\"fetchData\"\n >\n <template #title>\n <g-tooltip placement=\"bottom\">\n {{ t('message.ivSkew') }}\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.iVSkewTips')\"></div>\n </template>\n </g-tooltip>\n </template>\n\n <template #tool>\n <g-toggle-button\n v-model=\"state.dataType\"\n :options=\"dataTypeList\"\n ></g-toggle-button>\n </template>\n <template #body>\n <div class=\"echart\" ref=\"echart\">\n <g-chart class=\"skew-chart\" :option=\"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';\n\nimport { reactive, onMounted, computed, watch } from 'vue';\n\nimport { numberFormat } from '@greeks-live-ui/utils/chartHelp';\nimport { getIvSkew, IIvSkewRes } from '@greeks-live-ui/utils/dataLab';\nimport { panelIvSkewEmits, panelIvSkewProps } from './panel-iv-skew';\n\ndefineOptions({\n name: 'GPanelIvSkew',\n});\nconst props = defineProps(panelIvSkewProps);\nconst emit = defineEmits(panelIvSkewEmits);\nconst ns = useNamespace('panel-iv-skew');\nconst { t } = useLocale();\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nconst state = reactive({\n loadingFlag: false,\n\n exchange: props.exchange \|\| props.defaultExchange \|\| 'Deribit',\n currency: props.currency \|\| props.defaultCurrency \|\| 'BTC',\n\n dataType: 'month1',\n\n chartData: {} as IIvSkewRes,\n});\n\nconst dataTypeList = computed(() => {\n return [\n {\n label: state.chartData?.month1?.underlying_index,\n value: 'month1',\n },\n {\n label: state.chartData?.month3?.underlying_index,\n value: 'month3',\n },\n ];\n});\n\nconst currency = computed({\n get: () => props.currency \|\| state.currency \|\| 'BTC',\n set: (newVal) => {\n props.currency\n ? emit('update:currency', newVal)\n : (state.currency = newVal);\n },\n});\n\nconst exchange = computed({\n get: () => props.exchange \|\| state.exchange \|\| 'Deribit',\n set: (newVal) => {\n props.exchange\n ? emit('update:exchange', newVal)\n : (state.exchange = newVal);\n },\n});\n\nwatch(currency, () => {\n fetchData();\n});\n\nwatch(exchange, () => {\n fetchData();\n});\nconst fetchData = () => {\n state.loadingFlag = true;\n getIvSkew({ currency: currency.value })\n .then((res) => {\n if (res && res.code === 200) {\n state.chartData = res.data as unknown as IIvSkewRes;\n }\n })\n .finally(() => {\n state.loadingFlag = false;\n });\n};\n\nonMounted(() => {\n fetchData();\n});\n\nconst getEchartData = () => {\n const data =\n state.dataType === 'month1'\n ? state.chartData?.month1?.iv_list\n : state.chartData?.month3?.iv_list;\n if (!data) return;\n\n let iv: number[] = [];\n let strike: number[] = [];\n let delta: number[] = [];\n\n let list = JSON.parse(\n JSON.stringify(data)\n ) as IIvSkewRes['month1']['iv_list'];\n list?.sort((prev, next) => prev.strike - next.strike);\n if (list.length <= 0) return;\n list?.forEach((item) => {\n if (item.iv >= 10) {\n iv.push(numberFormat(item.iv, 2));\n strike.push(item.strike);\n delta.push(item.delta);\n }\n });\n\n return {\n strike,\n delta,\n iv,\n };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n if (!params) return {};\n const { strike, delta, iv } = params;\n\n const option = {\n color: ['#7630F7', '#23C343'],\n\n tooltip: {\n // trigger: isMobile.value ? 'none' : 'axis',\n trigger: 'axis',\n axisPointer: {\n // type: 'cross',\n label: {\n show: isMobile.value ? true : false, // 标签显示\n backgroundColor: '#DEE2E6',\n color: '#343A40',\n padding: [4, 6, 4, 6],\n margin: 9,\n\n formatter: 'Strike: {value}',\n },\n crossStyle: {\n // 十字准星X轴指示器样式\n color: '#8B959F',\n },\n lineStyle: {\n // 十字准星Y轴指示器样式\n color: '#8B959F',\n },\n },\n\n backgroundColor: isDark.value ? '#E9ECEF' : '#292F3D', // 浅色/Grey/14\n padding: isMobile.value ? 0 : [6, 8, 5, 6],\n textStyle: {\n color: isDark.value ? '#000000' : '#FFFFFF', // 浅色/Grey/White\n fontSize: 12,\n lineHeight: 16,\n fontWeight: 400,\n },\n\n formatter: (\n params: Array<{\n axisValueLabel: string;\n axisValue: string;\n seriesName: string;\n color: string;\n value: number;\n }>\n ) => {\n let content = '';\n content += `<div class=\"chart-tooltip-box\"><div class=\"chart-tooltip\" style=\"margin-bottom:4px;\">\n <span>Strike:</span>\n <span>${params[0].axisValue}</span>\n </div> `;\n\n params.forEach(\n (param: {\n axisValueLabel: string;\n axisValue: string;\n seriesName: string;\n color: string;\n value: number;\n }) => {\n content += `\n <div class=\"chart-tooltip\">\n <div>\n <span class=\"chart-tooltip-line\" style=\"background-color:${\n param.color\n };\"></span>\n <span>${param.seriesName}</span>\n </div>\n <span>${param.value.toFixed(2)}</span>\n </div>\n `;\n }\n );\n return content + '</div>';\n },\n },\n axisPointer: {\n type: 'line', // 显示指示线\n label: {\n show: true, // 显示指示线上的标签\n backgroundColor: '#DEE2E6', // 标签背景颜色\n color: '#343A40',\n fontSize: 10,\n padding: [4, 6, 4, 8],\n // }\n },\n // lineStyle: {\n // type: 'dashed', // 虚线\n // color: 'red' // 线的颜色\n // }\n },\n legend: {\n // ...returnLegendStyle('line'),\n // show: !isMobile.value,\n\n // // left: 0,\n icon: 'rect', // 使用矩形作为图标，使其看起来像短横线\n itemWidth: 14, // 控制短横线的长度\n itemHeight: 2, // 控制短横线的粗细 (高度)\n itemGap: 16, // 控制图例项之间的间距 (可选)\n textStyle: {\n // 控制图例文本样式 (可选)\n color: '#596169', // 文本颜色\n fontSize: 12, // 文本字体大小\n },\n lineStyle: {\n inactiveColor: isDark.value ? '#2B2F32' : '#DEE2E6', // 浅色/Grey/3 图例关闭时的线条描边颜色\n },\n inactiveColor: isDark.value ? '#495057' : '#BDC4CB', // 浅色/Grey/5 图例关闭时的颜色\n\n data: [\n {\n name: 'IV',\n },\n {\n name: 'Delta',\n icon: 'path://M234.666667 490.666667h-153.6a25.6 25.6 0 1 0 0 51.2h153.6a25.6 25.6 0 1 0 0-51.2zM473.6 490.666667h-153.6a25.6 25.6 0 1 0 0 51.2h153.6a25.6 25.6 0 1 0 0-51.2zM934.4 490.666667h-136.533333a25.6 25.6 0 1 0 0 51.2h136.533333a25.6 25.6 0 1 0 0-51.2zM712.533333 490.666667h-153.6a25.6 25.6 0 1 0 0 51.2h153.6a25.6 25.6 0 1 0 0-51.2z', // 虚线图例\n },\n ],\n\n // top: '3%',\n },\n xAxis: [\n {\n type: 'category',\n data: strike.map((item: number) => {\n if ('BTC' === currency.value) {\n return `${numberFormat(item / 1000.0, 1)}k`;\n }\n return `${numberFormat(item / 1000.0, 2)}k`;\n }),\n boundaryGap: false,\n axisTick: {\n show: false, // 隐藏刻度线\n },\n axisLabel: {\n // 坐标轴刻度标签\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n },\n axisLine: {\n show: false, // 隐藏坐标轴轴线\n lineStyle: {\n color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色浅色/Grey/12\n },\n },\n splitLine: {\n show: !isMobile.value && !isDark.value, // 显示 X 轴网格线\n lineStyle: {\n color: '#F1F1F1', // 网格线颜色\n width: 1, // 网格线宽度\n type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n },\n },\n },\n ],\n yAxis: [\n {\n type: 'value',\n scale: true,\n position: 'left',\n axisLabel: {\n // 坐标轴刻度标签\n show: true,\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n },\n name: 'IV(%)',\n nameLocation: 'end',\n nameGap: -20,\n nameRotate: 90,\n nameTextStyle: {\n color: isDark.value ? '#8B959F' : '#8B959F', // 浅色/Grey/8\n fontWeight: 400,\n fontSize: 10,\n },\n axisLine: {\n lineStyle: {\n color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色浅色/Grey/12\n },\n },\n splitLine: {\n lineStyle: {\n color: isDark.value ? '#2B2F32' : '#F1F1F1', // 网格线颜色浅色/Grey/3 '#F1F1F1'\n width: 1, // 网格线宽度\n type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n },\n },\n },\n {\n type: 'value',\n scale: true,\n position: 'right',\n interval: 0.2,\n max: 1,\n min: 0,\n axisLabel: {\n // 坐标轴刻度标签\n show: true,\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n },\n name: 'Delta',\n nameLocation: 'end',\n nameGap: -20,\n nameRotate: 90,\n nameTextStyle: {\n color: isDark.value ? '#8B959F' : '#8B959F', // 浅色/Grey/8\n fontWeight: 400,\n fontSize: 10,\n },\n axisLine: {\n lineStyle: {\n color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色浅色/Grey/12\n },\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: isDark.value ? '#2B2F32' : '#F1F1F1', // 网格线颜色浅色/Grey/3 '#F1F1F1'\n width: 1, // 网格线宽度\n type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n },\n },\n },\n ],\n grid: {\n top: isPC.value ? 60 : 20,\n left: 'left',\n right: 27,\n bottom: 0,\n containLabel: true,\n },\n series: [\n {\n name: 'IV',\n data: iv,\n type: 'line',\n smooth: true,\n showSymbol: true,\n },\n {\n name: 'Delta',\n data: delta,\n yAxisIndex: 1,\n type: 'line',\n smooth: true,\n showSymbol: true,\n itemStyle: {\n normal: {\n lineStyle: {\n type: 'dashed', //'dotted'虚线 'solid'实线\n },\n },\n },\n },\n ],\n };\n return option;\n};\n\nconst chartOption = computed(() => {\n return getEchartOption(getEchartData());\n});\n</script>\n"],"names":["useNamespace","useLocale","useDeviceType","useTheme","reactive","computed","watch","getIvSkew","onMounted","numberFormat","params"],"mappings":"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"}

package/lib/packages/components/panel-max-pain-price/src/panel-max-pain-price.js CHANGED Viewed

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

package/lib/packages/components/panel-max-pain-price/src/panel-max-pain-price.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"panel-max-pain-price.js","sources":["../../../../../../../packages/components/panel-max-pain-price/src/panel-max-pain-price.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b()]\">\n <g-chart-panel\n v-model:currency=\"currency\"\n v-model:exchange=\"exchange\"\n :loading=\"state.loadingFlag\"\n @refresh=\"fetchData\"\n >\n <template #title>\n <g-tooltip placement=\"bottom\">\n {{ t('message.maxPainPrice') }}\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.maxPainPriceTips')\"></div>\n </template>\n </g-tooltip>\n </template>\n <template #tool>\n <!-- <span class=\"filter-box h5-hide\">\n <g-icon type=\"chart_filter\" :size=\"15\" />\n </span> -->\n <span class=\"period-range h5-hide\">{{ state.periodDateRange }}</span>\n\n <!-- <g-page-turner\n :prevDisabled=\"state.loadingFlag\"\n :nextDisabled=\"state.loadingFlag \|\| state.pageCount <= 0\"\n @change=\"handlePageChange\"\n ></g-page-turner> -->\n </template>\n <template #body>\n <div class=\"echart\" ref=\"echart\">\n <g-chart class=\"skew-chart\" :option=\"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, watch, computed } from 'vue';\n\nimport {\n timestampFormat,\n getCurrentDateTimezone,\n} from '@greeks-live-ui/utils/chartHelp';\nimport { getStrikePain, IStrikePainItem } from '@greeks-live-ui/utils/dataLab';\nimport {\n panelMaxPainPriceEmits,\n panelMaxPainPriceProps,\n} from './panel-max-pain-price';\n\ndefineOptions({\n name: 'GPanelMaxPainPrice',\n});\nconst props = defineProps(panelMaxPainPriceProps);\nconst emit = defineEmits(panelMaxPainPriceEmits);\n\nconst ns = useNamespace('max-pain-price');\nconst { t } = useLocale();\nconst { isMobile } = useDeviceType();\nconst { isDark } = useTheme();\n\nconst state = reactive({\n loadingFlag: false,\n\n exchange: props.exchange \|\| props.defaultExchange \|\| 'Deribit',\n currency: props.currency \|\| props.defaultCurrency \|\| 'BTC',\n\n pageCount: 0,\n periodDateRange: '',\n\n chartData: [] as IStrikePainItem[],\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 // TO1DO: page_num字段接口未支持，图表上翻页暂时删除 - , page_num: state.pageCount\n getStrikePain({ currency: currency.value })\n .then((res) => {\n if (res && res.code === 200) {\n state.chartData = res.data \|\| [];\n }\n })\n .finally(() => {\n state.loadingFlag = false;\n });\n};\n\nonMounted(() => {\n fetchData();\n getDateTimeRange();\n});\n\nconst getDateTimeRange = () => {\n const curTimestamp = new Date().getTime();\n const day = 24 * 3600000;\n const startTimestamp = curTimestamp - day * (state.pageCount + 1);\n const endTimestamp = curTimestamp - day * state.pageCount;\n state.periodDateRange = `${getCurrentDateTimezone()} ${timestampFormat(\n startTimestamp,\n '{y}/{m}/{d} {h}:00'\n )} - ${timestampFormat(endTimestamp, '{y}/{m}/{d} {h}:00')}`;\n};\n\n// const handlePageChange = (direction: 'prev' \| 'next') => {\n// if (direction === 'prev') {\n// state.pageCount++;\n// } else {\n// if (state.pageCount <= 0) {\n// return;\n// }\n// state.pageCount--;\n// }\n// fetchData();\n// getDateTimeRange();\n// };\n\nconst getEchartData = () => {\n const data = [...state.chartData];\n\n let x: string[] = [];\n let y: number[] = [];\n\n data.forEach((item) => {\n x.push(timestampFormat(item.expiration_timestamp, '{y}-{m}-{d}') \|\| '');\n y.push(item.strike);\n });\n\n return {\n x,\n y,\n };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n const { x, y } = params;\n\n const option = {\n color: ['#FFD600'],\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 axisPointer: {\n type: 'line', // 显示指示线\n label: {\n show: true, // 显示指示线上的标签\n backgroundColor: '#DEE2E6', // 标签背景颜色\n color: '#343A40',\n fontSize: 10,\n padding: [4, 6, 4, 8],\n },\n // lineStyle: {\n // type: 'dashed', // 虚线\n // color: 'red' // 线的颜色\n // }\n },\n legend: {\n // ...returnLegendStyle('line'),\n show: !isMobile.value,\n\n left: 0,\n icon: 'rect', // 使用矩形作为图标，使其看起来像短横线\n itemWidth: 14, // 控制短横线的长度\n itemHeight: 2, // 控制短横线的粗细 (高度)\n itemGap: 20, // 控制图例项之间的间距 (可选)\n textStyle: {\n // 控制图例文本样式 (可选)\n color: '#596169', // 文本颜色\n fontSize: 12, // 文本字体大小\n },\n lineStyle: {\n inactiveColor: isDark.value ? '#2B2F32' : '#DEE2E6', // 浅色/Grey/3 图例关闭时的线条描边颜色\n },\n inactiveColor: isDark.value ? '#495057' : '#BDC4CB', // 浅色/Grey/5 图例关闭时的颜色\n\n // top: '3%',\n },\n xAxis: {\n type: 'category',\n data: x,\n axisTick: {\n show: false, // 隐藏刻度线\n },\n axisLabel: {\n // 坐标轴刻度标签\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n },\n axisLine: {\n show: false, // 隐藏坐标轴轴线\n lineStyle: {\n color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色浅色/Grey/12\n },\n },\n splitLine: {\n show: !isMobile.value && !isDark.value, // 显示 X 轴网格线\n lineStyle: {\n color: '#F1F1F1', // 网格线颜色\n width: 1, // 网格线宽度\n type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n },\n },\n },\n yAxis: {\n type: 'value',\n scale: true,\n axisLabel: {\n // 坐标轴刻度标签\n show: true,\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n },\n top: 0,\n bottom: 0,\n axisLine: {\n lineStyle: {\n color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色浅色/Grey/12\n },\n },\n splitLine: {\n lineStyle: {\n color: isDark.value ? '#2B2F32' : '#F1F1F1', // 网格线颜色浅色/Grey/3 '#F1F1F1'\n width: 1, // 网格线宽度\n type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n },\n },\n },\n grid: {\n top: 20,\n bottom: 0,\n left: 'left',\n right: 27,\n containLabel: true,\n },\n series: [\n {\n type: 'line',\n data: y,\n color: '#FFD600',\n },\n ],\n };\n if (isMobile.value) {\n // 移动端显示圆点，防止showTip不触发\n option.series = option.series.map((v) => ({ ...v, symbol: 'circle' }));\n }\n return option;\n};\n\nconst setOption = () => {\n return getEchartOption(getEchartData());\n};\n</script>\n"],"names":["useNamespace","useLocale","useDeviceType","useTheme","reactive","computed","watch","getStrikePain","onMounted","getCurrentDateTimezone","timestampFormat"],"mappings":"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"}
1	+ {"version":3,"file":"panel-max-pain-price.js","sources":["../../../../../../../packages/components/panel-max-pain-price/src/panel-max-pain-price.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b()]\">\n <g-chart-panel\n v-model:currency=\"currency\"\n v-model:exchange=\"exchange\"\n :loading=\"state.loadingFlag\"\n @refresh=\"fetchData\"\n >\n <template #title>\n <g-tooltip placement=\"bottom\">\n {{ t('message.maxPainPrice') }}\n <g-icon type=\"info_question_circle\" />\n <template #title>\n <div v-html=\"t('message.maxPainPriceTips')\"></div>\n </template>\n </g-tooltip>\n </template>\n <template #tool>\n <!-- <span class=\"filter-box h5-hide\">\n <g-icon type=\"chart_filter\" :size=\"15\" />\n </span> -->\n <span class=\"period-range h5-hide\">{{ state.periodDateRange }}</span>\n\n <!-- <g-page-turner\n :prevDisabled=\"state.loadingFlag\"\n :nextDisabled=\"state.loadingFlag \|\| state.pageCount <= 0\"\n @change=\"handlePageChange\"\n ></g-page-turner> -->\n </template>\n <template #body>\n <div class=\"echart\" ref=\"echart\">\n <g-chart class=\"skew-chart\" :option=\"chartOption\"></g-chart>\n </div>\n </template>\n </g-chart-panel>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport {\n useNamespace,\n useLocale,\n useDeviceType,\n useTheme,\n} from '@greeks-live-ui/hooks';\nimport { reactive, onMounted, watch, computed } from 'vue';\n\nimport {\n timestampFormat,\n getCurrentDateTimezone,\n} from '@greeks-live-ui/utils/chartHelp';\nimport { getStrikePain, IStrikePainItem } from '@greeks-live-ui/utils/dataLab';\nimport {\n panelMaxPainPriceEmits,\n panelMaxPainPriceProps,\n} from './panel-max-pain-price';\n\ndefineOptions({\n name: 'GPanelMaxPainPrice',\n});\nconst props = defineProps(panelMaxPainPriceProps);\nconst emit = defineEmits(panelMaxPainPriceEmits);\n\nconst ns = useNamespace('max-pain-price');\nconst { t } = useLocale();\nconst { isMobile } = useDeviceType();\nconst { isDark } = useTheme();\n\nconst state = reactive({\n loadingFlag: false,\n\n exchange: props.exchange \|\| props.defaultExchange \|\| 'Deribit',\n currency: props.currency \|\| props.defaultCurrency \|\| 'BTC',\n\n pageCount: 0,\n periodDateRange: '',\n\n chartData: [] as IStrikePainItem[],\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 // TO1DO: page_num字段接口未支持，图表上翻页暂时删除 - , page_num: state.pageCount\n getStrikePain({ currency: currency.value })\n .then((res) => {\n if (res && res.code === 200) {\n state.chartData = res.data \|\| [];\n }\n })\n .finally(() => {\n state.loadingFlag = false;\n });\n};\n\nonMounted(() => {\n fetchData();\n getDateTimeRange();\n});\n\nconst getDateTimeRange = () => {\n const curTimestamp = new Date().getTime();\n const day = 24 * 3600000;\n const startTimestamp = curTimestamp - day * (state.pageCount + 1);\n const endTimestamp = curTimestamp - day * state.pageCount;\n state.periodDateRange = `${getCurrentDateTimezone()} ${timestampFormat(\n startTimestamp,\n '{y}/{m}/{d} {h}:00'\n )} - ${timestampFormat(endTimestamp, '{y}/{m}/{d} {h}:00')}`;\n};\n\n// const handlePageChange = (direction: 'prev' \| 'next') => {\n// if (direction === 'prev') {\n// state.pageCount++;\n// } else {\n// if (state.pageCount <= 0) {\n// return;\n// }\n// state.pageCount--;\n// }\n// fetchData();\n// getDateTimeRange();\n// };\n\nconst getEchartData = () => {\n const data = [...state.chartData];\n\n let x: string[] = [];\n let y: number[] = [];\n\n data.forEach((item) => {\n x.push(timestampFormat(item.expiration_timestamp, '{y}-{m}-{d}') \|\| '');\n y.push(item.strike);\n });\n\n return {\n x,\n y,\n };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n const { x, y } = params;\n\n const option = {\n color: ['#FFD600'],\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 axisPointer: {\n type: 'line', // 显示指示线\n label: {\n show: true, // 显示指示线上的标签\n backgroundColor: '#DEE2E6', // 标签背景颜色\n color: '#343A40',\n fontSize: 10,\n padding: [4, 6, 4, 8],\n },\n // lineStyle: {\n // type: 'dashed', // 虚线\n // color: 'red' // 线的颜色\n // }\n },\n legend: {\n // ...returnLegendStyle('line'),\n show: !isMobile.value,\n\n left: 0,\n icon: 'rect', // 使用矩形作为图标，使其看起来像短横线\n itemWidth: 14, // 控制短横线的长度\n itemHeight: 2, // 控制短横线的粗细 (高度)\n itemGap: 20, // 控制图例项之间的间距 (可选)\n textStyle: {\n // 控制图例文本样式 (可选)\n color: '#596169', // 文本颜色\n fontSize: 12, // 文本字体大小\n },\n lineStyle: {\n inactiveColor: isDark.value ? '#2B2F32' : '#DEE2E6', // 浅色/Grey/3 图例关闭时的线条描边颜色\n },\n inactiveColor: isDark.value ? '#495057' : '#BDC4CB', // 浅色/Grey/5 图例关闭时的颜色\n\n // top: '3%',\n },\n xAxis: {\n type: 'category',\n data: x,\n axisTick: {\n show: false, // 隐藏刻度线\n },\n axisLabel: {\n // 坐标轴刻度标签\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n },\n axisLine: {\n show: false, // 隐藏坐标轴轴线\n lineStyle: {\n color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色浅色/Grey/12\n },\n },\n splitLine: {\n show: !isMobile.value && !isDark.value, // 显示 X 轴网格线\n lineStyle: {\n color: '#F1F1F1', // 网格线颜色\n width: 1, // 网格线宽度\n type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n },\n },\n },\n yAxis: {\n type: 'value',\n scale: true,\n axisLabel: {\n // 坐标轴刻度标签\n show: true,\n color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n fontWeight: 400,\n fontSize: 10,\n },\n top: 0,\n bottom: 0,\n axisLine: {\n lineStyle: {\n color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色浅色/Grey/12\n },\n },\n splitLine: {\n lineStyle: {\n color: isDark.value ? '#2B2F32' : '#F1F1F1', // 网格线颜色浅色/Grey/3 '#F1F1F1'\n width: 1, // 网格线宽度\n type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n },\n },\n },\n grid: {\n top: 20,\n bottom: 0,\n left: 'left',\n right: 27,\n containLabel: true,\n },\n series: [\n {\n type: 'line',\n data: y,\n color: '#FFD600',\n },\n ],\n };\n if (isMobile.value) {\n // 移动端显示圆点，防止showTip不触发\n option.series = option.series.map((v) => ({ ...v, symbol: 'circle' }));\n }\n return option;\n};\n\nconst chartOption = computed(() => {\n return getEchartOption(getEchartData());\n});\n</script>\n"],"names":["useNamespace","useLocale","useDeviceType","useTheme","reactive","computed","watch","getStrikePain","onMounted","getCurrentDateTimezone","timestampFormat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,IAAA,MAAA,EAAA,GAAAA,kBAAA,CAAA,gBAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,CAAA,EAAA,GAAAC,iBAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,QAAA,EAAA,GAAAC,qBAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,MAAA,EAAA,GAAAC,gBAAA,EAAA,CAAA;AAEA,IAAA,MAAA,KAAA,GAAAC,YAAA,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,SAAA,EAAA,CAAA;AAEA,MAAA,eAAA,EAAA,EAAA;AACA,MAAA,SAAA,EAAA,EAAA;AAEA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,QAAA,GAAAC,YAAA,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,GAAAA,YAAA,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,IAAAC,SAAA,CAAA,QAAA,EAAA,MAAA;AACA,MAAA,SAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAAA,SAAA,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;AAEA,MAAAC,qBAAA,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,IAAA,EAAA,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,IAAAC,aAAA,CAAA,MAAA;AACA,MAAA,SAAA,EAAA,CAAA;AACA,MAAA,gBAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,gBAAA,GAAA,MAAA;AACA,MAAA,MAAA,YAAA,GAAA,iBAAA,IAAA,IAAA,EAAA,EAAA,OAAA,EAAA,CAAA;AACA,MAAA,MAAA,GAAA,GAAA,EAAA,GAAA,IAAA,CAAA;AACA,MAAA,MAAA,cAAA,GAAA,YAAA,GAAA,GAAA,IAAA,KAAA,CAAA,SAAA,GAAA,CAAA,CAAA,CAAA;AACA,MAAA,MAAA,YAAA,GAAA,YAAA,GAAA,GAAA,GAAA,KAAA,CAAA,SAAA,CAAA;AACA,MAAA,KAAA,CAAA,eAAA,GAAA,CAAA,EAAAC,gCAAA,EAAA,CAAA,CAAA,EAAAC,yBAAA;AAAA,QAAA,cAAA;AACA,QAAA,oBAAA;AACA,OAAA,CAAA,GAAA,EAAAA,yBAAA,CAAA,YAAA,EAAA,oBAAA,CAAA,CAAA,CAAA,CAAA;AACA,KAAA,CAAA;AAgBA,IAAA,MAAA,aAAA,GAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,CAAA,GAAA,KAAA,CAAA,SAAA,CAAA,CAAA;AAEA,MAAA,IAAA,CAAA,GAAA,EAAA,CAAA;AACA,MAAA,IAAA,CAAA,GAAA,EAAA,CAAA;AAEA,MAAA,IAAA,CAAA,OAAA,CAAA,CAAA,IAAA,KAAA;AACA,QAAA,CAAA,CAAA,IAAA,CAAAA,yBAAA,CAAA,IAAA,CAAA,oBAAA,EAAA,aAAA,CAAA,IAAA,EAAA,CAAA,CAAA;AACA,QAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAGA,MAAA,OAAA;AAAA,QAAA,CAAA;AACA,QAAA,CAAA;AACA,OAAA,CAAA;AACA,KAAA,CAAA;AAGA,IAAA,MAAA,eAAA,GAAA,CAAA,MAAA,KAAA;AACA,MAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,GAAA,MAAA,CAAA;AAEA,MAAA,MAAA,MAAA,GAAA;AAAA,QAAA,KAAA,EAAA,CAAA,SAAA,CAAA;AACA,QAAA,OAAA,EAAA;AAEA,UAAA,OAAA,EAAA,MAAA;AACA,UAAA,WAAA,EAAA;AACA,YAAA,IAAA,EAAA,OAAA;AACA,YAAA,KAAA,EAAA;AACA,cAAA,IAAA,EAAA,QAAA,CAAA,KAAA,GAAA,IAAA,GAAA,KAAA;AACA,cAAA,eAAA,EAAA,SAAA;AACA,cAAA,KAAA,EAAA,SAAA;AACA,cAAA,OAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;AACA,cAAA,MAAA,EAAA,CAAA;AACA,aAAA;AACA,YAAA,UAAA,EAAA;AACA,cAAA,KAAA,EAAA,SAAA;AAEA,aAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,SAAA;AAEA,aAAA;AACA,WAAA;AACA,UAAA,eAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AAEA,UAAA,OAAA,EAAA,QAAA,CAAA,KAAA,GAAA,CAAA,GAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;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,WAAA,EAAA;AACA,UAAA,IAAA,EAAA,MAAA;AACA,UAAA,KAAA,EAAA;AACA,YAAA,IAAA,EAAA,IAAA;AACA,YAAA,eAAA,EAAA,SAAA;AACA,YAAA,KAAA,EAAA,SAAA;AACA,YAAA,QAAA,EAAA,EAAA;AACA,YAAA,OAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;AACA,WAAA;AACA,SAAA;AAKA,QAAA,MAAA,EAAA;AACA,UAAA,IAAA,EAAA,CAAA,QAAA,CAAA,KAAA;AAEA,UAAA,IAAA,EAAA,CAAA;AAEA,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;AAGA,QAAA,KAAA,EAAA;AACA,UAAA,IAAA,EAAA,UAAA;AACA,UAAA,IAAA,EAAA,CAAA;AACA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA,KAAA;AACA,WAAA;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,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,OAAA;AACA,aAAA;AACA,WAAA;AACA,SAAA;AACA,QAAA,KAAA,EAAA;AACA,UAAA,IAAA,EAAA,OAAA;AACA,UAAA,KAAA,EAAA,IAAA;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,GAAA,EAAA,CAAA;AACA,UAAA,MAAA,EAAA,CAAA;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,MAAA,EAAA,CAAA;AACA,UAAA,IAAA,EAAA,MAAA;AACA,UAAA,KAAA,EAAA,EAAA;AACA,UAAA,YAAA,EAAA,IAAA;AACA,SAAA;AACA,QAAA,MAAA,EAAA;AACA,UAAA;AACA,YAAA,IAAA,EAAA,MAAA;AACA,YAAA,IAAA,EAAA,CAAA;AACA,YAAA,KAAA,EAAA,SAAA;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,GAAAL,YAAA,CAAA,MAAA;AACA,MAAA,OAAA,eAAA,CAAA,aAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/panel-option-flow/index.js CHANGED Viewed

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 require('../../utils/index.js');
-var panelOptionFlow$1 = require('./src/panel-option-flow2.js');
-var panelOptionFlow = require('./src/panel-option-flow.js');
+var panelOptionFlow$1 = require('./src/panel-option-flow.js');
+var panelOptionFlow = require('./src/panel-option-flow2.js');
 var install = require('../../utils/vue/install.js');
 const GPanelOptionFlow = install.withInstall(panelOptionFlow$1["default"]);