greeks-live-ui 0.1.21 → 0.1.22

package/lib/packages/components/panel-trade-scatter-plot/src/panel-trade-scatter-plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-trade-scatter-plot.js","sources":["../../../../../../../packages/components/panel-trade-scatter-plot/src/panel-trade-scatter-plot.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelTradeScatterPlot from './panel-trade-scatter-plot.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelTradeScatterPlotEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelTradeScatterPlotEmits = typeof panelTradeScatterPlotEmits\nexport const panelTradeScatterPlotProps = 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 PanelTradeScatterPlotProps = ExtractPropTypes<typeof panelTradeScatterPlotProps>\nexport type PanelTradeScatterPlotInstance = InstanceType<typeof PanelTradeScatterPlot>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,0BAA6B,GAAA;AAAA,EACxC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,6BAA6BA,kBAAW,CAAA;AAAA,EACnD,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AACF,CAAC;;;;;"}
+{"version":3,"file":"panel-trade-scatter-plot.js","sources":["../../../../../../../packages/components/panel-trade-scatter-plot/src/panel-trade-scatter-plot.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      :showExchangeSelector=\"false\"\n      :currencyList=\"currencyList\"\n      @refresh=\"fetchData\"\n    >\n      <template #title>\n        {{ t('message.tradeScatterPlot') }}\n        <g-tooltip :isMobile=\"isMobile\">\n          <g-icon name=\"info_question_circle\"></g-icon>\n          <template #title>\n            <div class=\"greeks-panel-tip\" v-html=\"t('message.tradeScatterPlotTips')\"></div>\n          </template>\n        </g-tooltip>\n      </template>\n      <template #tool>\n        <span class=\"selector-label h5-hide\">{{\n          t('message.contractsLabel')\n        }}</span>\n        <g-select\n          v-model:value=\"state.contractsSize\"\n          @change=\"fetchData\"\n          class=\"input-select second-select\"\n          popupClassName=\"contracts-size-dropdown\"\n          :size=\"isPC ? 'small' : 'medium'\"\n        >\n          <template #selection=\"{ value }\">\n            <span>\n              ≥<g-icon :name=\"contractsConfig[currency]?.icon\" /> {{ value }}.0\n            </span>\n          </template>\n          <g-select-option\n            v-for=\"item in contractsSizeList\"\n            :key=\"item.value\"\n            :value=\"item.value\"\n          >\n            {{ t('message.contracts') }} ≥\n            <g-icon :name=\"item.icon\" />\n            {{ item.label }}\n          </g-select-option>\n        </g-select>\n        <div class=\"period-controls\">\n          <span class=\"selector-label h5-hide\">{{ t('message.time') }}</span>\n          <span class=\"period-range h5-hide\">{{ state.endDateDisplay }}</span>\n          <g-page-turner\n            :prevDisabled=\"state.loadingFlag\"\n            :nextDisabled=\"state.loadingFlag || state.pageCount <= 0\"\n            @change=\"handlePageChange\"\n          />\n          <g-date-time-picker\n            v-model=\"state.selectedDateTime\"\n            @change=\"handleDateTimeChange\"\n          />\n        </div>\n      </template>\n      <template #body>\n        <div class=\"echart\" ref=\"echart\">\n          <g-chart class=\"skew-chart\" :option=\"chartOption\" />\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, computed, onMounted, watch } from 'vue';\nimport {\n  panelTradeScatterPlotEmits,\n  panelTradeScatterPlotProps,\n} from './panel-trade-scatter-plot';\nimport {\n  getTooltipDate,\n  timestampFormat,\n  parseExpiryToDate,\n  showEndDateTime,\n} from '@greeks-live-ui/utils';\nimport {\n  getTradeScatterPlot,\n  ITradeScatterPlotRes,\n} from '@greeks-live-ui/utils';\nimport dayjs from 'dayjs';\n\ndefineOptions({\n  name: 'GPanelTradeScatterPlot',\n});\nconst ns = useNamespace('panel-trade-scatter-plot');\nconst props = defineProps(panelTradeScatterPlotProps);\nconst emit = defineEmits(panelTradeScatterPlotEmits);\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\nconst { t, locale } = useLocale();\n\nconst contractsConfig: Record<\n  string,\n  { icon: string; options: number[]; default: number }\n> = {\n  BTC: { icon: 'currency_letter_btc', options: [1, 5, 10], default: 1 },\n  ETH: { icon: 'currency_letter_eth', options: [50, 250, 500], default: 50 },\n};\n\nconst contractsSizeList = computed(() => {\n  const conf = contractsConfig[currency.value] || contractsConfig.BTC;\n  return conf.options.map((val: number) => ({\n    value: val,\n    label: `${val}.0`,\n    icon: conf.icon,\n  }));\n});\n\nconst initialCurrency = props.currency || props.defaultCurrency || 'BTC';\nconst state = reactive({\n  loadingFlag: false,\n\n  exchange: props.exchange || props.defaultExchange || 'Deribit',\n  currency: initialCurrency,\n  contractsSize: contractsConfig[initialCurrency]?.default || 1,\n\n  endDateDisplay: '',\n  pageCount: 0,\n  scatterPlotData: {} as ITradeScatterPlotRes,\n  selectedDateTime: dayjs(),\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\nconst currencyList = [\n  { value: 'BTC', label: 'BTC', icon: 'currency_btc' },\n  { value: 'ETH', label: 'ETH', icon: 'currency_eth' },\n];\n\nconst fetchData = () => {\n  state.loadingFlag = true;\n  getTradeScatterPlot({\n    currency: currency.value,\n    exchange: exchange.value,\n    min_amount: state.contractsSize,\n    end_timestamp: state.selectedDateTime.valueOf(),\n  })\n    .then((res) => {\n      if (res && res.code === 200) {\n        state.scatterPlotData = res.data || {};\n        // console.log('res.data', res.data);\n        // console.log('scatterPlotData', state.scatterPlotData);\n      }\n    })\n    .finally(() => {\n      state.loadingFlag = false;\n    });\n};\n\nwatch(currency, (val) => {\n  state.contractsSize = contractsConfig[val]?.default ?? 1;\n  fetchData();\n});\n\nconst getDateTimeRange = () => {\n  // 只显示截止时间\n  const endTime = state.selectedDateTime || dayjs();\n  state.endDateDisplay = showEndDateTime(endTime);\n};\n\nconst handlePageChange = (direction: 'prev' | 'next') => {\n  if (direction === 'prev') {\n    state.pageCount++;\n    state.selectedDateTime = dayjs(state.selectedDateTime).subtract(1, 'hour');\n  } else {\n    if (state.pageCount <= 0) return;\n    state.pageCount--;\n    state.selectedDateTime = dayjs(state.selectedDateTime).add(1, 'hour');\n  }\n  getDateTimeRange();\n  fetchData();\n};\n\nconst handleDateTimeChange = (value: any) => {\n  state.selectedDateTime = value;\n  // 根据用户选择的时间自动计算 pageCount\n  // 成交散点图中，pageCount为0表示当前时间前1h到当前时间\n  const now = dayjs();\n  const selectedTime = dayjs(value);\n  const diffInHours = now.diff(selectedTime, 'hour');\n\n  // 如果选择的时间在当前时间前1h内，pageCount为0\n  // 否则，pageCount为相差的小时数\n  state.pageCount = Math.max(0, diffInHours);\n  getDateTimeRange();\n  fetchData();\n};\n\nonMounted(() => {\n  getDateTimeRange();\n  fetchData();\n});\n\nconst getEchartData = () => {\n  const raw = state.scatterPlotData;\n  // console.log('raw', raw);\n  const result: Record<string, any[]> = {};\n  // 先对expiry按到期日升序排序\n  const sortedExpiries = Object.keys(raw || {}).sort(\n    (a, b) => parseExpiryToDate(a).getTime() - parseExpiryToDate(b).getTime()\n  );\n  sortedExpiries.forEach((expiry) => {\n    const arr = raw[expiry];\n    result[expiry] = (arr || []).map((item) => ({\n      ...item,\n      expiry,\n      sfm_bp: (item.price - item.mark_price) * 10000,\n      time: item.ts,\n      size: item.amount,\n    }));\n  });\n  // console.log('echartData', result);\n  return result;\n};\n\nconst getPercentile = (arr: number[], percentile: number) => {\n  if (!arr.length) return 0;\n  const sorted = [...arr].sort((a, b) => a - b);\n  const idx = Math.floor(percentile * (sorted.length - 1));\n  return sorted[idx];\n};\n\nconst getSymbolSize = (\n  amount: number,\n  minAmount: number,\n  maxAmount: number\n) => {\n  const minSize = 1;\n  const maxSize = 40;\n  if (!amount || amount <= minAmount) return minSize;\n  if (amount >= maxAmount) {\n    // 对数映射极端大值\n    const logMax = Math.log10(10000 - maxAmount + 1);\n    const logVal = Math.log10(amount - maxAmount + 1);\n    return maxSize + (logVal / (logMax || 1)) * (maxSize * 0.2); // 允许极端点更大\n  }\n  // 线性映射\n  return (\n    minSize +\n    ((amount - minAmount) / (maxAmount - minAmount)) * (maxSize - minSize)\n  );\n};\n\nconst getEchartOption = () => {\n  const echartData = getEchartData();\n  const legendData = Object.keys(echartData);\n  // 统计所有 amount\n  const allAmounts = legendData\n    .flatMap((expiry) => echartData[expiry].map((item) => item.size))\n    .filter((v) => typeof v === 'number');\n  const minAmount = Math.min(...allAmounts);\n  const maxAmount = getPercentile(allAmounts, 0.95); // 95分位数\n  const series = legendData.map((expiry, idx) => ({\n    name: expiry,\n    type: 'scatter',\n    data: echartData[expiry].map((item) => [\n      item.time,\n      item.sfm_bp,\n      item.size,\n      item,\n    ]),\n    symbolSize: (val: any[]) => {\n      const amount = val[2];\n      return getSymbolSize(amount, minAmount, maxAmount);\n    },\n    emphasis: { focus: 'series' },\n    blur: {\n      itemStyle: {\n        opacity: 1,\n      },\n    },\n  }));\n\n  const option = {\n    legend: {\n      // type: isMobile.value ? 'scroll' : 'plain',\n      left: 'center',\n      width: '90%',\n      data: legendData,\n      itemGap: isMobile.value ? 5 : 10,\n      textStyle: {\n        // 控制图例文本样式 (可选)\n        color: isDark.value ? '#ADB5BD' : '#596169',\n        fontSize: 12, // 文本字体大小\n        padding: isMobile.value ? [0, 0, 0, -8] : [0, 0, 0, -5],\n      },\n      selected: legendData.reduce((acc, cur) => ({ ...acc, [cur]: true }), {}),\n      lineStyle: {\n        inactiveColor: isDark.value ? '#2B2F32' : '#DEE2E6', // 浅色/Grey/3 图例关闭时的线条描边颜色\n      },\n      inactiveColor: isDark.value ? '#495057' : '#BDC4CB', // 浅色/Grey/5 图例关闭时的颜色\n    },\n    tooltip: {\n      trigger: 'item',\n      backgroundColor: isDark.value ? '#E9ECEF' : '#292F3D',\n      padding: [6, 8, 5, 6],\n      borderWidth: 0,\n      textStyle: {\n        color: isDark.value ? '#000000' : '#FFFFFF',\n        fontSize: 12,\n        lineHeight: 16,\n        fontWeight: 400,\n      },\n      formatter: (params: any) => {\n        const d = params.data[3];\n        const tooltipDate = getTooltipDate(d.ts, locale.value.name, {\n          showSeconds: false,\n        });\n        const iconClass = contractsConfig[currency.value]?.icon || '';\n        const iconColor = isDark.value ? '#000000' : '#FFFFFF';\n        let content = '';\n        content += `<div class=\"chart-tooltip-box\"><div style=\"margin-bottom:4px;\">${tooltipDate}</div>`;\n        content += `\n          <div class=\"chart-tooltip\">\n            <div>\n              <span style=\"display:inline-flex;align-items:center;\">\n                ${params.marker}&nbsp;${d.name}\n                <svg class=\"icon\" style=\"width:1em;height:1em;vertical-align:middle;fill:${iconColor};margin:0 2px;\">\n                  <use xlink:href=\"#${iconClass}\"></use>\n                </svg>\n                ${d.amount}\n              </span>\n            </div>\n          </div>\n          <div class=\"chart-tooltip\">\n            <div>\n              <span>Price: ${d.price} (${\n          d.sfm_bp > 0 ? '+' : ''\n        }${d.sfm_bp.toFixed(1)}bp)</span>\n            </div>\n            <span></span> \n          </div>\n        `;\n        return content + '</div>';\n      },\n    },\n    xAxis: {\n      type: 'time',\n      axisTick: {\n        show: false, // 隐藏刻度线\n      },\n      axisLabel: {\n        // 坐标轴刻度标签\n        color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n        fontWeight: 400,\n        fontSize: 10,\n        // formatter: (val: any) => dayjs(val).format('HH:mm'),\n      },\n      axisLine: {\n        show: false, // 隐藏坐标轴轴线\n        lineStyle: {\n          color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色 浅色/Grey/12\n        },\n      },\n      splitNumber: isMobile.value ? 5 : 7,\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      name: 'SFM (bp)',\n      nameGap: 10,\n      nameRotate: 0,\n      nameTextStyle: {\n        color: isDark.value ? '#8B959F' : '#8B959F', // 浅色/Grey/8\n        fontWeight: 400,\n        fontSize: 10,\n        padding: isMobile.value ? [0, 0, 0, 0] : [0, 0, 0, 8],\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 ? 40 : 60,\n      left: 'left',\n      right: 27,\n      bottom: 50,\n      containLabel: true,\n    },\n    dataZoom: [\n      {\n        type: 'inside',\n        start: 0,\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: number) => {\n          return timestampFormat(value);\n        },\n        rangeMode: 'percent',\n        bottom: '10px',\n        start: 0,\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    series,\n  };\n  // console.log('option', option);\n  return option;\n};\n\nconst chartOption = computed(() => getEchartOption());\n</script>\n"],"names":["useNamespace","useDeviceType","useTheme","useLocale","computed","reactive","dayjs","getTradeScatterPlot","watch","showEndDateTime","onMounted","parseExpiryToDate","getTooltipDate","timestampFormat"],"mappings":"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"}

