greeks-live-ui 0.0.21 → 0.0.22

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

@@ -2,421 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-var chartHelp = require('../../../utils/chartHelp.js');
-var dataLab = require('../../../utils/dataLab.js');
-var panelHistoricalDeliveryPrice = require('./panel-historical-delivery-price.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-locale/index.js');
-var index$2 = require('../../../hooks/use-device-type/index.js');
-var index$3 = require('../../../hooks/use-theme/index.js');
+require('../../../utils/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = { class: "period-range h5-hide" };
-const _hoisted_3 = {
-  class: "echart",
-  ref: "echart"
+const panelHistoricalDeliveryPriceEmits = {
+  "update:currency": (currency) => true,
+  "update:exchange": (exchange) => true
 };
-const __default__ = {
-  name: "GPanelHistoricalDeliveryPrice"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: panelHistoricalDeliveryPrice.panelHistoricalDeliveryPriceProps,
-  emits: panelHistoricalDeliveryPrice.panelHistoricalDeliveryPriceEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const ns = index.useNamespace("panel-historical-delivery-price");
-    const { t } = index$1.useLocale();
-    const { isMobile, isPC } = index$2.useDeviceType();
-    const { isDark } = index$3.useTheme();
-    let legendList = [
-      {
-        value: "1D",
-        label: "1 D",
-        days: 1,
-        color: "#7630F7",
-        percentage: "+24.5%"
-      },
-      {
-        value: "7D",
-        label: "1 W",
-        days: 7,
-        color: "#23C343",
-        percentage: "+24.5%"
-      },
-      {
-        value: "1M",
-        label: "1 M",
-        days: 30,
-        color: "#FFD600",
-        percentage: "+24.5%"
-      },
-      {
-        value: "2M",
-        label: "2 M",
-        days: 60,
-        color: "#FF8D1F",
-        percentage: "+24.5%"
-      },
-      {
-        value: "3M",
-        label: "3 M",
-        days: 90,
-        color: "#FF3B30",
-        percentage: "-24.5%"
-      },
-      {
-        value: "6M",
-        label: "6 M",
-        days: 180,
-        color: "#007AFF",
-        percentage: "-24.5%"
-      },
-      {
-        value: "1Y",
-        label: "1 Y",
-        days: 365,
-        color: "#00C7BE",
-        percentage: "+24.5%"
-      }
-    ];
-    const periodList = vue.computed(() => {
-      let list = [
-        {
-          value: "ALL",
-          label: "All",
-          days: 0,
-          color: "#00B42A",
-          percentage: "+24.5%"
-        },
-        ...legendList
-      ];
-      if (isMobile.value) {
-        list = list.slice(1);
-      }
-      return list;
-    });
-    const state = vue.reactive({
-      loadingFlag: false,
-      exchange: props.exchange || props.defaultExchange || "Deribit",
-      currency: props.currency || props.defaultCurrency || "BTC",
-      period: "3M",
-      periodDateRange: "",
-      chartData: []
-    });
-    const currency = vue.computed({
-      get: () => props.currency || state.currency || "BTC",
-      set: (newVal) => {
-        props.currency ? emit("update:currency", newVal) : state.currency = newVal;
-      }
-    });
-    const exchange = vue.computed({
-      get: () => props.exchange || state.exchange || "Deribit",
-      set: (newVal) => {
-        props.exchange ? emit("update:exchange", newVal) : state.exchange = newVal;
-      }
-    });
-    vue.watch(currency, () => {
-      fetchData();
-    });
-    vue.watch(exchange, () => {
-      fetchData();
-    });
-    const fetchData = () => {
-      state.loadingFlag = true;
-      dataLab.getHDR({ currency: currency.value, type: "delivery", count: 1e3 }).then((res) => {
-        const resData = res.result ? res.result.settlements : null;
-        if (!resData)
-          return;
-        state.chartData = resData;
-      }).finally(() => {
-        state.loadingFlag = false;
-      });
-    };
-    vue.onMounted(() => {
-      handleChangePeriod(state.period);
-    });
-    const handleChangePeriod = (value) => {
-      const selectedPeriod = periodList.value.find((v) => v.value === value);
-      if (!selectedPeriod)
-        return;
-      state.periodDateRange = chartHelp.showDateRange(selectedPeriod.days);
-      fetchData();
-    };
-    const getEchartData = () => {
-      const data = [...state.chartData];
-      let deliveryPriceMap = /* @__PURE__ */ new Map();
-      data.forEach((item) => {
-        let timestamp = item.timestamp;
-        if (!deliveryPriceMap.has(timestamp)) {
-          let date2 = new Date(timestamp);
-          let hours = date2.getUTCHours();
-          let minutes = date2.getUTCMinutes();
-          let seconds = date2.getUTCSeconds();
-          if (hours === 8 && minutes === 0 && seconds === 0) {
-            let index_price = item.index_price;
-            deliveryPriceMap.set(timestamp, index_price);
-          }
-        }
-      });
-      let date = [];
-      let y = [];
-      deliveryPriceMap.forEach((value, key) => {
-        let deliveryDate = chartHelp.timestampFormat(key, "{y}-{m}-{d}") || "";
-        date.push(deliveryDate);
-        y.push(value);
-      });
-      date.reverse();
-      y.reverse();
-      return {
-        date,
-        y
-      };
-    };
-    const getEchartOption = (params) => {
-      const { date, y } = params;
-      const option = {
-        color: legendList.map((v) => v.color),
-        tooltip: {
-          trigger: "axis",
-          axisPointer: {
-            type: "cross",
-            label: {
-              show: isMobile.value ? true : false,
-              backgroundColor: "#DEE2E6",
-              color: "#343A40",
-              padding: [4, 6, 4, 6],
-              margin: 9
-            },
-            crossStyle: {
-              color: "#8B959F"
-            },
-            lineStyle: {
-              color: "#8B959F"
-            }
-          },
-          backgroundColor: isDark.value ? "#E9ECEF" : "#292F3D",
-          padding: isMobile.value ? 0 : [6, 8, 5, 6],
-          textStyle: {
-            color: isDark.value ? "#000000" : "#FFFFFF",
-            fontSize: 12,
-            lineHeight: 16,
-            fontWeight: 400
-          },
-          formatter: (params2) => {
-            let content = "";
-            const toolTipTitle = chartHelp.getTooltipDate(params2[0].axisValueLabel, "en-US");
-            content += `<div class="chart-tooltip-box"><div style="margin-bottom:4px;">${toolTipTitle}</div> `;
-            params2.forEach(
-              (param) => {
-                content += `
-            <div class="chart-tooltip">
-              <div>
-                <span class="chart-tooltip-line" style="background-color:${param.color};"></span>
-              </div>
-              <span>${param.value.toFixed(2)}</span>
-            </div>
-          `;
-              }
-            );
-            return content + "</div>";
-          }
-        },
-        axisPointer: {
-          type: "line",
-          label: {
-            show: true,
-            backgroundColor: "#DEE2E6",
-            color: "#343A40",
-            fontSize: 10,
-            padding: [4, 6, 4, 8]
-          }
-        },
-        legend: {
-          show: !isMobile.value,
-          left: 0,
-          icon: "rect",
-          itemWidth: 14,
-          itemHeight: 2,
-          itemGap: 20,
-          textStyle: {
-            color: "#596169",
-            fontSize: 12
-          },
-          lineStyle: {
-            inactiveColor: isDark.value ? "#2B2F32" : "#DEE2E6"
-          },
-          inactiveColor: isDark.value ? "#495057" : "#BDC4CB"
-        },
-        xAxis: {
-          type: "category",
-          data: date,
-          axisTick: {
-            show: false
-          },
-          axisLabel: {
-            color: isDark.value ? "#CED4DA" : "#343A40",
-            fontWeight: 400,
-            fontSize: 10
-          },
-          axisLine: {
-            show: false,
-            lineStyle: {
-              color: isDark.value ? "#CED4DA" : "#343A40"
-            }
-          },
-          splitLine: {
-            show: !isMobile.value && !isDark.value,
-            lineStyle: {
-              color: "#F1F1F1",
-              width: 1,
-              type: "solid"
-            }
-          }
-        },
-        yAxis: {
-          type: "value",
-          scale: true,
-          axisLabel: {
-            show: true,
-            color: isDark.value ? "#CED4DA" : "#343A40",
-            fontWeight: 400,
-            fontSize: 10
-          },
-          top: 0,
-          bottom: 0,
-          axisLine: {
-            lineStyle: {
-              color: isDark.value ? "#CED4DA" : "#343A40"
-            }
-          },
-          splitLine: {
-            lineStyle: {
-              color: isDark.value ? "#2B2F32" : "#F1F1F1",
-              width: 1,
-              type: "solid"
-            }
-          }
-        },
-        grid: {
-          top: 20,
-          bottom: 0,
-          left: "left",
-          right: 27,
-          containLabel: true
-        },
-        series: [
-          {
-            type: "line",
-            data: y,
-            color: "#FFD600"
-          }
-        ]
-      };
-      return option;
-    };
-    const setOption = () => {
-      return getEchartOption(getEchartData());
-    };
-    return (_ctx, _cache) => {
-      const _component_g_icon = vue.resolveComponent("g-icon");
-      const _component_g_tooltip = vue.resolveComponent("g-tooltip");
-      const _component_g_select_option = vue.resolveComponent("g-select-option");
-      const _component_g_select = vue.resolveComponent("g-select");
-      const _component_g_chart = vue.resolveComponent("g-chart");
-      const _component_g_chart_panel = vue.resolveComponent("g-chart-panel");
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass([vue.unref(ns).b()])
-        },
-        [
-          vue.createVNode(_component_g_chart_panel, {
-            currency: vue.unref(currency),
-            "onUpdate:currency": _cache[1] || (_cache[1] = ($event) => vue.isRef(currency) ? currency.value = $event : null),
-            exchange: vue.unref(exchange),
-            "onUpdate:exchange": _cache[2] || (_cache[2] = ($event) => vue.isRef(exchange) ? exchange.value = $event : null),
-            loading: state.loadingFlag,
-            onRefresh: fetchData
-          }, {
-            title: vue.withCtx(() => [
-              vue.createVNode(_component_g_tooltip, { placement: "bottom" }, {
-                title: vue.withCtx(() => [
-                  vue.createElementVNode("div", {
-                    innerHTML: vue.unref(t)("message.historicalDeliveryPriceTips")
-                  }, null, 8, _hoisted_1)
-                ]),
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(
-                    vue.toDisplayString(vue.unref(t)("message.historicalDeliveryPrice")) + " ",
-                    1
-                  ),
-                  vue.createVNode(_component_g_icon, { type: "info_question_circle" })
-                ]),
-                _: 1
-              })
-            ]),
-            tool: vue.withCtx(() => [
-              vue.createVNode(_component_g_select, {
-                value: state.period,
-                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => state.period = $event),
-                onChange: handleChangePeriod,
-                size: vue.unref(isPC) ? "small" : "medium"
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(true), vue.createElementBlock(
-                    vue.Fragment,
-                    null,
-                    vue.renderList(vue.unref(periodList), (periodItem) => {
-                      return vue.openBlock(), vue.createBlock(_component_g_select_option, {
-                        value: periodItem.value
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(
-                            vue.toDisplayString(periodItem.label),
-                            1
-                          )
-                        ]),
-                        _: 2
-                      }, 1032, ["value"]);
-                    }),
-                    256
-                  ))
-                ]),
-                _: 1
-              }, 8, ["value", "size"]),
-              vue.createElementVNode(
-                "span",
-                _hoisted_2,
-                vue.toDisplayString(state.periodDateRange),
-                1
-              )
-            ]),
-            body: vue.withCtx(() => [
-              vue.createElementVNode(
-                "div",
-                _hoisted_3,
-                [
-                  vue.createVNode(_component_g_chart, {
-                    class: "skew-chart",
-                    option: setOption()
-                  }, null, 8, ["option"])
-                ],
-                512
-              )
-            ]),
-            _: 1
-          }, 8, ["currency", "exchange", "loading"])
-        ],
-        2
-      );
-    };
+const panelHistoricalDeliveryPriceProps = runtime.buildProps({
+  defaultCurrency: {
+    type: String,
+    required: false
+  },
+  defaultExchange: {
+    type: String,
+    required: false
+  },
+  currency: {
+    type: String,
+    required: false
+  },
+  exchange: {
+    type: String,
+    required: false
   }
 });
