greeks-live-ui 0.1.20 → 0.1.21

package/lib/packages/components/panel-vrp/src/panel-vrp.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-vrp.js","sources":["../../../../../../../packages/components/panel-vrp/src/panel-vrp.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelVrp from './panel-vrp.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelVrpEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelVrpEmits = typeof panelVrpEmits\nexport const panelVrpProps = 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 PanelVrpProps = ExtractPropTypes<typeof panelVrpProps>\nexport type PanelVrpInstance = InstanceType<typeof PanelVrp>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,aAAgB,GAAA;AAAA,EAC3B,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,gBAAgBA,kBAAW,CAAA;AAAA,EACtC,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-vrp.js","sources":["../../../../../../../packages/components/panel-vrp/src/panel-vrp.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        {{ t('message.vrp') }}\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.vrpTips')\"></div>\n          </template>\n        </g-tooltip>\n      </template>\n      <template #tool>\n        <div class=\"second-select\">\n          <span class=\"selector-label h5-hide\">{{\n            t('message.volTenor')\n          }}</span>\n          <g-select\n            v-model:value=\"state.volTenor\"\n            :size=\"isPC ? 'small' : 'medium'\"\n          >\n            <g-select-option\n              v-for=\"item in volTenorList\"\n              :value=\"item\"\n              :key=\"item\"\n            >\n              {{ item }}\n            </g-select-option>\n          </g-select>\n        </div>\n        <div :class=\"ns.e('mean-value')\">\n          <g-tooltip\n            :underdotted=\"true\"\n            placement=\"bottom\"\n            :isMobile=\"isMobile\"\n          >\n            <span :class=\"ns.e('mean-label')\">{{ t('message.vrpMean') }}</span>\n            <span :class=\"ns.e('mean-text')\">{{ meanHeaderValue }}</span>\n            <template #title>\n              <div :class=\"ns.e('stats-tooltip')\">\n                <div :class=\"ns.e('stats-header')\">\n                  {{ t('message.vrpRangeStats') }}\n                </div>\n                <div :class=\"ns.e('stats-row')\">\n                  <span :class=\"ns.e('stats-label')\">{{\n                    t('message.statMean')\n                  }}</span>\n                  <span :class=\"ns.e('stats-value')\">{{\n                    statsDisplay.mean\n                  }}</span>\n                </div>\n                <div :class=\"ns.e('stats-row')\">\n                  <span :class=\"ns.e('stats-label')\">{{\n                    t('message.statMax')\n                  }}</span>\n                  <span :class=\"ns.e('stats-value')\">{{\n                    statsDisplay.max\n                  }}</span>\n                </div>\n                <div :class=\"ns.e('stats-row')\">\n                  <span :class=\"ns.e('stats-label')\">{{\n                    t('message.statMin')\n                  }}</span>\n                  <span :class=\"ns.e('stats-value')\">{{\n                    statsDisplay.min\n                  }}</span>\n                </div>\n                <div :class=\"ns.e('stats-row')\">\n                  <span :class=\"ns.e('stats-label')\">{{\n                    t('message.statDays')\n                  }}</span>\n                  <span :class=\"ns.e('stats-value')\">{{\n                    statsDisplay.days\n                  }}</span>\n                </div>\n              </div>\n            </template>\n          </g-tooltip>\n        </div>\n        <div class=\"period-controls\">\n          <span class=\"selector-label h5-hide\">{{ t('message.range') }}</span>\n          <g-select\n            v-model:value=\"state.period\"\n            :size=\"isPC ? 'small' : 'medium'\"\n            @change=\"handleChangePeriod\"\n          >\n            <g-select-option\n              v-for=\"item in periodList\"\n              :value=\"item.value\"\n              :key=\"item.value\"\n            >\n              {{ item.label }}\n            </g-select-option>\n          </g-select>\n          <span class=\"period-range h5-hide\">{{ state.periodDateRange }}</span>\n        </div>\n      </template>\n      <template #body>\n        <div class=\"echart\" ref=\"echart\">\n          <g-chart class=\"skew-chart\" :option=\"chartOption\"></g-chart>\n        </div>\n      </template>\n    </g-chart-panel>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport {\n  useNamespace,\n  useLocale,\n  useDeviceType,\n  useTheme,\n} from '@greeks-live-ui/hooks';\nimport { reactive, computed, onMounted, watch } from 'vue';\n\nimport {\n  numberFormat,\n  timestampFormat,\n  showDateRange,\n  getTooltipDate,\n} from '@greeks-live-ui/utils/chartHelp';\nimport { getVrp, IVrpItem } from '@greeks-live-ui/utils/dataLab';\nimport { panelVrpEmits, panelVrpProps, type IVrpStats } from './panel-vrp';\n\ndefineOptions({\n  name: 'GPanelVrp',\n});\nconst props = defineProps(panelVrpProps);\nconst emit = defineEmits(panelVrpEmits);\nconst ns = useNamespace('panel-vrp');\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nconst { t, locale } = useLocale();\n\nconst periodList = [\n  {\n    value: '1D',\n    label: '1D',\n    days: 1,\n  },\n  {\n    value: '7D',\n    label: '7D',\n    days: 7,\n  },\n  {\n    value: '15D',\n    label: '15D',\n    days: 15,\n  },\n  {\n    value: '1M',\n    label: '1M',\n    days: 30,\n  },\n  {\n    value: '3M',\n    label: '3M',\n    days: 90,\n  },\n  {\n    value: '6M',\n    label: '6M',\n    days: 180,\n  },\n  {\n    value: '1Y',\n    label: '1Y',\n    days: 365,\n  },\n];\nconst volTenorList = ['1D', '3D', '7D', '15D', '1M', '3M'];\n\nconst state = reactive({\n  loadingFlag: false,\n\n  exchange: props.exchange || props.defaultExchange || 'Deribit',\n  currency: props.currency || props.defaultCurrency || 'BTC',\n\n  volTenor: '15D',\n  period: '15D',\n  periodDateRange: '',\n\n  chartData: [] as IVrpItem[],\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 selectedPeriodDays = computed(() => {\n  return periodList.find((item) => item.value === state.period)?.days ?? 0;\n});\n\nconst filterChartDataByPeriod = (chartData: IVrpItem[], days: number) => {\n  if (!days) {\n    return chartData;\n  }\n\n  const cutoff = Date.now() - days * 24 * 60 * 60 * 1000;\n  return chartData.filter((item) => item.datetime >= cutoff);\n};\n\nconst filteredChartData = computed(() =>\n  filterChartDataByPeriod(state.chartData, selectedPeriodDays.value)\n);\n\nconst getVolTenorResolution = (volTenor: string) => {\n  switch (volTenor) {\n    case '1D':\n      return 1;\n    case '3D':\n      return 3;\n    case '7D':\n      return 7;\n    case '15D':\n      return 15;\n    case '1M':\n      return 30;\n    case '3M':\n      return 90;\n    default:\n      return 15;\n  }\n};\n\nconst buildVrpSeries = (chartData: IVrpItem[], volTenor: string) => {\n  const resolution = getVolTenorResolution(volTenor);\n  const vrpData: Array<[number, number]> = [];\n\n  chartData.forEach((item) => {\n    item.data.forEach((dataItem) => {\n      if (dataItem.day === resolution) {\n        vrpData.push([item.datetime, dataItem.iv - dataItem.rv]);\n      }\n    });\n  });\n\n  return vrpData;\n};\n\nconst formatVrpPercent = (\n  value: number | null | undefined,\n  fractionDigits = 1\n) => {\n  if (value == null || !Number.isFinite(value)) {\n    return '-';\n  }\n\n  const fixed = Number(value).toFixed(fractionDigits);\n  if (Number(fixed) === 0) {\n    return '0.0%';\n  }\n\n  return `${fixed}%`;\n};\n\nconst computeVrpStats = (values: number[]): IVrpStats | null => {\n  if (!values.length) {\n    return null;\n  }\n\n  let sum = 0;\n  let max = values[0];\n  let min = values[0];\n\n  values.forEach((value) => {\n    sum += value;\n    if (value > max) max = value;\n    if (value < min) min = value;\n  });\n\n  return {\n    mean: sum / values.length,\n    max,\n    min,\n  };\n};\n\nconst getZeroMarkLine = () => ({\n  name: '0',\n  yAxis: 0,\n  symbol: ['none', 'arrow'],\n  symbolSize: [0, 8],\n  silent: true,\n  lineStyle: {\n    color: '#909399',\n  },\n  label: {\n    show: true,\n    position: 'end',\n    color: isDark.value ? '#CED4DA' : '#343A40',\n    borderWidth: 0,\n    padding: 0,\n    shadowBlur: 0,\n    fontSize: 12,\n  },\n});\n\nconst getMeanMarkLine = (mean: number) => {\n  const meanLabel = mean.toFixed(1);\n\n  return {\n    name: 'mean',\n    yAxis: mean,\n    symbol: ['none', 'arrow'],\n    symbolSize: [0, 8],\n    silent: true,\n    lineStyle: {\n      color: '#ADB5BD',\n      type: 'dashed',\n    },\n    label: {\n      show: true,\n      position: 'end',\n      formatter: meanLabel,\n      color: isDark.value ? '#CED4DA' : '#343A40',\n      borderWidth: 0,\n      padding: 0,\n      shadowBlur: 0,\n      fontSize: 12,\n    },\n  };\n};\n\nconst vrpSeries = computed(() =>\n  buildVrpSeries(filteredChartData.value, state.volTenor)\n);\n\nconst vrpStats = computed(() => {\n  const values = vrpSeries.value.map(([, value]) => value);\n  return computeVrpStats(values);\n});\n\nconst meanHeaderValue = computed(() => {\n  if (state.loadingFlag) {\n    return '-';\n  }\n\n  return formatVrpPercent(vrpStats.value?.mean ?? null, 1);\n});\n\nconst statsDisplay = computed(() => {\n  const days = `${selectedPeriodDays.value}d`;\n  if (state.loadingFlag || !vrpStats.value) {\n    return {\n      mean: '-',\n      max: '-',\n      min: '-',\n      days,\n    };\n  }\n\n  return {\n    mean: formatVrpPercent(vrpStats.value.mean, 1),\n    max: formatVrpPercent(vrpStats.value.max, 1),\n    min: formatVrpPercent(vrpStats.value.min, 1),\n    days,\n  };\n});\n\nwatch(currency, () => {\n  fetchData();\n});\n\nwatch(exchange, () => {\n  fetchData();\n});\n\nconst fetchData = () => {\n  state.loadingFlag = true;\n  getVrp({\n    currency: currency.value,\n    gap: state.period,\n    exchange: exchange.value,\n  })\n    .then((res) => {\n      const resData = res.data?.data;\n      if (!resData) {\n        state.chartData = [];\n        return;\n      }\n      state.chartData = resData;\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.find((v) => v.value === value);\n  if (!selectedPeriod) return;\n  state.periodDateRange = showDateRange(selectedPeriod.days);\n  fetchData();\n};\n\nconst getEchartOption = (\n  vrpData: Array<[number, number]>,\n  stats: IVrpStats | null\n) => {\n  const markLineData: Array<Record<string, unknown>> = [getZeroMarkLine()];\n  const showMeanLine = !state.loadingFlag && stats != null;\n\n  if (showMeanLine) {\n    markLineData.push(getMeanMarkLine(stats.mean));\n  }\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          formatter: (params: { axisDimension: string; value: number }) => {\n            if (params.axisDimension === 'x') {\n              return timestampFormat(params.value);\n            } else {\n              return numberFormat(params.value, 2);\n            }\n          },\n        },\n        crossStyle: {\n          // 十字准星X轴指示器样式\n          color: '#8B959F',\n        },\n        lineStyle: {\n          // 十字准星Y轴指示器样式\n          color: '#8B959F',\n        },\n      },\n      formatter: (params: any) => {\n        try {\n          let html = `\n            <div style=\"display: flex;justify-content: space-between;align-items: center;\">\n              <div>${getTooltipDate(params[0].axisValue, locale.value.name, {\n                showSeconds: false,\n              })}</div>\n            </div>\n            `;\n          if (params[0]) {\n            html += `<div style=\"display: flex;justify-content: space-between;align-items: center;\">\n              <div style=\"margin-right: 40px;\">${params[0].marker}&nbsp;${\n              params[0].seriesName\n            }</div>\n              <div>&nbsp;${numberFormat(params[0].data[1], 2)}</div>\n            </div>`;\n          }\n          return html;\n        } catch (e) {\n          return '';\n        }\n      },\n      backgroundColor: isDark.value ? '#E9ECEF' : '#292F3D', // 浅色/Grey/14\n      textStyle: {\n        color: isDark.value ? '#000000' : '#FFFFFF', // 浅色/Grey/White\n        fontSize: 12,\n        lineHeight: 16,\n        fontWeight: 400,\n      },\n    },\n    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    xAxis: {\n      position: 'bottom',\n      type: 'time',\n      boundaryGap: false,\n      axisTick: {\n        show: false, // 隐藏 X 轴刻度线\n      },\n      axisLabel: {\n        // 坐标轴刻度标签\n        color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      axisLine: {\n        onZero: false,\n        show: false, // 隐藏坐标轴轴线\n        lineStyle: {\n          color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色 浅色/Grey/12\n        },\n      },\n      splitLine: {\n        show: !isMobile.value && !isDark.value, // 显示 X 轴网格线\n        lineStyle: {\n          color: '#F1F1F1', // 网格线颜色 '#F1F1F1'\n          width: 1, // 网格线宽度\n          type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n        },\n      },\n    },\n    yAxis: {\n      type: 'value',\n      scale: true,\n      name: 'VRP(%)',\n      nameLocation: 'end',\n      nameTextStyle: {\n        color: isDark.value ? '#8B959F' : '#8B959F', // 浅色/Grey/8\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      axisLabel: {\n        // 坐标轴刻度标签\n        show: true,\n        color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      axisLine: {\n        lineStyle: {\n          color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色 浅色/Grey/12\n        },\n      },\n      splitLine: {\n        lineStyle: {\n          color: isDark.value ? '#2B2F32' : '#F1F1F1', // 网格线颜色 浅色/Grey/3 '#F1F1F1'\n          width: 1, // 网格线宽度\n          type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n        },\n      },\n    },\n    grid: {\n      top: 30,\n      left: 'left',\n      right: 40,\n      bottom: 50,\n      containLabel: true,\n    },\n    dataZoom: [\n      {\n        type: 'inside', //详细配置可见echarts官网\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        name: 'VRP',\n        type: 'line',\n        data: vrpData,\n        symbol: 'none',\n        markLine: {\n          data: markLineData,\n        },\n      },\n    ],\n  };\n  return option;\n};\n\nconst chartOption = computed(() => {\n  return getEchartOption(vrpSeries.value, vrpStats.value);\n});\n</script>\n"],"names":["useNamespace","useDeviceType","useTheme","useLocale","reactive","computed","watch","getVrp","onMounted","showDateRange","timestampFormat","numberFormat","getTooltipDate"],"mappings":"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"}