package/lib/packages/components/panel-trade-scatter-plot/src/panel-trade-scatter-plot2.js

@@ -2,483 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-var panelTradeScatterPlot = require('./panel-trade-scatter-plot.js');
 require('../../../utils/index.js');
-var dayjs = require('dayjs');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-device-type/index.js');
-var index$2 = require('../../../hooks/use-theme/index.js');
-var index$3 = require('../../../hooks/use-locale/index.js');
-var dataLab = require('../../../utils/dataLab.js');
-var chartHelp = require('../../../utils/chartHelp.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
-
-const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = { class: "selector-label h5-hide" };
-const _hoisted_3 = /* @__PURE__ */ vue.createTextVNode(" \u2265");
-const _hoisted_4 = { class: "period-controls" };
-const _hoisted_5 = { class: "selector-label h5-hide" };
-const _hoisted_6 = { class: "period-range h5-hide" };
-const _hoisted_7 = {
-  class: "echart",
-  ref: "echart"
-};
-const __default__ = {
-  name: "GPanelTradeScatterPlot"
+const panelTradeScatterPlotEmits = {
+  "update:currency": (currency) => true,
+  "update:exchange": (exchange) => true
 };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: panelTradeScatterPlot.panelTradeScatterPlotProps,
-  emits: panelTradeScatterPlot.panelTradeScatterPlotEmits,
-  setup(__props, { emit }) {
-    var _a;
-    const props = __props;
-    const ns = index.useNamespace("panel-trade-scatter-plot");
-    const { isMobile, isPC } = index$1.useDeviceType();
-    const { isDark } = index$2.useTheme();
-    const { t, locale } = index$3.useLocale();
-    const contractsConfig = {
-      BTC: { icon: "currency_letter_btc", options: [1, 5, 10], default: 1 },
-      ETH: { icon: "currency_letter_eth", options: [50, 250, 500], default: 50 }
-    };
-    const contractsSizeList = vue.computed(() => {
-      const conf = contractsConfig[currency.value] || contractsConfig.BTC;
-      return conf.options.map((val) => ({
-        value: val,
-        label: `${val}.0`,
-        icon: conf.icon
-      }));
-    });
-    const initialCurrency = props.currency || props.defaultCurrency || "BTC";
-    const state = vue.reactive({
-      loadingFlag: false,
-      exchange: props.exchange || props.defaultExchange || "Deribit",
-      currency: initialCurrency,
-      contractsSize: ((_a = contractsConfig[initialCurrency]) == null ? void 0 : _a.default) || 1,
-      endDateDisplay: "",
-      pageCount: 0,
-      scatterPlotData: {},
-      selectedDateTime: dayjs__default["default"]()
-    });
-    const currency = vue.computed({
-      get: () => props.currency || state.currency || "BTC",
-      set: (newVal) => {
-        props.currency ? emit("update:currency", newVal) : state.currency = newVal;
-      }
-    });
-    const exchange = vue.computed({
-      get: () => props.exchange || state.exchange || "Deribit",
-      set: (newVal) => {
-        props.exchange ? emit("update:exchange", newVal) : state.exchange = newVal;
-      }
-    });
-    const currencyList = [
-      { value: "BTC", label: "BTC", icon: "currency_btc" },
-      { value: "ETH", label: "ETH", icon: "currency_eth" }
-    ];
-    const fetchData = () => {
-      state.loadingFlag = true;
-      dataLab.getTradeScatterPlot({
-        currency: currency.value,
-        exchange: exchange.value,
-        min_amount: state.contractsSize,
-        end_timestamp: state.selectedDateTime.valueOf()
-      }).then((res) => {
-        if (res && res.code === 200) {
-          state.scatterPlotData = res.data || {};
-        }
-      }).finally(() => {
-        state.loadingFlag = false;
-      });
-    };
-    vue.watch(currency, (val) => {
-      var _a2, _b;
-      state.contractsSize = (_b = (_a2 = contractsConfig[val]) == null ? void 0 : _a2.default) != null ? _b : 1;
-      fetchData();
-    });
-    const getDateTimeRange = () => {
-      const endTime = state.selectedDateTime || dayjs__default["default"]();
-      state.endDateDisplay = chartHelp.showEndDateTime(endTime);
-    };
-    const handlePageChange = (direction) => {
-      if (direction === "prev") {
-        state.pageCount++;
-        state.selectedDateTime = dayjs__default["default"](state.selectedDateTime).subtract(1, "hour");
-      } else {
-        if (state.pageCount <= 0)
-          return;
-        state.pageCount--;
-        state.selectedDateTime = dayjs__default["default"](state.selectedDateTime).add(1, "hour");
-      }
-      getDateTimeRange();
-      fetchData();
-    };
-    const handleDateTimeChange = (value) => {
-      state.selectedDateTime = value;
-      const now = dayjs__default["default"]();
-      const selectedTime = dayjs__default["default"](value);
-      const diffInHours = now.diff(selectedTime, "hour");
-      state.pageCount = Math.max(0, diffInHours);
-      getDateTimeRange();
-      fetchData();
-    };
-    vue.onMounted(() => {
-      getDateTimeRange();
-      fetchData();
-    });
-    const getEchartData = () => {
-      const raw = state.scatterPlotData;
-      const result = {};
-      const sortedExpiries = Object.keys(raw || {}).sort(
-        (a, b) => chartHelp.parseExpiryToDate(a).getTime() - chartHelp.parseExpiryToDate(b).getTime()
-      );
-      sortedExpiries.forEach((expiry) => {
-        const arr = raw[expiry];
-        result[expiry] = (arr || []).map((item) => ({
-          ...item,
-          expiry,
-          sfm_bp: (item.price - item.mark_price) * 1e4,
-          time: item.ts,
-          size: item.amount
-        }));
-      });
-      return result;
-    };
-    const getPercentile = (arr, percentile) => {
-      if (!arr.length)
-        return 0;
-      const sorted = [...arr].sort((a, b) => a - b);
-      const idx = Math.floor(percentile * (sorted.length - 1));
-      return sorted[idx];
-    };
-    const getSymbolSize = (amount, minAmount, maxAmount) => {
-      const minSize = 1;
-      const maxSize = 40;
-      if (!amount || amount <= minAmount)
-        return minSize;
-      if (amount >= maxAmount) {
-        const logMax = Math.log10(1e4 - maxAmount + 1);
-        const logVal = Math.log10(amount - maxAmount + 1);
-        return maxSize + logVal / (logMax || 1) * (maxSize * 0.2);
-      }
-      return minSize + (amount - minAmount) / (maxAmount - minAmount) * (maxSize - minSize);
-    };
-    const getEchartOption = () => {
-      const echartData = getEchartData();
-      const legendData = Object.keys(echartData);
-      const allAmounts = legendData.flatMap((expiry) => echartData[expiry].map((item) => item.size)).filter((v) => typeof v === "number");
-      const minAmount = Math.min(...allAmounts);
-      const maxAmount = getPercentile(allAmounts, 0.95);
-      const series = legendData.map((expiry, idx) => ({
-        name: expiry,
-        type: "scatter",
-        data: echartData[expiry].map((item) => [
-          item.time,
-          item.sfm_bp,
-          item.size,
-          item
-        ]),
-        symbolSize: (val) => {
-          const amount = val[2];
-          return getSymbolSize(amount, minAmount, maxAmount);
-        },
-        emphasis: { focus: "series" },
-        blur: {
-          itemStyle: {
-            opacity: 1
-          }
-        }
-      }));
-      const option = {
-        legend: {
-          left: "center",
-          width: "90%",
-          data: legendData,
-          itemGap: isMobile.value ? 5 : 10,
-          textStyle: {
-            color: isDark.value ? "#ADB5BD" : "#596169",
-            fontSize: 12,
-            padding: isMobile.value ? [0, 0, 0, -8] : [0, 0, 0, -5]
-          },
-          selected: legendData.reduce((acc, cur) => ({ ...acc, [cur]: true }), {}),
-          lineStyle: {
-            inactiveColor: isDark.value ? "#2B2F32" : "#DEE2E6"
-          },
-          inactiveColor: isDark.value ? "#495057" : "#BDC4CB"
-        },
-        tooltip: {
-          trigger: "item",
-          backgroundColor: isDark.value ? "#E9ECEF" : "#292F3D",
-          padding: [6, 8, 5, 6],
-          borderWidth: 0,
-          textStyle: {
-            color: isDark.value ? "#000000" : "#FFFFFF",
-            fontSize: 12,
-            lineHeight: 16,
-            fontWeight: 400
-          },
-          formatter: (params) => {
-            var _a2;
-            const d = params.data[3];
-            const tooltipDate = chartHelp.getTooltipDate(d.ts, locale.value.name, {
-              showSeconds: false
-            });
-            const iconClass = ((_a2 = contractsConfig[currency.value]) == null ? void 0 : _a2.icon) || "";
-            const iconColor = isDark.value ? "#000000" : "#FFFFFF";
-            let content = "";
-            content += `<div class="chart-tooltip-box"><div style="margin-bottom:4px;">${tooltipDate}</div>`;
-            content += `
-          <div class="chart-tooltip">
-            <div>
-              <span style="display:inline-flex;align-items:center;">
-                ${params.marker}&nbsp;${d.name}
-                <svg class="icon" style="width:1em;height:1em;vertical-align:middle;fill:${iconColor};margin:0 2px;">
-                  <use xlink:href="#${iconClass}"></use>
-                </svg>
-                ${d.amount}
-              </span>
-            </div>
-          </div>
-          <div class="chart-tooltip">
-            <div>
-              <span>Price: ${d.price} (${d.sfm_bp > 0 ? "+" : ""}${d.sfm_bp.toFixed(1)}bp)</span>
-            </div>
-            <span></span> 
-          </div>
-        `;
-            return content + "</div>";
-          }
-        },
-        xAxis: {
-          type: "time",
-          axisTick: {
-            show: false
-          },
-          axisLabel: {
-            color: isDark.value ? "#CED4DA" : "#343A40",
-            fontWeight: 400,
-            fontSize: 10
-          },
-          axisLine: {
-            show: false,
-            lineStyle: {
-              color: isDark.value ? "#CED4DA" : "#343A40"
-            }
-          },
-          splitNumber: isMobile.value ? 5 : 7
-        },
-        yAxis: {
-          type: "value",
-          name: "SFM (bp)",
-          nameGap: 10,
-          nameRotate: 0,
-          nameTextStyle: {
-            color: isDark.value ? "#8B959F" : "#8B959F",
-            fontWeight: 400,
-            fontSize: 10,
-            padding: isMobile.value ? [0, 0, 0, 0] : [0, 0, 0, 8]
-          },
-          axisLine: {
-            lineStyle: {
-              color: isDark.value ? "#CED4DA" : "#343A40"
-            }
-          },
-          splitLine: {
-            lineStyle: {
-              color: isDark.value ? "#2B2F32" : "#F1F1F1",
-              width: 1,
-              type: "solid"
-            }
-          }
-        },
-        grid: {
-          top: isPC.value ? 40 : 60,
-          left: "left",
-          right: 27,
-          bottom: 50,
-          containLabel: true
-        },
-        dataZoom: [
-          {
-            type: "inside",
-            start: 0,
-            end: 100,
-            handleIcon: "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"
-          },
-          {
-            show: true,
-            type: "slider",
-            labelFormatter: (value) => {
-              return chartHelp.timestampFormat(value);
-            },
-            rangeMode: "percent",
-            bottom: "10px",
-            start: 0,
-            end: 100,
-            handleIcon: "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"
-          }
-        ],
-        series
-      };
-      return option;
-    };
-    const chartOption = vue.computed(() => getEchartOption());
-    return (_ctx, _cache) => {
-      const _component_g_icon = vue.resolveComponent("g-icon");
-      const _component_g_tooltip = vue.resolveComponent("g-tooltip");
-      const _component_g_select_option = vue.resolveComponent("g-select-option");
-      const _component_g_select = vue.resolveComponent("g-select");
-      const _component_g_page_turner = vue.resolveComponent("g-page-turner");
-      const _component_g_date_time_picker = vue.resolveComponent("g-date-time-picker");
-      const _component_g_chart = vue.resolveComponent("g-chart");
-      const _component_g_chart_panel = vue.resolveComponent("g-chart-panel");
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass([vue.unref(ns).b()])
-        },
-        [
-          vue.createVNode(_component_g_chart_panel, {
-            currency: vue.unref(currency),
-            "onUpdate:currency": _cache[2] || (_cache[2] = ($event) => vue.isRef(currency) ? currency.value = $event : null),
-            exchange: vue.unref(exchange),
-            "onUpdate:exchange": _cache[3] || (_cache[3] = ($event) => vue.isRef(exchange) ? exchange.value = $event : null),
-            loading: state.loadingFlag,
-            showExchangeSelector: false,
-            currencyList,
-            onRefresh: fetchData
-          }, {
-            title: vue.withCtx(() => [
-              vue.createTextVNode(
-                vue.toDisplayString(vue.unref(t)("message.tradeScatterPlot")) + " ",
-                1
-              ),
-              vue.createVNode(_component_g_tooltip, { isMobile: vue.unref(isMobile) }, {
-                title: vue.withCtx(() => [
-                  vue.createElementVNode("div", {
-                    class: "greeks-panel-tip",
-                    innerHTML: vue.unref(t)("message.tradeScatterPlotTips")
-                  }, null, 8, _hoisted_1)
-                ]),
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_g_icon, { name: "info_question_circle" })
-                ]),
-                _: 1
-              }, 8, ["isMobile"])
-            ]),
-            tool: vue.withCtx(() => [
-              vue.createElementVNode(
-                "span",
-                _hoisted_2,
-                vue.toDisplayString(vue.unref(t)("message.contractsLabel")),
-                1
-              ),
-              vue.createVNode(_component_g_select, {
-                value: state.contractsSize,
-                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => state.contractsSize = $event),
-                onChange: fetchData,
-                class: "input-select second-select",
-                popupClassName: "contracts-size-dropdown",
-                size: vue.unref(isPC) ? "small" : "medium"
-              }, {
-                selection: vue.withCtx(({ value }) => {
-                  var _a2;
-                  return [
-                    vue.createElementVNode("span", null, [
-                      _hoisted_3,
-                      vue.createVNode(_component_g_icon, {
-                        name: (_a2 = contractsConfig[vue.unref(currency)]) == null ? void 0 : _a2.icon
-                      }, null, 8, ["name"]),
-                      vue.createTextVNode(
-                        " " + vue.toDisplayString(value) + ".0 ",
-                        1
-                      )
-                    ])
-                  ];
-                }),
-                default: vue.withCtx(() => [
-                  (vue.openBlock(true), vue.createElementBlock(
-                    vue.Fragment,
-                    null,
-                    vue.renderList(vue.unref(contractsSizeList), (item) => {
-                      return vue.openBlock(), vue.createBlock(_component_g_select_option, {
-                        key: item.value,
-                        value: item.value
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(
-                            vue.toDisplayString(vue.unref(t)("message.contracts")) + " \u2265 ",
-                            1
-                          ),
-                          vue.createVNode(_component_g_icon, {
-                            name: item.icon
-                          }, null, 8, ["name"]),
-                          vue.createTextVNode(
-                            " " + vue.toDisplayString(item.label),
-                            1
-                          )
-                        ]),
-                        _: 2
-                      }, 1032, ["value"]);
-                    }),
-                    128
-                  ))
-                ]),
-                _: 1
-              }, 8, ["value", "size"]),
-              vue.createElementVNode("div", _hoisted_4, [
-                vue.createElementVNode(
-                  "span",
-                  _hoisted_5,
-                  vue.toDisplayString(vue.unref(t)("message.time")),
-                  1
-                ),
-                vue.createElementVNode(
-                  "span",
-                  _hoisted_6,
-                  vue.toDisplayString(state.endDateDisplay),
-                  1
-                ),
-                vue.createVNode(_component_g_page_turner, {
-                  prevDisabled: state.loadingFlag,
-                  nextDisabled: state.loadingFlag || state.pageCount <= 0,
-                  onChange: handlePageChange
-                }, null, 8, ["prevDisabled", "nextDisabled"]),
-                vue.createVNode(_component_g_date_time_picker, {
-                  modelValue: state.selectedDateTime,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.selectedDateTime = $event),
-                  onChange: handleDateTimeChange
-                }, null, 8, ["modelValue"])
-              ])
-            ]),
-            body: vue.withCtx(() => [
-              vue.createElementVNode(
-                "div",
-                _hoisted_7,
-                [
-                  vue.createVNode(_component_g_chart, {
-                    class: "skew-chart",
-                    option: vue.unref(chartOption)
-                  }, null, 8, ["option"])
-                ],
-                512
-              )
-            ]),
-            _: 1
-          }, 8, ["currency", "exchange", "loading"])
-        ],
-        2
-      );
-    };
+const panelTradeScatterPlotProps = runtime.buildProps({
+  defaultCurrency: {
+    type: String,
+    required: false
+  },
+  defaultExchange: {
+    type: String,
+    required: false
+  },
+  currency: {
+    type: String,
+    required: false
+  },
+  exchange: {
+    type: String,
+    required: false
   }
 });