-var PanelHistoricalDeliveryPrice = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/panel-historical-delivery-price/src/panel-historical-delivery-price.vue"]]);
 
-exports["default"] = PanelHistoricalDeliveryPrice;
+exports.panelHistoricalDeliveryPriceEmits = panelHistoricalDeliveryPriceEmits;
+exports.panelHistoricalDeliveryPriceProps = panelHistoricalDeliveryPriceProps;
 //# sourceMappingURL=panel-historical-delivery-price2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"panel-historical-delivery-price2.js","sources":["../../../../../../../packages/components/panel-historical-delivery-price/src/panel-historical-delivery-price.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\">\n    <g-chart-panel\n      v-model:currency=\"currency\"\n      v-model:exchange=\"exchange\"\n      :loading=\"state.loadingFlag\"\n      @refresh=\"fetchData\"\n    >\n      <template #title>\n        <g-tooltip placement=\"bottom\">\n          {{ t('message.historicalDeliveryPrice') }}\n          <g-icon type=\"info_question_circle\" />\n          <template #title>\n            <div v-html=\"t('message.historicalDeliveryPriceTips')\"></div>\n          </template>\n        </g-tooltip>\n      </template>\n\n      <template #tool>\n        <g-select\n          v-model:value=\"state.period\"\n          @change=\"handleChangePeriod\"\n          :size=\"isPC ? 'small' : 'medium'\"\n        >\n          <g-select-option\n            v-for=\"periodItem in periodList\"\n            :value=\"periodItem.value\"\n            >{{ periodItem.label }}</g-select-option\n          >\n        </g-select>\n        <span class=\"period-range h5-hide\">{{ state.periodDateRange }}</span>\n      </template>\n      <template #body>\n        <div class=\"echart\" ref=\"echart\">\n          <g-chart class=\"skew-chart\" :option=\"setOption()\"></g-chart>\n        </div>\n      </template>\n    </g-chart-panel>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  useNamespace,\n  useDeviceType,\n  useLocale,\n  useTheme,\n} from '@greeks-live-ui/hooks';\nimport { reactive, computed, onMounted, watch } from 'vue';\n\nimport {\n  getTooltipDate,\n  showDateRange,\n  timestampFormat,\n} from '@greeks-live-ui/utils/chartHelp';\nimport { getHDR, ISettlementItem } from '@greeks-live-ui/utils/dataLab';\nimport {\n  panelHistoricalDeliveryPriceEmits,\n  panelHistoricalDeliveryPriceProps,\n} from './panel-historical-delivery-price';\n\ndefineOptions({\n  name: 'GPanelHistoricalDeliveryPrice',\n});\nconst props = defineProps(panelHistoricalDeliveryPriceProps);\nconst emit = defineEmits(panelHistoricalDeliveryPriceEmits);\n\nconst ns = useNamespace('panel-historical-delivery-price');\nconst { t } = useLocale();\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nlet legendList = [\n  {\n    value: '1D',\n    label: '1 D',\n    days: 1,\n    color: '#7630F7',\n    percentage: '+24.5%',\n  },\n  {\n    value: '7D',\n    label: '1 W',\n    days: 7,\n    color: '#23C343',\n    percentage: '+24.5%',\n  },\n  {\n    value: '1M',\n    label: '1 M',\n    days: 30,\n    color: '#FFD600',\n    percentage: '+24.5%',\n  },\n  {\n    value: '2M',\n    label: '2 M',\n    days: 60,\n    color: '#FF8D1F',\n    percentage: '+24.5%',\n  },\n  {\n    value: '3M',\n    label: '3 M',\n    days: 90,\n    color: '#FF3B30',\n    percentage: '-24.5%',\n  },\n  {\n    value: '6M',\n    label: '6 M',\n    days: 180,\n    color: '#007AFF',\n    percentage: '-24.5%',\n  },\n  {\n    value: '1Y',\n    label: '1 Y',\n    days: 365,\n    color: '#00C7BE',\n    percentage: '+24.5%',\n  },\n];\nconst periodList = computed(() => {\n  let list = [\n    {\n      value: 'ALL',\n      label: 'All',\n      days: 0,\n      color: '#00B42A',\n      percentage: '+24.5%',\n    },\n    ...legendList,\n  ];\n  if (isMobile.value) {\n    list = list.slice(1);\n  }\n  return list;\n});\n\nconst state = reactive({\n  loadingFlag: false,\n\n  exchange: props.exchange || props.defaultExchange || 'Deribit',\n  currency: props.currency || props.defaultCurrency || 'BTC',\n\n  period: '3M',\n  periodDateRange: '',\n\n  chartData: [] as ISettlementItem[],\n});\n\nconst currency = computed({\n  get: () => props.currency || state.currency || 'BTC',\n  set: (newVal) => {\n    props.currency\n      ? emit('update:currency', newVal)\n      : (state.currency = newVal);\n  },\n});\n\nconst exchange = computed({\n  get: () => props.exchange || state.exchange || 'Deribit',\n  set: (newVal) => {\n    props.exchange\n      ? emit('update:exchange', newVal)\n      : (state.exchange = newVal);\n  },\n});\n\nwatch(currency, () => {\n  fetchData();\n});\n\nwatch(exchange, () => {\n  fetchData();\n});\n\nconst fetchData = () => {\n  state.loadingFlag = true;\n  getHDR({ currency: currency.value, type: 'delivery', count: 1000 })\n    .then((res) => {\n      // if (res && res.code === 200) {\n      // }\n      const resData = res.result ? res.result.settlements : null;\n      if (!resData) return;\n      state.chartData = resData as unknown as ISettlementItem[];\n    })\n    .finally(() => {\n      state.loadingFlag = false;\n    });\n};\n\nonMounted(() => {\n  handleChangePeriod(state.period);\n});\n\nconst handleChangePeriod = (value: string) => {\n  const selectedPeriod = periodList.value.find((v) => v.value === value);\n  if (!selectedPeriod) return;\n  state.periodDateRange = showDateRange(selectedPeriod.days);\n  fetchData();\n};\n\nconst getEchartData = () => {\n  const data = [...state.chartData];\n\n  let deliveryPriceMap = new Map();\n  data.forEach((item) => {\n    let timestamp = item.timestamp;\n    if (!deliveryPriceMap.has(timestamp)) {\n      let date = new Date(timestamp);\n      let hours = date.getUTCHours();\n      let minutes = date.getUTCMinutes();\n      let seconds = date.getUTCSeconds();\n      if (hours === 8 && minutes === 0 && seconds === 0) {\n        let index_price = item.index_price;\n        deliveryPriceMap.set(timestamp, index_price);\n      }\n    }\n  });\n\n  let date: string[] = [];\n  let y: number[] = [];\n\n  deliveryPriceMap.forEach((value, key) => {\n    // key是交割时间戳，value是交割指数价格\n    let deliveryDate = timestampFormat(key, '{y}-{m}-{d}') || '';\n    date.push(deliveryDate);\n    y.push(value);\n  });\n\n  date.reverse();\n  y.reverse();\n\n  return {\n    date,\n    y,\n  };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n  const { date, y } = params;\n  // console.log('params====>', params);\n\n  const option = {\n    color: legendList.map((v) => v.color),\n\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        type: 'cross',\n        label: {\n          show: isMobile.value ? true : false, // 标签显示\n          backgroundColor: '#DEE2E6',\n          color: '#343A40',\n          padding: [4, 6, 4, 6],\n          margin: 9,\n        },\n        crossStyle: {\n          // 十字准星X轴指示器样式\n          color: '#8B959F',\n        },\n        lineStyle: {\n          // 十字准星Y轴指示器样式\n          color: '#8B959F',\n        },\n      },\n\n      backgroundColor: isDark.value ? '#E9ECEF' : '#292F3D', // 浅色/Grey/14\n      padding: isMobile.value ? 0 : [6, 8, 5, 6],\n      textStyle: {\n        color: isDark.value ? '#000000' : '#FFFFFF', // 浅色/Grey/White\n        fontSize: 12,\n        lineHeight: 16,\n        fontWeight: 400,\n      },\n\n      formatter: (\n        params: Array<{\n          axisValueLabel: string;\n          seriesName: string;\n          color: string;\n          value: number;\n        }>\n      ) => {\n        let content = '';\n        const toolTipTitle = getTooltipDate(params[0].axisValueLabel, 'en-US');\n        content += `<div class=\"chart-tooltip-box\"><div style=\"margin-bottom:4px;\">${toolTipTitle}</div> `;\n\n        params.forEach(\n          (param: {\n            axisValueLabel: string;\n            seriesName: string;\n            color: string;\n            value: number;\n          }) => {\n            content += `\n            <div class=\"chart-tooltip\">\n              <div>\n                <span class=\"chart-tooltip-line\" style=\"background-color:${\n                  param.color\n                };\"></span>\n              </div>\n              <span>${param.value.toFixed(2)}</span>\n            </div>\n          `;\n          }\n        );\n        return content + '</div>';\n      },\n    },\n    axisPointer: {\n      type: 'line', // 显示指示线\n      label: {\n        show: true, // 显示指示线上的标签\n        backgroundColor: '#DEE2E6', // 标签背景颜色\n        color: '#343A40',\n        fontSize: 10,\n        padding: [4, 6, 4, 8],\n      },\n      // lineStyle: {\n      //   type: 'dashed', // 虚线\n      //   color: 'red'   // 线的颜色\n      // }\n    },\n    legend: {\n      // ...returnLegendStyle('line'),\n      show: !isMobile.value,\n\n      left: 0,\n      icon: 'rect', // 使用矩形作为图标，使其看起来像短横线\n      itemWidth: 14, // 控制短横线的长度\n      itemHeight: 2, // 控制短横线的粗细 (高度)\n      itemGap: 20, // 控制图例项之间的间距 (可选)\n      textStyle: {\n        // 控制图例文本样式 (可选)\n        color: '#596169', // 文本颜色\n        fontSize: 12, // 文本字体大小\n      },\n      lineStyle: {\n        inactiveColor: isDark.value ? '#2B2F32' : '#DEE2E6', // 浅色/Grey/3 图例关闭时的线条描边颜色\n      },\n      inactiveColor: isDark.value ? '#495057' : '#BDC4CB', // 浅色/Grey/5 图例关闭时的颜色\n\n      // top: '3%',\n    },\n    xAxis: {\n      type: 'category',\n      data: date,\n      axisTick: {\n        show: false, // 隐藏刻度线\n      },\n      axisLabel: {\n        // 坐标轴刻度标签\n        color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      axisLine: {\n        show: false, // 隐藏坐标轴轴线\n        lineStyle: {\n          color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色 浅色/Grey/12\n        },\n      },\n      splitLine: {\n        show: !isMobile.value && !isDark.value, // 显示 X 轴网格线\n        lineStyle: {\n          color: '#F1F1F1', // 网格线颜色\n          width: 1, // 网格线宽度\n          type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n        },\n      },\n    },\n    yAxis: {\n      type: 'value',\n      scale: true,\n      axisLabel: {\n        // 坐标轴刻度标签\n        show: true,\n        color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      top: 0,\n      bottom: 0,\n      axisLine: {\n        lineStyle: {\n          color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色 浅色/Grey/12\n        },\n      },\n      splitLine: {\n        lineStyle: {\n          color: isDark.value ? '#2B2F32' : '#F1F1F1', // 网格线颜色 浅色/Grey/3 '#F1F1F1'\n          width: 1, // 网格线宽度\n          type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n        },\n      },\n    },\n    grid: {\n      top: 20,\n      bottom: 0,\n      left: 'left',\n      right: 27,\n      containLabel: true,\n    },\n    series: [\n      {\n        type: 'line',\n        data: y,\n        color: '#FFD600',\n      },\n    ],\n  };\n  return option;\n};\n\nconst setOption = () => {\n  return getEchartOption(getEchartData());\n};\n</script>\n"],"names":["useNamespace","useLocale","useDeviceType","useTheme","computed","reactive","watch","getHDR","onMounted","showDateRange","date","timestampFormat","getTooltipDate","params"],"mappings":"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"}
+{"version":3,"file":"panel-historical-delivery-price2.js","sources":["../../../../../../../packages/components/panel-historical-delivery-price/src/panel-historical-delivery-price.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelHistoricalDeliveryPrice from './panel-historical-delivery-price.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelHistoricalDeliveryPriceEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelHistoricalDeliveryPriceEmits = typeof panelHistoricalDeliveryPriceEmits\nexport const panelHistoricalDeliveryPriceProps = 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 PanelHistoricalDeliveryPriceProps = ExtractPropTypes<typeof panelHistoricalDeliveryPriceProps>\nexport type PanelHistoricalDeliveryPriceInstance = InstanceType<typeof PanelHistoricalDeliveryPrice>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,iCAAoC,GAAA;AAAA,EAC/C,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,oCAAoCA,kBAAW,CAAA;AAAA,EAC1D,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-implied-volatility-surface/index.js

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