package/lib/packages/components/panel-vrp/src/panel-vrp2.js

@@ -2,487 +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 panelVrp = require('./panel-vrp.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-device-type/index.js');
-var index$2 = require('../../../hooks/use-theme/index.js');
-var index$3 = require('../../../hooks/use-locale/index.js');
+require('../../../utils/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = { class: "second-select" };
-const _hoisted_3 = { class: "selector-label h5-hide" };
-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 panelVrpEmits = {
+  "update:currency": (currency) => true,
+  "update:exchange": (exchange) => true
 };
-const __default__ = {
-  name: "GPanelVrp"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: panelVrp.panelVrpProps,
-  emits: panelVrp.panelVrpEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const ns = index.useNamespace("panel-vrp");
-    const { isMobile, isPC } = index$1.useDeviceType();
-    const { isDark } = index$2.useTheme();
-    const { t, locale } = index$3.useLocale();
-    const periodList = [
-      {
-        value: "1D",
-        label: "1D",
-        days: 1
-      },
-      {
-        value: "7D",
-        label: "7D",
-        days: 7
-      },
-      {
-        value: "15D",
-        label: "15D",
-        days: 15
-      },
-      {
-        value: "1M",
-        label: "1M",
-        days: 30
-      },
-      {
-        value: "3M",
-        label: "3M",
-        days: 90
-      },
-      {
-        value: "6M",
-        label: "6M",
-        days: 180
-      },
-      {
-        value: "1Y",
-        label: "1Y",
-        days: 365
-      }
-    ];
-    const volTenorList = ["1D", "3D", "7D", "15D", "1M", "3M"];
-    const state = vue.reactive({
-      loadingFlag: false,
-      exchange: props.exchange || props.defaultExchange || "Deribit",
-      currency: props.currency || props.defaultCurrency || "BTC",
-      volTenor: "15D",
-      period: "15D",
-      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.getVrp({
-        currency: currency.value,
-        gap: state.period,
-        exchange: exchange.value
-      }).then((res) => {
-        var _a;
-        const resData = (_a = res.data) == null ? void 0 : _a.data;
-        if (!resData)
-          return;
-        state.chartData = resData;
-      }).finally(() => {
-        state.loadingFlag = false;
-      });
-    };
-    vue.onMounted(() => {
-      handleChangePeriod(state.period);
-    });
-    const handleChangePeriod = (value) => {
-      const selectedPeriod = periodList.find((v) => v.value === value);
-      if (!selectedPeriod)
-        return;
-      state.periodDateRange = chartHelp.showDateRange(selectedPeriod.days);
-      fetchData();
-    };
-    const getEchartData = () => {
-      const data = [...state.chartData];
-      let vrpData = [];
-      let tempResolution = 30;
-      switch (state.volTenor) {
-        case "1D":
-          tempResolution = 1;
-          break;
-        case "3D":
-          tempResolution = 3;
-          break;
-        case "7D":
-          tempResolution = 7;
-          break;
-        case "15D":
-          tempResolution = 15;
-          break;
-        case "1M":
-          tempResolution = 30;
-          break;
-        case "3M":
-          tempResolution = 90;
-          break;
-      }
-      data.forEach((item) => {
-        let dataList = item.data;
-        dataList.forEach((dataItem) => {
-          if (dataItem.day === tempResolution) {
-            vrpData.push([item.datetime, dataItem.iv - dataItem.rv]);
-          }
-        });
-      });
-      return {
-        vrpData
-      };
-    };
-    const getEchartOption = (params) => {
-      const { vrpData } = params;
-      const option = {
-        color: ["#FFD600"],
-        tooltip: {
-          trigger: "axis",
-          axisPointer: {
-            type: "cross",
-            label: {
-              show: isMobile.value ? true : false,
-              backgroundColor: "#DEE2E6",
-              color: "#343A40",
-              padding: [4, 6, 4, 6],
-              margin: 9,
-              formatter: (params2) => {
-                if (params2.axisDimension === "x") {
-                  return chartHelp.timestampFormat(params2.value);
-                } else {
-                  return chartHelp.numberFormat(params2.value, 2);
-                }
-              }
-            },
-            crossStyle: {
-              color: "#8B959F"
-            },
-            lineStyle: {
-              color: "#8B959F"
-            }
-          },
-          formatter: (params2) => {
-            try {
-              let html = `
-            <div style="display: flex;justify-content: space-between;align-items: center;">
-              <div>${chartHelp.getTooltipDate(params2[0].axisValue, locale.value.name, {
-                showSeconds: false
-              })}</div>
-            </div>
-            `;
-              if (params2[0]) {
-                html += `<div style="display: flex;justify-content: space-between;align-items: center;">
-              <div style="margin-right: 40px;">${params2[0].marker}&nbsp;${params2[0].seriesName}</div>
-              <div>&nbsp;${chartHelp.numberFormat(params2[0].data[1], 2)}</div>
-            </div>`;
-              }
-              return html;
-            } catch (e) {
-              return "";
-            }
-          },
-          backgroundColor: isDark.value ? "#E9ECEF" : "#292F3D",
-          textStyle: {
-            color: isDark.value ? "#000000" : "#FFFFFF",
-            fontSize: 12,
-            lineHeight: 16,
-            fontWeight: 400
-          }
-        },
-        axisPointer: {
-          type: "line",
-          label: {
-            show: true,
-            backgroundColor: "#DEE2E6",
-            color: "#343A40",
-            fontSize: 10,
-            padding: [4, 6, 4, 8]
-          }
-        },
-        xAxis: {
-          position: "bottom",
-          type: "time",
-          boundaryGap: false,
-          axisTick: {
-            show: false
-          },
-          axisLabel: {
-            color: isDark.value ? "#CED4DA" : "#343A40",
-            fontWeight: 400,
-            fontSize: 10
-          },
-          axisLine: {
-            onZero: false,
-            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,
-          name: "VRP(%)",
-          nameLocation: "end",
-          nameGap: -30,
-          nameRotate: 90,
-          nameTextStyle: {
-            color: isDark.value ? "#8B959F" : "#8B959F",
-            fontWeight: 400,
-            fontSize: 10
-          },
-          axisLabel: {
-            show: true,
-            color: isDark.value ? "#CED4DA" : "#343A40",
-            fontWeight: 400,
-            fontSize: 10
-          },
-          axisLine: {
-            lineStyle: {
-              color: isDark.value ? "#CED4DA" : "#343A40"
-            }
-          },
-          splitLine: {
-            lineStyle: {
-              color: isDark.value ? "#2B2F32" : "#F1F1F1",
-              width: 1,
-              type: "solid"
-            }
-          }
-        },
-        grid: {
-          top: 20,
-          left: "left",
-          right: 15,
-          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: [
-          {
-            name: "VRP",
-            type: "line",
-            data: vrpData,
-            symbol: "none",
-            markLine: {
-              data: [
-                {
-                  name: "0",
-                  yAxis: 0,
-                  lineStyle: {
-                    color: "#909399"
-                  }
-                }
-              ]
-            }
-          }
-        ]
-      };
-      return option;
-    };
-    const chartOption = vue.computed(() => {
-      return getEchartOption(getEchartData());
-    });
-    return (_ctx, _cache) => {
-      const _component_g_icon = vue.resolveComponent("g-icon");
-      const _component_g_tooltip = vue.resolveComponent("g-tooltip");
-      const _component_g_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[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,
-            onRefresh: fetchData
-          }, {
-            title: vue.withCtx(() => [
-              vue.createTextVNode(
-                vue.toDisplayString(vue.unref(t)("message.vrp")) + " ",
-                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.vrpTips")
-                  }, null, 8, _hoisted_1)
-                ]),
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_g_icon, { name: "info_question_circle" })
-                ]),
-                _: 1
-              }, 8, ["isMobile"])
-            ]),
-            tool: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_2, [
-                vue.createElementVNode(
-                  "span",
-                  _hoisted_3,
-                  vue.toDisplayString(vue.unref(t)("message.volTenor")),
-                  1
-                ),
-                vue.createVNode(_component_g_select, {
-                  value: state.volTenor,
-                  "onUpdate:value": _cache[0] || (_cache[0] = ($event) => state.volTenor = $event),
-                  size: vue.unref(isPC) ? "small" : "medium"
-                }, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createElementBlock(
-                      vue.Fragment,
-                      null,
-                      vue.renderList(volTenorList, (item) => {
-                        return vue.createVNode(_component_g_select_option, {
-                          value: item,
-                          key: item
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode(
-                              vue.toDisplayString(item),
-                              1
-                            )
-                          ]),
-                          _: 2
-                        }, 1032, ["value"]);
-                      }),
-                      64
-                    ))
-                  ]),
-                  _: 1
-                }, 8, ["value", "size"])
-              ]),
-              vue.createElementVNode("div", _hoisted_4, [
-                vue.createElementVNode(
-                  "span",
-                  _hoisted_5,
-                  vue.toDisplayString(vue.unref(t)("message.range")),
-                  1
-                ),
-                vue.createVNode(_component_g_select, {
-                  value: state.period,
-                  "onUpdate:value": _cache[1] || (_cache[1] = ($event) => state.period = $event),
-                  size: vue.unref(isPC) ? "small" : "medium",
-                  onChange: handleChangePeriod
-                }, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createElementBlock(
-                      vue.Fragment,
-                      null,
-                      vue.renderList(periodList, (item) => {
-                        return vue.createVNode(_component_g_select_option, {
-                          value: item.value,
-                          key: item.value
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode(
-                              vue.toDisplayString(item.label),
-                              1
-                            )
-                          ]),
-                          _: 2
-                        }, 1032, ["value"]);
-                      }),
-                      64
-                    ))
-                  ]),
-                  _: 1
-                }, 8, ["value", "size"]),
-                vue.createElementVNode(
-                  "span",
-                  _hoisted_6,
-                  vue.toDisplayString(state.periodDateRange),
-                  1
-                )
-              ])
-            ]),
-            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 panelVrpProps = runtime.buildProps({
+  defaultCurrency: {
+    type: String,
+    required: false
+  },
+  defaultExchange: {
+    type: String,
+    required: false
+  },
+  currency: {
+    type: String,
+    required: false
+  },
+  exchange: {
+    type: String,
+    required: false
   }
 });