-var PanelTradeScatterPlot = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/panel-trade-scatter-plot/src/panel-trade-scatter-plot.vue"]]);
 
-exports["default"] = PanelTradeScatterPlot;
+exports.panelTradeScatterPlotEmits = panelTradeScatterPlotEmits;
+exports.panelTradeScatterPlotProps = panelTradeScatterPlotProps;
 //# sourceMappingURL=panel-trade-scatter-plot2.js.map

package/lib/packages/components/panel-trade-scatter-plot/src/panel-trade-scatter-plot2.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-trade-scatter-plot2.js","sources":["../../../../../../../packages/components/panel-trade-scatter-plot/src/panel-trade-scatter-plot.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      :showExchangeSelector=\"false\"\n      :currencyList=\"currencyList\"\n      @refresh=\"fetchData\"\n    >\n      <template #title>\n        {{ t('message.tradeScatterPlot') }}\n        <g-tooltip :isMobile=\"isMobile\">\n          <g-icon name=\"info_question_circle\"></g-icon>\n          <template #title>\n            <div class=\"greeks-panel-tip\" v-html=\"t('message.tradeScatterPlotTips')\"></div>\n          </template>\n        </g-tooltip>\n      </template>\n      <template #tool>\n        <span class=\"selector-label h5-hide\">{{\n          t('message.contractsLabel')\n        }}</span>\n        <g-select\n          v-model:value=\"state.contractsSize\"\n          @change=\"fetchData\"\n          class=\"input-select second-select\"\n          popupClassName=\"contracts-size-dropdown\"\n          :size=\"isPC ? 'small' : 'medium'\"\n        >\n          <template #selection=\"{ value }\">\n            <span>\n              ≥<g-icon :name=\"contractsConfig[currency]?.icon\" /> {{ value }}.0\n            </span>\n          </template>\n          <g-select-option\n            v-for=\"item in contractsSizeList\"\n            :key=\"item.value\"\n            :value=\"item.value\"\n          >\n            {{ t('message.contracts') }} ≥\n            <g-icon :name=\"item.icon\" />\n            {{ item.label }}\n          </g-select-option>\n        </g-select>\n        <div class=\"period-controls\">\n          <span class=\"selector-label h5-hide\">{{ t('message.time') }}</span>\n          <span class=\"period-range h5-hide\">{{ state.endDateDisplay }}</span>\n          <g-page-turner\n            :prevDisabled=\"state.loadingFlag\"\n            :nextDisabled=\"state.loadingFlag || state.pageCount <= 0\"\n            @change=\"handlePageChange\"\n          />\n          <g-date-time-picker\n            v-model=\"state.selectedDateTime\"\n            @change=\"handleDateTimeChange\"\n          />\n        </div>\n      </template>\n      <template #body>\n        <div class=\"echart\" ref=\"echart\">\n          <g-chart class=\"skew-chart\" :option=\"chartOption\" />\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, computed, onMounted, watch } from 'vue';\nimport {\n  panelTradeScatterPlotEmits,\n  panelTradeScatterPlotProps,\n} from './panel-trade-scatter-plot';\nimport {\n  getTooltipDate,\n  timestampFormat,\n  parseExpiryToDate,\n  showEndDateTime,\n} from '@greeks-live-ui/utils';\nimport {\n  getTradeScatterPlot,\n  ITradeScatterPlotRes,\n} from '@greeks-live-ui/utils';\nimport dayjs from 'dayjs';\n\ndefineOptions({\n  name: 'GPanelTradeScatterPlot',\n});\nconst ns = useNamespace('panel-trade-scatter-plot');\nconst props = defineProps(panelTradeScatterPlotProps);\nconst emit = defineEmits(panelTradeScatterPlotEmits);\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\nconst { t, locale } = useLocale();\n\nconst contractsConfig: Record<\n  string,\n  { icon: string; options: number[]; default: number }\n> = {\n  BTC: { icon: 'currency_letter_btc', options: [1, 5, 10], default: 1 },\n  ETH: { icon: 'currency_letter_eth', options: [50, 250, 500], default: 50 },\n};\n\nconst contractsSizeList = computed(() => {\n  const conf = contractsConfig[currency.value] || contractsConfig.BTC;\n  return conf.options.map((val: number) => ({\n    value: val,\n    label: `${val}.0`,\n    icon: conf.icon,\n  }));\n});\n\nconst initialCurrency = props.currency || props.defaultCurrency || 'BTC';\nconst state = reactive({\n  loadingFlag: false,\n\n  exchange: props.exchange || props.defaultExchange || 'Deribit',\n  currency: initialCurrency,\n  contractsSize: contractsConfig[initialCurrency]?.default || 1,\n\n  endDateDisplay: '',\n  pageCount: 0,\n  scatterPlotData: {} as ITradeScatterPlotRes,\n  selectedDateTime: dayjs(),\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\nconst currencyList = [\n  { value: 'BTC', label: 'BTC', icon: 'currency_btc' },\n  { value: 'ETH', label: 'ETH', icon: 'currency_eth' },\n];\n\nconst fetchData = () => {\n  state.loadingFlag = true;\n  getTradeScatterPlot({\n    currency: currency.value,\n    exchange: exchange.value,\n    min_amount: state.contractsSize,\n    end_timestamp: state.selectedDateTime.valueOf(),\n  })\n    .then((res) => {\n      if (res && res.code === 200) {\n        state.scatterPlotData = res.data || {};\n        // console.log('res.data', res.data);\n        // console.log('scatterPlotData', state.scatterPlotData);\n      }\n    })\n    .finally(() => {\n      state.loadingFlag = false;\n    });\n};\n\nwatch(currency, (val) => {\n  state.contractsSize = contractsConfig[val]?.default ?? 1;\n  fetchData();\n});\n\nconst getDateTimeRange = () => {\n  // 只显示截止时间\n  const endTime = state.selectedDateTime || dayjs();\n  state.endDateDisplay = showEndDateTime(endTime);\n};\n\nconst handlePageChange = (direction: 'prev' | 'next') => {\n  if (direction === 'prev') {\n    state.pageCount++;\n    state.selectedDateTime = dayjs(state.selectedDateTime).subtract(1, 'hour');\n  } else {\n    if (state.pageCount <= 0) return;\n    state.pageCount--;\n    state.selectedDateTime = dayjs(state.selectedDateTime).add(1, 'hour');\n  }\n  getDateTimeRange();\n  fetchData();\n};\n\nconst handleDateTimeChange = (value: any) => {\n  state.selectedDateTime = value;\n  // 根据用户选择的时间自动计算 pageCount\n  // 成交散点图中，pageCount为0表示当前时间前1h到当前时间\n  const now = dayjs();\n  const selectedTime = dayjs(value);\n  const diffInHours = now.diff(selectedTime, 'hour');\n\n  // 如果选择的时间在当前时间前1h内，pageCount为0\n  // 否则，pageCount为相差的小时数\n  state.pageCount = Math.max(0, diffInHours);\n  getDateTimeRange();\n  fetchData();\n};\n\nonMounted(() => {\n  getDateTimeRange();\n  fetchData();\n});\n\nconst getEchartData = () => {\n  const raw = state.scatterPlotData;\n  // console.log('raw', raw);\n  const result: Record<string, any[]> = {};\n  // 先对expiry按到期日升序排序\n  const sortedExpiries = Object.keys(raw || {}).sort(\n    (a, b) => parseExpiryToDate(a).getTime() - parseExpiryToDate(b).getTime()\n  );\n  sortedExpiries.forEach((expiry) => {\n    const arr = raw[expiry];\n    result[expiry] = (arr || []).map((item) => ({\n      ...item,\n      expiry,\n      sfm_bp: (item.price - item.mark_price) * 10000,\n      time: item.ts,\n      size: item.amount,\n    }));\n  });\n  // console.log('echartData', result);\n  return result;\n};\n\nconst getPercentile = (arr: number[], percentile: number) => {\n  if (!arr.length) return 0;\n  const sorted = [...arr].sort((a, b) => a - b);\n  const idx = Math.floor(percentile * (sorted.length - 1));\n  return sorted[idx];\n};\n\nconst getSymbolSize = (\n  amount: number,\n  minAmount: number,\n  maxAmount: number\n) => {\n  const minSize = 1;\n  const maxSize = 40;\n  if (!amount || amount <= minAmount) return minSize;\n  if (amount >= maxAmount) {\n    // 对数映射极端大值\n    const logMax = Math.log10(10000 - maxAmount + 1);\n    const logVal = Math.log10(amount - maxAmount + 1);\n    return maxSize + (logVal / (logMax || 1)) * (maxSize * 0.2); // 允许极端点更大\n  }\n  // 线性映射\n  return (\n    minSize +\n    ((amount - minAmount) / (maxAmount - minAmount)) * (maxSize - minSize)\n  );\n};\n\nconst getEchartOption = () => {\n  const echartData = getEchartData();\n  const legendData = Object.keys(echartData);\n  // 统计所有 amount\n  const allAmounts = legendData\n    .flatMap((expiry) => echartData[expiry].map((item) => item.size))\n    .filter((v) => typeof v === 'number');\n  const minAmount = Math.min(...allAmounts);\n  const maxAmount = getPercentile(allAmounts, 0.95); // 95分位数\n  const series = legendData.map((expiry, idx) => ({\n    name: expiry,\n    type: 'scatter',\n    data: echartData[expiry].map((item) => [\n      item.time,\n      item.sfm_bp,\n      item.size,\n      item,\n    ]),\n    symbolSize: (val: any[]) => {\n      const amount = val[2];\n      return getSymbolSize(amount, minAmount, maxAmount);\n    },\n    emphasis: { focus: 'series' },\n    blur: {\n      itemStyle: {\n        opacity: 1,\n      },\n    },\n  }));\n\n  const option = {\n    legend: {\n      // type: isMobile.value ? 'scroll' : 'plain',\n      left: 'center',\n      width: '90%',\n      data: legendData,\n      itemGap: isMobile.value ? 5 : 10,\n      textStyle: {\n        // 控制图例文本样式 (可选)\n        color: isDark.value ? '#ADB5BD' : '#596169',\n        fontSize: 12, // 文本字体大小\n        padding: isMobile.value ? [0, 0, 0, -8] : [0, 0, 0, -5],\n      },\n      selected: legendData.reduce((acc, cur) => ({ ...acc, [cur]: true }), {}),\n      lineStyle: {\n        inactiveColor: isDark.value ? '#2B2F32' : '#DEE2E6', // 浅色/Grey/3 图例关闭时的线条描边颜色\n      },\n      inactiveColor: isDark.value ? '#495057' : '#BDC4CB', // 浅色/Grey/5 图例关闭时的颜色\n    },\n    tooltip: {\n      trigger: 'item',\n      backgroundColor: isDark.value ? '#E9ECEF' : '#292F3D',\n      padding: [6, 8, 5, 6],\n      borderWidth: 0,\n      textStyle: {\n        color: isDark.value ? '#000000' : '#FFFFFF',\n        fontSize: 12,\n        lineHeight: 16,\n        fontWeight: 400,\n      },\n      formatter: (params: any) => {\n        const d = params.data[3];\n        const tooltipDate = getTooltipDate(d.ts, locale.value.name, {\n          showSeconds: false,\n        });\n        const iconClass = contractsConfig[currency.value]?.icon || '';\n        const iconColor = isDark.value ? '#000000' : '#FFFFFF';\n        let content = '';\n        content += `<div class=\"chart-tooltip-box\"><div style=\"margin-bottom:4px;\">${tooltipDate}</div>`;\n        content += `\n          <div class=\"chart-tooltip\">\n            <div>\n              <span style=\"display:inline-flex;align-items:center;\">\n                ${params.marker}&nbsp;${d.name}\n                <svg class=\"icon\" style=\"width:1em;height:1em;vertical-align:middle;fill:${iconColor};margin:0 2px;\">\n                  <use xlink:href=\"#${iconClass}\"></use>\n                </svg>\n                ${d.amount}\n              </span>\n            </div>\n          </div>\n          <div class=\"chart-tooltip\">\n            <div>\n              <span>Price: ${d.price} (${\n          d.sfm_bp > 0 ? '+' : ''\n        }${d.sfm_bp.toFixed(1)}bp)</span>\n            </div>\n            <span></span> \n          </div>\n        `;\n        return content + '</div>';\n      },\n    },\n    xAxis: {\n      type: 'time',\n      axisTick: {\n        show: false, // 隐藏刻度线\n      },\n      axisLabel: {\n        // 坐标轴刻度标签\n        color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n        fontWeight: 400,\n        fontSize: 10,\n        // formatter: (val: any) => dayjs(val).format('HH:mm'),\n      },\n      axisLine: {\n        show: false, // 隐藏坐标轴轴线\n        lineStyle: {\n          color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色 浅色/Grey/12\n        },\n      },\n      splitNumber: isMobile.value ? 5 : 7,\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      name: 'SFM (bp)',\n      nameGap: 10,\n      nameRotate: 0,\n      nameTextStyle: {\n        color: isDark.value ? '#8B959F' : '#8B959F', // 浅色/Grey/8\n        fontWeight: 400,\n        fontSize: 10,\n        padding: isMobile.value ? [0, 0, 0, 0] : [0, 0, 0, 8],\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 ? 40 : 60,\n      left: 'left',\n      right: 27,\n      bottom: 50,\n      containLabel: true,\n    },\n    dataZoom: [\n      {\n        type: 'inside',\n        start: 0,\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: number) => {\n          return timestampFormat(value);\n        },\n        rangeMode: 'percent',\n        bottom: '10px',\n        start: 0,\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    series,\n  };\n  // console.log('option', option);\n  return option;\n};\n\nconst chartOption = computed(() => getEchartOption());\n</script>\n"],"names":["useNamespace","useDeviceType","useTheme","useLocale","computed","reactive","dayjs","getTradeScatterPlot","watch","showEndDateTime","onMounted","parseExpiryToDate","getTooltipDate","timestampFormat"],"mappings":"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"}
+{"version":3,"file":"panel-trade-scatter-plot2.js","sources":["../../../../../../../packages/components/panel-trade-scatter-plot/src/panel-trade-scatter-plot.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelTradeScatterPlot from './panel-trade-scatter-plot.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelTradeScatterPlotEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelTradeScatterPlotEmits = typeof panelTradeScatterPlotEmits\nexport const panelTradeScatterPlotProps = 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 PanelTradeScatterPlotProps = ExtractPropTypes<typeof panelTradeScatterPlotProps>\nexport type PanelTradeScatterPlotInstance = InstanceType<typeof PanelTradeScatterPlot>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,0BAA6B,GAAA;AAAA,EACxC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,6BAA6BA,kBAAW,CAAA;AAAA,EACnD,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-vol-fly/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var panelVolFly$1 = require('./src/panel-vol-fly.js');
-var panelVolFly = require('./src/panel-vol-fly2.js');
+var panelVolFly$1 = require('./src/panel-vol-fly2.js');
+var panelVolFly = require('./src/panel-vol-fly.js');
 var install = require('../../utils/vue/install.js');
 
 const GPanelVolFly = install.withInstall(panelVolFly$1["default"]);