-var PanelVrp = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/panel-vrp/src/panel-vrp.vue"]]);
 
-exports["default"] = PanelVrp;
+exports.panelVrpEmits = panelVrpEmits;
+exports.panelVrpProps = panelVrpProps;
 //# sourceMappingURL=panel-vrp2.js.map

package/lib/packages/components/panel-vrp/src/panel-vrp2.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-vrp2.js","sources":["../../../../../../../packages/components/panel-vrp/src/panel-vrp.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        {{ t('message.vrp') }}\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.vrpTips')\"></div>\n          </template>\n        </g-tooltip>\n      </template>\n      <template #tool>\n        <div class=\"second-select\">\n          <span class=\"selector-label h5-hide\">{{\n            t('message.volTenor')\n          }}</span>\n          <g-select\n            v-model:value=\"state.volTenor\"\n            :size=\"isPC ? 'small' : 'medium'\"\n          >\n            <g-select-option\n              v-for=\"item in volTenorList\"\n              :value=\"item\"\n              :key=\"item\"\n            >\n              {{ item }}\n            </g-select-option>\n          </g-select>\n        </div>\n        <div class=\"period-controls\">\n          <span class=\"selector-label h5-hide\">{{ t('message.range') }}</span>\n          <g-select\n            v-model:value=\"state.period\"\n            :size=\"isPC ? 'small' : 'medium'\"\n            @change=\"handleChangePeriod\"\n          >\n            <g-select-option\n              v-for=\"item in periodList\"\n              :value=\"item.value\"\n              :key=\"item.value\"\n            >\n              {{ item.label }}\n            </g-select-option>\n          </g-select>\n          <span class=\"period-range h5-hide\">{{ state.periodDateRange }}</span>\n        </div>\n      </template>\n      <template #body>\n        <div class=\"echart\" ref=\"echart\">\n          <g-chart class=\"skew-chart\" :option=\"chartOption\"></g-chart>\n        </div>\n      </template>\n    </g-chart-panel>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport {\n  useNamespace,\n  useLocale,\n  useDeviceType,\n  useTheme,\n} from '@greeks-live-ui/hooks';\nimport { reactive, computed, onMounted, watch } from 'vue';\n\nimport {\n  numberFormat,\n  timestampFormat,\n  showDateRange,\n  getTooltipDate,\n} from '@greeks-live-ui/utils/chartHelp';\nimport { getVrp, IVrpItem } from '@greeks-live-ui/utils/dataLab';\nimport { panelVrpEmits, panelVrpProps } from './panel-vrp';\n\ndefineOptions({\n  name: 'GPanelVrp',\n});\nconst props = defineProps(panelVrpProps);\nconst emit = defineEmits(panelVrpEmits);\nconst ns = useNamespace('panel-vrp');\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nconst { t, locale } = useLocale();\n\nconst periodList = [\n  {\n    value: '1D',\n    label: '1D',\n    days: 1,\n  },\n  {\n    value: '7D',\n    label: '7D',\n    days: 7,\n  },\n  {\n    value: '15D',\n    label: '15D',\n    days: 15,\n  },\n  {\n    value: '1M',\n    label: '1M',\n    days: 30,\n  },\n  {\n    value: '3M',\n    label: '3M',\n    days: 90,\n  },\n  {\n    value: '6M',\n    label: '6M',\n    days: 180,\n  },\n  {\n    value: '1Y',\n    label: '1Y',\n    days: 365,\n  },\n];\nconst volTenorList = ['1D', '3D', '7D', '15D', '1M', '3M'];\n\nconst state = reactive({\n  loadingFlag: false,\n\n  exchange: props.exchange || props.defaultExchange || 'Deribit',\n  currency: props.currency || props.defaultCurrency || 'BTC',\n\n  volTenor: '15D',\n  period: '15D',\n  periodDateRange: '',\n\n  chartData: [] as IVrpItem[],\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  getVrp({\n    currency: currency.value,\n    gap: state.period,\n    exchange: exchange.value,\n  })\n    .then((res) => {\n      const resData = res.data?.data;\n      if (!resData) return;\n      state.chartData = resData;\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.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 vrpData: Array<[number, number]> = [];\n\n  let tempResolution = 30;\n  switch (state.volTenor) {\n    case '1D':\n      tempResolution = 1;\n      break;\n    case '3D':\n      tempResolution = 3;\n      break;\n    case '7D':\n      tempResolution = 7;\n      break;\n    case '15D':\n      tempResolution = 15;\n      break;\n    case '1M':\n      tempResolution = 30;\n      break;\n    case '3M':\n      tempResolution = 90;\n      break;\n  }\n\n  data.forEach((item) => {\n    let dataList = item.data;\n    dataList.forEach((dataItem) => {\n      if (dataItem.day === tempResolution) {\n        vrpData.push([item.datetime, dataItem.iv - dataItem.rv]);\n      }\n    });\n  });\n\n  return {\n    vrpData,\n  };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n  const { vrpData } = 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          formatter: (params: { axisDimension: string; value: number }) => {\n            if (params.axisDimension === 'x') {\n              return timestampFormat(params.value);\n            } else {\n              return numberFormat(params.value, 2);\n            }\n          },\n        },\n        crossStyle: {\n          // 十字准星X轴指示器样式\n          color: '#8B959F',\n        },\n        lineStyle: {\n          // 十字准星Y轴指示器样式\n          color: '#8B959F',\n        },\n      },\n      formatter: (params: any) => {\n        try {\n          let html = `\n            <div style=\"display: flex;justify-content: space-between;align-items: center;\">\n              <div>${getTooltipDate(params[0].axisValue, locale.value.name, {\n                showSeconds: false,\n              })}</div>\n            </div>\n            `;\n          if (params[0]) {\n            html += `<div style=\"display: flex;justify-content: space-between;align-items: center;\">\n              <div style=\"margin-right: 40px;\">${params[0].marker}&nbsp;${\n              params[0].seriesName\n            }</div>\n              <div>&nbsp;${numberFormat(params[0].data[1], 2)}</div>\n            </div>`;\n          }\n          return html;\n        } catch (e) {\n          return '';\n        }\n      },\n      backgroundColor: isDark.value ? '#E9ECEF' : '#292F3D', // 浅色/Grey/14\n      textStyle: {\n        color: isDark.value ? '#000000' : '#FFFFFF', // 浅色/Grey/White\n        fontSize: 12,\n        lineHeight: 16,\n        fontWeight: 400,\n      },\n    },\n    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    xAxis: {\n      position: 'bottom',\n      type: 'time',\n      boundaryGap: false,\n      axisTick: {\n        show: false, // 隐藏 X 轴刻度线\n      },\n      axisLabel: {\n        // 坐标轴刻度标签\n        color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      axisLine: {\n        onZero: false,\n        show: false, // 隐藏坐标轴轴线\n        lineStyle: {\n          color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色 浅色/Grey/12\n        },\n      },\n      splitLine: {\n        show: !isMobile.value && !isDark.value, // 显示 X 轴网格线\n        lineStyle: {\n          color: '#F1F1F1', // 网格线颜色 '#F1F1F1'\n          width: 1, // 网格线宽度\n          type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n        },\n      },\n    },\n    yAxis: {\n      type: 'value',\n      scale: true,\n      name: 'VRP(%)',\n      nameLocation: 'end',\n      nameGap: -30,\n      nameRotate: 90,\n      nameTextStyle: {\n        color: isDark.value ? '#8B959F' : '#8B959F', // 浅色/Grey/8\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      axisLabel: {\n        // 坐标轴刻度标签\n        show: true,\n        color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      axisLine: {\n        lineStyle: {\n          color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色 浅色/Grey/12\n        },\n      },\n      splitLine: {\n        lineStyle: {\n          color: isDark.value ? '#2B2F32' : '#F1F1F1', // 网格线颜色 浅色/Grey/3 '#F1F1F1'\n          width: 1, // 网格线宽度\n          type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n        },\n      },\n    },\n    grid: {\n      top: 20,\n      left: 'left',\n      right: 15,\n      bottom: 50,\n      containLabel: true,\n    },\n    dataZoom: [\n      {\n        type: 'inside', //详细配置可见echarts官网\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        name: 'VRP',\n        type: 'line',\n        data: vrpData,\n        symbol: 'none',\n        markLine: {\n          data: [\n            {\n              name: '0',\n              yAxis: 0,\n              lineStyle: {\n                color: '#909399',\n              },\n            },\n          ],\n        },\n      },\n    ],\n  };\n  return option;\n};\n\nconst chartOption = computed(() => {\n  return getEchartOption(getEchartData());\n});\n</script>\n"],"names":["useNamespace","useDeviceType","useTheme","useLocale","reactive","computed","watch","getVrp","onMounted","showDateRange","params","timestampFormat","numberFormat","getTooltipDate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,IAAA,MAAA,EAAA,GAAAA,kBAAA,CAAA,WAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,GAAAC,qBAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,MAAA,EAAA,GAAAC,gBAAA,EAAA,CAAA;AAEA,IAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,GAAAC,iBAAA,EAAA,CAAA;AAEA,IAAA,MAAA,UAAA,GAAA;AAAA,MAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,IAAA,EAAA,CAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,IAAA,EAAA,CAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,KAAA;AACA,QAAA,KAAA,EAAA,KAAA;AACA,QAAA,IAAA,EAAA,EAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,IAAA,EAAA,EAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,IAAA,EAAA,EAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,IAAA,EAAA,GAAA;AACA,OAAA;AACA,MAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,KAAA,EAAA,IAAA;AACA,QAAA,IAAA,EAAA,GAAA;AACA,OAAA;AACA,KAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,KAAA,EAAA,IAAA,EAAA,IAAA,CAAA,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,QAAA,EAAA,KAAA;AAEA,MAAA,MAAA,EAAA,KAAA;AACA,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;AACA,MAAAC,cAAA,CAAA;AAAA,QAAA,QAAA,EAAA,QAAA,CAAA,KAAA;AACA,QAAA,GAAA,EAAA,KAAA,CAAA,MAAA;AACA,QAAA,QAAA,EAAA,QAAA,CAAA,KAAA;AACA,OAAA,CAAA,CAAA,IAAA,CAAA,CAAA,GAAA,KAAA;;AAGA,QAAA,MAAA,OAAA,GAAA,CAAA,EAAA,GAAA,GAAA,CAAA,IAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA;AACA,QAAA,IAAA,CAAA,OAAA;AAAA,UAAA,OAAA;AACA,QAAA,KAAA,CAAA,SAAA,GAAA,OAAA,CAAA;AAAA,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,kBAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,kBAAA,GAAA,CAAA,KAAA,KAAA;AACA,MAAA,MAAA,cAAA,GAAA,UAAA,CAAA,IAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,KAAA,KAAA,KAAA,CAAA,CAAA;AACA,MAAA,IAAA,CAAA,cAAA;AAAA,QAAA,OAAA;AACA,MAAA,KAAA,CAAA,eAAA,GAAAC,uBAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA;AACA,MAAA,SAAA,EAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,aAAA,GAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,CAAA,GAAA,KAAA,CAAA,SAAA,CAAA,CAAA;AAEA,MAAA,IAAA,OAAA,GAAA,EAAA,CAAA;AAEA,MAAA,IAAA,cAAA,GAAA,EAAA,CAAA;AACA,MAAA,QAAA,KAAA,CAAA,QAAA;AAAA,QAAA,KAAA,IAAA;AAEA,UAAA,cAAA,GAAA,CAAA,CAAA;AACA,UAAA,MAAA;AAAA,QAAA,KAAA,IAAA;AAEA,UAAA,cAAA,GAAA,CAAA,CAAA;AACA,UAAA,MAAA;AAAA,QAAA,KAAA,IAAA;AAEA,UAAA,cAAA,GAAA,CAAA,CAAA;AACA,UAAA,MAAA;AAAA,QAAA,KAAA,KAAA;AAEA,UAAA,cAAA,GAAA,EAAA,CAAA;AACA,UAAA,MAAA;AAAA,QAAA,KAAA,IAAA;AAEA,UAAA,cAAA,GAAA,EAAA,CAAA;AACA,UAAA,MAAA;AAAA,QAAA,KAAA,IAAA;AAEA,UAAA,cAAA,GAAA,EAAA,CAAA;AACA,UAAA,MAAA;AAAA,OAAA;AAGA,MAAA,IAAA,CAAA,OAAA,CAAA,CAAA,IAAA,KAAA;AACA,QAAA,IAAA,QAAA,GAAA,IAAA,CAAA,IAAA,CAAA;AACA,QAAA,QAAA,CAAA,OAAA,CAAA,CAAA,QAAA,KAAA;AACA,UAAA,IAAA,QAAA,CAAA,GAAA,KAAA,cAAA,EAAA;AACA,YAAA,OAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EAAA,GAAA,QAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAAA,WAAA;AACA,SAAA,CAAA,CAAA;AACA,OAAA,CAAA,CAAA;AAGA,MAAA,OAAA;AAAA,QAAA,OAAA;AACA,OAAA,CAAA;AACA,KAAA,CAAA;AAGA,IAAA,MAAA,eAAA,GAAA,CAAA,MAAA,KAAA;AACA,MAAA,MAAA,EAAA,OAAA,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,cAAA,SAAA,EAAA,CAAA,OAAA,KAAA;AAEAC,gBAAAA,IAAAA,OAAAA,CAAAA,aAAAA,KAAAA,GAAAA,EAAAA;AACA,kBAAA,OAAAC,yBAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,iBAAA,MAAA;AAEA,kBAAA,OAAAC,sBAAA,CAAA,OAAA,CAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AAAA,iBAAA;AACA,eAAA;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,SAAA,EAAA,CAAA,OAAA,KAAA;AAEA,YAAA,IAAA;AACA,cAAA,IAAA,IAAA,GAAA,CAAA;AAAA;AAAA,mBAAA,EAAAC,wBAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,SAAA,EAAA,MAAA,CAAA,KAAA,CAAA,IAAA,EAAA;AAEA,gBAAA,WAAA,EAAA,KAAA;AACA,eAAA,CAAA,CAAA;AACA;AAAA,YAAA,CAAA,CAAA;AAGAH,cAAAA,IAAAA,OAAAA,CAAAA,CAAAA,CAAAA,EAAAA;AACA,gBAAA,IAAA,IAAA,CAAA;AAAA,+CAAA,EAAA,OAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA;AAEA,yBAAA,EAAAE,sBAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAEA,kBAAA,CAAA,CAAA;AAAA,eAAA;AAGA,cAAA,OAAA,IAAA,CAAA;AAAA,aAAA,CAAA,OAAA,CAAA,EAAA;AAEA,cAAA,OAAA,EAAA,CAAA;AAAA,aAAA;AACA,WAAA;AACA,UAAA,eAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,YAAA,QAAA,EAAA,EAAA;AACA,YAAA,UAAA,EAAA,EAAA;AACA,YAAA,UAAA,EAAA,GAAA;AACA,WAAA;AACA,SAAA;AACA,QAAA,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,KAAA,EAAA;AACA,UAAA,QAAA,EAAA,QAAA;AACA,UAAA,IAAA,EAAA,MAAA;AACA,UAAA,WAAA,EAAA,KAAA;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,MAAA,EAAA,KAAA;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,IAAA,EAAA,QAAA;AACA,UAAA,YAAA,EAAA,KAAA;AACA,UAAA,OAAA,EAAA,CAAA,EAAA;AACA,UAAA,UAAA,EAAA,EAAA;AACA,UAAA,aAAA,EAAA;AACA,YAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,YAAA,UAAA,EAAA,GAAA;AACA,YAAA,QAAA,EAAA,EAAA;AACA,WAAA;AACA,UAAA,SAAA,EAAA;AACA,YAAA,IAAA,EAAA,IAAA;AAEA,YAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,YAAA,UAAA,EAAA,GAAA;AACA,YAAA,QAAA,EAAA,EAAA;AACA,WAAA;AACA,UAAA,QAAA,EAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,aAAA;AACA,WAAA;AACA,UAAA,SAAA,EAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,MAAA,CAAA,KAAA,GAAA,SAAA,GAAA,SAAA;AACA,cAAA,KAAA,EAAA,CAAA;AACA,cAAA,IAAA,EAAA,OAAA;AACA,aAAA;AACA,WAAA;AACA,SAAA;AACA,QAAA,IAAA,EAAA;AACA,UAAA,GAAA,EAAA,EAAA;AACA,UAAA,IAAA,EAAA,MAAA;AACA,UAAA,KAAA,EAAA,EAAA;AACA,UAAA,MAAA,EAAA,EAAA;AACA,UAAA,YAAA,EAAA,IAAA;AACA,SAAA;AACA,QAAA,QAAA,EAAA;AACA,UAAA;AACA,YAAA,IAAA,EAAA,QAAA;AACA,YAAA,KAAA,EAAA,CAAA;AACA,YAAA,GAAA,EAAA,GAAA;AACA,YAAA,UAAA,EAAA,2MAAA;AAEA,WAAA;AACA,UAAA;AACA,YAAA,IAAA,EAAA,IAAA;AACA,YAAA,IAAA,EAAA,QAAA;AACA,YAAA,cAAA,EAAA,CAAA,KAAA,KAAA;AAEA,cAAA,OAAAD,yBAAA,CAAA,KAAA,CAAA,CAAA;AAAA,aAAA;AACA,YAAA,SAAA,EAAA,SAAA;AACA,YAAA,MAAA,EAAA,MAAA;AACA,YAAA,KAAA,EAAA,CAAA;AACA,YAAA,GAAA,EAAA,GAAA;AACA,YAAA,UAAA,EAAA,2MAAA;AAEA,WAAA;AACA,SAAA;AACA,QAAA,MAAA,EAAA;AACA,UAAA;AACA,YAAA,IAAA,EAAA,KAAA;AACA,YAAA,IAAA,EAAA,MAAA;AACA,YAAA,IAAA,EAAA,OAAA;AACA,YAAA,MAAA,EAAA,MAAA;AACA,YAAA,QAAA,EAAA;AACA,cAAA,IAAA,EAAA;AACA,gBAAA;AACA,kBAAA,IAAA,EAAA,GAAA;AACA,kBAAA,KAAA,EAAA,CAAA;AACA,kBAAA,SAAA,EAAA;AACA,oBAAA,KAAA,EAAA,SAAA;AACA,mBAAA;AACA,iBAAA;AACA,eAAA;AACA,aAAA;AACA,WAAA;AACA,SAAA;AACA,OAAA,CAAA;AAEA,MAAA,OAAA,MAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAAN,YAAA,CAAA,MAAA;AACA,MAAA,OAAA,eAAA,CAAA,aAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"panel-vrp2.js","sources":["../../../../../../../packages/components/panel-vrp/src/panel-vrp.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelVrp from './panel-vrp.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport interface IVrpStats {\n  mean: number\n  max: number\n  min: number\n}\n\nexport const panelVrpEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelVrpEmits = typeof panelVrpEmits\nexport const panelVrpProps = 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 PanelVrpProps = ExtractPropTypes<typeof panelVrpProps>\nexport type PanelVrpInstance = InstanceType<typeof PanelVrp>\n"],"names":["buildProps"],"mappings":";;;;;;;AAUO,MAAM,aAAgB,GAAA;AAAA,EAC3B,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,gBAAgBA,kBAAW,CAAA;AAAA,EACtC,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/popover/index.js

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