greeks-live-ui 0.1.19 → 0.1.21

package/lib/packages/components/panel-sabr-calibrated-parameters/src/panel-sabr-calibrated-parameters.js

@@ -2,266 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var lib = require('ant-design-vue/lib');
-var vue = require('vue');
-var index$3 = require('../../pro-badge/index.js');
-require('../../../hooks/index.js');
 require('../../../utils/index.js');
-var panelSabrCalibratedParameters = require('./panel-sabr-calibrated-parameters2.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 chartHelp = require('../../../utils/chartHelp.js');
-var sabrPreview = require('../../../utils/sabrPreview.js');
-var dataLab = require('../../../utils/dataLab.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = { class: "period-controls" };
-const _hoisted_3 = { class: "selector-label h5-hide" };
-const _hoisted_4 = { class: "period-range" };
-const __default__ = {
-  name: "GPanelSabrCalibratedParameters"
+const panelSabrCalibratedParametersEmits = {
+  "update:currency": (currency) => true,
+  "update:exchange": (exchange) => true
 };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: panelSabrCalibratedParameters.panelSabrCalibratedParametersProps,
-  emits: panelSabrCalibratedParameters.panelSabrCalibratedParametersEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = index.useNamespace("panel-sabr-calibrated-parameters");
-    const { t } = index$1.useLocale();
-    const { isMobile } = index$2.useDeviceType();
-    const state = vue.reactive({
-      loadingFlag: false,
-      exchange: "deribit",
-      currency: "BTC",
-      snapshotTs: 0,
-      snapshotTimeDisplay: "-",
-      rows: []
-    });
-    const currency = vue.computed({
-      get: () => "BTC",
-      set: (newVal) => {
-        emits("update:currency", newVal);
-      }
-    });
-    const exchange = vue.computed({
-      get: () => "deribit",
-      set: (newVal) => {
-        emits("update:exchange", newVal);
-      }
-    });
-    const currencyList = [{ value: "BTC", label: "BTC", icon: "currency_btc" }];
-    const formatRmse = (value) => Number(value || 0).toFixed(1);
-    const formatForward = (value) => chartHelp.thousandthFormat(Number(value || 0), 2);
-    const formatAtmIv = (value) => `${Number(value || 0).toFixed(2)}%`;
-    const formatParam = (value) => Number(value || 0).toFixed(4);
-    const formatPoints = (value) => chartHelp.thousandthFormat(Math.round(Number(value || 0)), 0);
-    const columns = vue.computed(() => [
-      {
-        title: t("message.expiry"),
-        dataIndex: "expiry",
-        key: "expiry",
-        align: "left",
-        fixed: "left",
-        width: 100
-      },
-      {
-        title: "RMSE (bps)",
-        dataIndex: "rmse_bps",
-        key: "rmse_bps",
-        align: "center",
-        width: 100
-      },
-      {
-        title: "Forward",
-        dataIndex: "forward",
-        key: "forward",
-        align: "center",
-        width: 120
-      },
-      {
-        title: "ATM IV (%)",
-        dataIndex: "atm_iv",
-        key: "atm_iv",
-        align: "center",
-        width: 100
-      },
-      {
-        title: "Alpha",
-        dataIndex: "alpha",
-        key: "alpha",
-        align: "center",
-        width: 110
-      },
-      {
-        title: "Rho",
-        dataIndex: "rho",
-        key: "rho",
-        align: "center",
-        width: 110
-      },
-      {
-        title: "Nu (v)",
-        dataIndex: "nu",
-        key: "nu",
-        align: "center",
-        width: 110
-      },
-      {
-        title: "Points",
-        dataIndex: "points",
-        key: "points",
-        align: "center",
-        width: 100
-      }
-    ]);
-    const tableData = vue.computed(
-      () => [...state.rows].sort(
-        (a, b) => chartHelp.parseExpiryToDate(a.expiry).getTime() - chartHelp.parseExpiryToDate(b.expiry).getTime()
-      ).map((item) => ({
-        key: item.expiry,
-        expiry: item.expiry,
-        rmse_bps: formatRmse(item.rmse_bps),
-        forward: formatForward(item.forward),
-        atm_iv: formatAtmIv(item.atm_iv),
-        alpha: formatParam(item.alpha),
-        rho: formatParam(item.rho),
-        nu: formatParam(item.nu),
-        points: formatPoints(item.points)
-      }))
-    );
-    const applyPreviewData = () => {
-      state.exchange = "deribit";
-      state.snapshotTs = sabrPreview.getSabrPreviewSnapshotTs();
-      state.rows = sabrPreview.buildSabrCalibratedParametersPreviewRows();
-      state.snapshotTimeDisplay = chartHelp.showEndDateTime(state.snapshotTs);
-      state.loadingFlag = false;
-    };
-    const fetchData = () => {
-      if (props.previewMode) {
-        applyPreviewData();
-        return;
-      }
-      state.loadingFlag = true;
-      state.exchange = "deribit";
-      dataLab.getSabrCalibratedParameters({
-        currency: "BTC",
-        exchange: "deribit"
-      }).then((res) => {
-        if (res && res.code === 200 && res.data) {
-          state.snapshotTs = Number(res.data.ts || 0);
-          state.rows = Array.isArray(res.data.expiries) ? res.data.expiries : [];
-        } else {
-          state.snapshotTs = 0;
-          state.rows = [];
-        }
-        state.snapshotTimeDisplay = state.snapshotTs > 0 ? chartHelp.showEndDateTime(state.snapshotTs) : "-";
-      }).finally(() => {
-        state.loadingFlag = false;
-      });
-    };
-    vue.watch(
-      () => props.previewMode,
-      (locked, wasLocked) => {
-        if (locked) {
-          applyPreviewData();
-          return;
-        }
-        if (wasLocked === true) {
-          fetchData();
-        }
-      }
-    );
-    vue.onMounted(() => {
-      if (props.previewMode) {
-        applyPreviewData();
-      } else {
-        fetchData();
-      }
-    });
-    return (_ctx, _cache) => {
-      const _component_g_icon = vue.resolveComponent("g-icon");
-      const _component_g_tooltip = vue.resolveComponent("g-tooltip");
-      const _component_a_table = lib.Table;
-      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[0] || (_cache[0] = ($event) => vue.isRef(currency) ? currency.value = $event : null),
-            exchange: vue.unref(exchange),
-            "onUpdate:exchange": _cache[1] || (_cache[1] = ($event) => vue.isRef(exchange) ? exchange.value = $event : null),
-            loading: state.loadingFlag,
-            showExchangeSelector: false,
-            showCurrencySelector: false,
-            currencyList,
-            "content-locked": props.previewMode,
-            onRefresh: fetchData
-          }, {
-            title: vue.withCtx(() => [
-              vue.createTextVNode(
-                vue.toDisplayString(vue.unref(t)("message.sabrCalibratedParameters")) + " ",
-                1
-              ),
-              vue.createVNode(_component_g_tooltip, { placement: "bottom" }, {
-                title: vue.withCtx(() => [
-                  vue.createElementVNode("div", {
-                    class: "greeks-panel-tip",
-                    innerHTML: vue.unref(t)("message.sabrCalibratedParametersTips")
-                  }, null, 8, _hoisted_1)
-                ]),
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_g_icon, { name: "info_question_circle" })
-                ]),
-                _: 1
-              }),
-              vue.createVNode(vue.unref(index$3.GProBadge))
-            ]),
-            tool: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_2, [
-                vue.createElementVNode(
-                  "span",
-                  _hoisted_3,
-                  vue.toDisplayString(vue.unref(t)("message.time")),
-                  1
-                ),
-                vue.createElementVNode(
-                  "span",
-                  _hoisted_4,
-                  vue.toDisplayString(state.snapshotTimeDisplay),
-                  1
-                )
-              ])
-            ]),
-            body: vue.withCtx(() => [
-              vue.createVNode(_component_a_table, {
-                columns: vue.unref(columns),
-                dataSource: vue.unref(tableData),
-                size: "small",
-                pagination: false,
-                scroll: { x: 920 },
-                class: "sabr-table",
-                sticky: { offsetHeader: 0 }
-              }, null, 8, ["columns", "dataSource"])
-            ]),
-            "content-locked-overlay": vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "content-locked-overlay")
-            ]),
-            _: 3
-          }, 8, ["currency", "exchange", "loading", "content-locked"])
-        ],
-        2
-      );
-    };
+const panelSabrCalibratedParametersProps = runtime.buildProps({
+  defaultCurrency: {
+    type: String,
+    required: false
+  },
+  defaultExchange: {
+    type: String,
+    required: false
+  },
+  currency: {
+    type: String,
+    required: false
+  },
+  exchange: {
+    type: String,
+    required: false
+  },
+  previewMode: {
+    type: Boolean,
+    default: false
   }
 });
-var PanelSabrCalibratedParameters = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/panel-sabr-calibrated-parameters/src/panel-sabr-calibrated-parameters.vue"]]);
 
-exports["default"] = PanelSabrCalibratedParameters;
+exports.panelSabrCalibratedParametersEmits = panelSabrCalibratedParametersEmits;
+exports.panelSabrCalibratedParametersProps = panelSabrCalibratedParametersProps;
 //# sourceMappingURL=panel-sabr-calibrated-parameters.js.map

package/lib/packages/components/panel-sabr-calibrated-parameters/src/panel-sabr-calibrated-parameters.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-sabr-calibrated-parameters.js","sources":["../../../../../../../packages/components/panel-sabr-calibrated-parameters/src/panel-sabr-calibrated-parameters.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      :showCurrencySelector=\"false\"\n      :currencyList=\"currencyList\"\n      :content-locked=\"props.previewMode\"\n      @refresh=\"fetchData\"\n    >\n      <template #title>\n        {{ t('message.sabrCalibratedParameters') }}\n        <g-tooltip placement=\"bottom\">\n          <g-icon name=\"info_question_circle\" />\n          <template #title>\n            <div\n              class=\"greeks-panel-tip\"\n              v-html=\"t('message.sabrCalibratedParametersTips')\"\n            ></div>\n          </template>\n        </g-tooltip>\n        <g-pro-badge />\n      </template>\n\n      <template #tool>\n        <div class=\"period-controls\">\n          <span class=\"selector-label h5-hide\">{{ t('message.time') }}</span>\n          <span class=\"period-range\">{{ state.snapshotTimeDisplay }}</span>\n        </div>\n      </template>\n\n      <template #body>\n        <a-table\n          :columns=\"columns\"\n          :dataSource=\"tableData\"\n          size=\"small\"\n          :pagination=\"false\"\n          :scroll=\"{ x: 920 }\"\n          class=\"sabr-table\"\n          :sticky=\"{ offsetHeader: 0 }\"\n        />\n      </template>\n\n      <template #content-locked-overlay>\n        <slot name=\"content-locked-overlay\" />\n      </template>\n    </g-chart-panel>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { GProBadge } from '@greeks-live-ui/components/pro-badge';\nimport { useDeviceType, useLocale, useNamespace } from '@greeks-live-ui/hooks';\nimport { computed, onMounted, reactive, watch } from 'vue';\nimport {\n  buildSabrCalibratedParametersPreviewRows,\n  getSabrCalibratedParameters,\n  getSabrPreviewSnapshotTs,\n  ISabrCalibratedParametersExpiryItem,\n} from '@greeks-live-ui/utils';\nimport {\n  parseExpiryToDate,\n  showEndDateTime,\n  thousandthFormat,\n} from '@greeks-live-ui/utils';\nimport {\n  panelSabrCalibratedParametersEmits,\n  panelSabrCalibratedParametersProps,\n} from './panel-sabr-calibrated-parameters';\n\ndefineOptions({\n  name: 'GPanelSabrCalibratedParameters',\n});\n\nconst ns = useNamespace('panel-sabr-calibrated-parameters');\nconst props = defineProps(panelSabrCalibratedParametersProps);\nconst emits = defineEmits(panelSabrCalibratedParametersEmits);\nconst { t } = useLocale();\nconst { isMobile } = useDeviceType();\n\nconst state = reactive({\n  loadingFlag: false,\n  exchange: 'deribit',\n  currency: 'BTC',\n  snapshotTs: 0,\n  snapshotTimeDisplay: '-',\n  rows: [] as ISabrCalibratedParametersExpiryItem[],\n});\n\nconst currency = computed({\n  get: () => 'BTC',\n  set: (newVal) => {\n    emits('update:currency', newVal);\n  },\n});\n\nconst exchange = computed({\n  get: () => 'deribit',\n  set: (newVal) => {\n    emits('update:exchange', newVal);\n  },\n});\n\nconst currencyList = [{ value: 'BTC', label: 'BTC', icon: 'currency_btc' }];\n\nconst formatRmse = (value: number) => Number(value || 0).toFixed(1);\nconst formatForward = (value: number) =>\n  thousandthFormat(Number(value || 0), 2);\nconst formatAtmIv = (value: number) => `${Number(value || 0).toFixed(2)}%`;\nconst formatParam = (value: number) => Number(value || 0).toFixed(4);\nconst formatPoints = (value: number) =>\n  thousandthFormat(Math.round(Number(value || 0)), 0);\n\nconst columns = computed(() => [\n  {\n    title: t('message.expiry'),\n    dataIndex: 'expiry',\n    key: 'expiry',\n    align: 'left',\n    fixed: 'left',\n    width: 100,\n  },\n  {\n    title: 'RMSE (bps)',\n    dataIndex: 'rmse_bps',\n    key: 'rmse_bps',\n    align: 'center',\n    width: 100,\n  },\n  {\n    title: 'Forward',\n    dataIndex: 'forward',\n    key: 'forward',\n    align: 'center',\n    width: 120,\n  },\n  {\n    title: 'ATM IV (%)',\n    dataIndex: 'atm_iv',\n    key: 'atm_iv',\n    align: 'center',\n    width: 100,\n  },\n  {\n    title: 'Alpha',\n    dataIndex: 'alpha',\n    key: 'alpha',\n    align: 'center',\n    width: 110,\n  },\n  {\n    title: 'Rho',\n    dataIndex: 'rho',\n    key: 'rho',\n    align: 'center',\n    width: 110,\n  },\n  {\n    title: 'Nu (v)',\n    dataIndex: 'nu',\n    key: 'nu',\n    align: 'center',\n    width: 110,\n  },\n  {\n    title: 'Points',\n    dataIndex: 'points',\n    key: 'points',\n    align: 'center',\n    width: 100,\n  },\n]);\n\nconst tableData = computed(() =>\n  [...state.rows]\n    .sort(\n      (a, b) =>\n        parseExpiryToDate(a.expiry).getTime() -\n        parseExpiryToDate(b.expiry).getTime()\n    )\n    .map((item) => ({\n      key: item.expiry,\n      expiry: item.expiry,\n      rmse_bps: formatRmse(item.rmse_bps),\n      forward: formatForward(item.forward),\n      atm_iv: formatAtmIv(item.atm_iv),\n      alpha: formatParam(item.alpha),\n      rho: formatParam(item.rho),\n      nu: formatParam(item.nu),\n      points: formatPoints(item.points),\n    }))\n);\n\nconst applyPreviewData = () => {\n  state.exchange = 'deribit';\n  state.snapshotTs = getSabrPreviewSnapshotTs();\n  state.rows = buildSabrCalibratedParametersPreviewRows();\n  state.snapshotTimeDisplay = showEndDateTime(state.snapshotTs);\n  state.loadingFlag = false;\n};\n\nconst fetchData = () => {\n  if (props.previewMode) {\n    applyPreviewData();\n    return;\n  }\n  state.loadingFlag = true;\n  state.exchange = 'deribit';\n  getSabrCalibratedParameters({\n    currency: 'BTC',\n    exchange: 'deribit',\n  })\n    .then((res) => {\n      if (res && res.code === 200 && res.data) {\n        state.snapshotTs = Number(res.data.ts || 0);\n        state.rows = Array.isArray(res.data.expiries) ? res.data.expiries : [];\n      } else {\n        state.snapshotTs = 0;\n        state.rows = [];\n      }\n      state.snapshotTimeDisplay =\n        state.snapshotTs > 0 ? showEndDateTime(state.snapshotTs) : '-';\n    })\n    .finally(() => {\n      state.loadingFlag = false;\n    });\n};\n\nwatch(\n  () => props.previewMode,\n  (locked, wasLocked) => {\n    if (locked) {\n      applyPreviewData();\n      return;\n    }\n    if (wasLocked === true) {\n      fetchData();\n    }\n  }\n);\n\nonMounted(() => {\n  if (props.previewMode) {\n    applyPreviewData();\n  } else {\n    fetchData();\n  }\n});\n</script>\n"],"names":["useNamespace","useLocale","useDeviceType","reactive","computed","thousandthFormat","parseExpiryToDate","getSabrPreviewSnapshotTs","buildSabrCalibratedParametersPreviewRows","showEndDateTime","getSabrCalibratedParameters","watch","onMounted"],"mappings":"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"}
+{"version":3,"file":"panel-sabr-calibrated-parameters.js","sources":["../../../../../../../packages/components/panel-sabr-calibrated-parameters/src/panel-sabr-calibrated-parameters.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelSabrCalibratedParameters from './panel-sabr-calibrated-parameters.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelSabrCalibratedParametersEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelSabrCalibratedParametersEmits = typeof panelSabrCalibratedParametersEmits\n\nexport const panelSabrCalibratedParametersProps = 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  previewMode: {\n    type: Boolean,\n    default: false,\n  },\n})\nexport type PanelSabrCalibratedParametersProps = ExtractPropTypes<typeof panelSabrCalibratedParametersProps>\nexport type PanelSabrCalibratedParametersInstance = InstanceType<typeof PanelSabrCalibratedParameters>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,kCAAqC,GAAA;AAAA,EAChD,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAGO,MAAM,qCAAqCA,kBAAW,CAAA;AAAA,EAC3D,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAC;;;;;"}

package/lib/packages/components/panel-sabr-calibrated-parameters/src/panel-sabr-calibrated-parameters2.js

@@ -2,36 +2,266 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var lib = require('ant-design-vue/lib');
+var vue = require('vue');
+var index$3 = require('../../pro-badge/index.js');
+require('../../../hooks/index.js');
 require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var panelSabrCalibratedParameters = require('./panel-sabr-calibrated-parameters.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 chartHelp = require('../../../utils/chartHelp.js');
+var sabrPreview = require('../../../utils/sabrPreview.js');
+var dataLab = require('../../../utils/dataLab.js');
 
-const panelSabrCalibratedParametersEmits = {
-  "update:currency": (currency) => true,
-  "update:exchange": (exchange) => true
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = { class: "period-controls" };
+const _hoisted_3 = { class: "selector-label h5-hide" };
+const _hoisted_4 = { class: "period-range" };
+const __default__ = {
+  name: "GPanelSabrCalibratedParameters"
 };
-const panelSabrCalibratedParametersProps = runtime.buildProps({
-  defaultCurrency: {
-    type: String,
-    required: false
-  },
-  defaultExchange: {
-    type: String,
-    required: false
-  },
-  currency: {
-    type: String,
-    required: false
-  },
-  exchange: {
-    type: String,
-    required: false
-  },
-  previewMode: {
-    type: Boolean,
-    default: false
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: panelSabrCalibratedParameters.panelSabrCalibratedParametersProps,
+  emits: panelSabrCalibratedParameters.panelSabrCalibratedParametersEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = index.useNamespace("panel-sabr-calibrated-parameters");
+    const { t } = index$1.useLocale();
+    const { isMobile } = index$2.useDeviceType();
+    const state = vue.reactive({
+      loadingFlag: false,
+      exchange: "deribit",
+      currency: "BTC",
+      snapshotTs: 0,
+      snapshotTimeDisplay: "-",
+      rows: []
+    });
+    const currency = vue.computed({
+      get: () => "BTC",
+      set: (newVal) => {
+        emits("update:currency", newVal);
+      }
+    });
+    const exchange = vue.computed({
+      get: () => "deribit",
+      set: (newVal) => {
+        emits("update:exchange", newVal);
+      }
+    });
+    const currencyList = [{ value: "BTC", label: "BTC", icon: "currency_btc" }];
+    const formatRmse = (value) => Number(value || 0).toFixed(1);
+    const formatForward = (value) => chartHelp.thousandthFormat(Number(value || 0), 2);
+    const formatAtmIv = (value) => `${Number(value || 0).toFixed(2)}%`;
+    const formatParam = (value) => Number(value || 0).toFixed(4);
+    const formatPoints = (value) => chartHelp.thousandthFormat(Math.round(Number(value || 0)), 0);
+    const columns = vue.computed(() => [
+      {
+        title: t("message.expiry"),
+        dataIndex: "expiry",
+        key: "expiry",
+        align: "left",
+        fixed: "left",
+        width: 100
+      },
+      {
+        title: "RMSE (bps)",
+        dataIndex: "rmse_bps",
+        key: "rmse_bps",
+        align: "center",
+        width: 100
+      },
+      {
+        title: "Forward",
+        dataIndex: "forward",
+        key: "forward",
+        align: "center",
+        width: 120
+      },
+      {
+        title: "ATM IV (%)",
+        dataIndex: "atm_iv",
+        key: "atm_iv",
+        align: "center",
+        width: 100
+      },
+      {
+        title: "Alpha",
+        dataIndex: "alpha",
+        key: "alpha",
+        align: "center",
+        width: 110
+      },
+      {
+        title: "Rho",
+        dataIndex: "rho",
+        key: "rho",
+        align: "center",
+        width: 110
+      },
+      {
+        title: "Nu (v)",
+        dataIndex: "nu",
+        key: "nu",
+        align: "center",
+        width: 110
+      },
+      {
+        title: "Points",
+        dataIndex: "points",
+        key: "points",
+        align: "center",
+        width: 100
+      }
+    ]);
+    const tableData = vue.computed(
+      () => [...state.rows].sort(
+        (a, b) => chartHelp.parseExpiryToDate(a.expiry).getTime() - chartHelp.parseExpiryToDate(b.expiry).getTime()
+      ).map((item) => ({
+        key: item.expiry,
+        expiry: item.expiry,
+        rmse_bps: formatRmse(item.rmse_bps),
+        forward: formatForward(item.forward),
+        atm_iv: formatAtmIv(item.atm_iv),
+        alpha: formatParam(item.alpha),
+        rho: formatParam(item.rho),
+        nu: formatParam(item.nu),
+        points: formatPoints(item.points)
+      }))
+    );
+    const applyPreviewData = () => {
+      state.exchange = "deribit";
+      state.snapshotTs = sabrPreview.getSabrPreviewSnapshotTs();
+      state.rows = sabrPreview.buildSabrCalibratedParametersPreviewRows();
+      state.snapshotTimeDisplay = chartHelp.showEndDateTime(state.snapshotTs);
+      state.loadingFlag = false;
+    };
+    const fetchData = () => {
+      if (props.previewMode) {
+        applyPreviewData();
+        return;
+      }
+      state.loadingFlag = true;
+      state.exchange = "deribit";
+      dataLab.getSabrCalibratedParameters({
+        currency: "BTC",
+        exchange: "deribit"
+      }).then((res) => {
+        if (res && res.code === 200 && res.data) {
+          state.snapshotTs = Number(res.data.ts || 0);
+          state.rows = Array.isArray(res.data.expiries) ? res.data.expiries : [];
+        } else {
+          state.snapshotTs = 0;
+          state.rows = [];
+        }
+        state.snapshotTimeDisplay = state.snapshotTs > 0 ? chartHelp.showEndDateTime(state.snapshotTs) : "-";
+      }).finally(() => {
+        state.loadingFlag = false;
+      });
+    };
+    vue.watch(
+      () => props.previewMode,
+      (locked, wasLocked) => {
+        if (locked) {
+          applyPreviewData();
+          return;
+        }
+        if (wasLocked === true) {
+          fetchData();
+        }
+      }
+    );
+    vue.onMounted(() => {
+      if (props.previewMode) {
+        applyPreviewData();
+      } else {
+        fetchData();
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_g_icon = vue.resolveComponent("g-icon");
+      const _component_g_tooltip = vue.resolveComponent("g-tooltip");
+      const _component_a_table = lib.Table;
+      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[0] || (_cache[0] = ($event) => vue.isRef(currency) ? currency.value = $event : null),
+            exchange: vue.unref(exchange),
+            "onUpdate:exchange": _cache[1] || (_cache[1] = ($event) => vue.isRef(exchange) ? exchange.value = $event : null),
+            loading: state.loadingFlag,
+            showExchangeSelector: false,
+            showCurrencySelector: false,
+            currencyList,
+            "content-locked": props.previewMode,
+            onRefresh: fetchData
+          }, {
+            title: vue.withCtx(() => [
+              vue.createTextVNode(
+                vue.toDisplayString(vue.unref(t)("message.sabrCalibratedParameters")) + " ",
+                1
+              ),
+              vue.createVNode(_component_g_tooltip, { placement: "bottom" }, {
+                title: vue.withCtx(() => [
+                  vue.createElementVNode("div", {
+                    class: "greeks-panel-tip",
+                    innerHTML: vue.unref(t)("message.sabrCalibratedParametersTips")
+                  }, null, 8, _hoisted_1)
+                ]),
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_g_icon, { name: "info_question_circle" })
+                ]),
+                _: 1
+              }),
+              vue.createVNode(vue.unref(index$3.GProBadge))
+            ]),
+            tool: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_2, [
+                vue.createElementVNode(
+                  "span",
+                  _hoisted_3,
+                  vue.toDisplayString(vue.unref(t)("message.time")),
+                  1
+                ),
+                vue.createElementVNode(
+                  "span",
+                  _hoisted_4,
+                  vue.toDisplayString(state.snapshotTimeDisplay),
+                  1
+                )
+              ])
+            ]),
+            body: vue.withCtx(() => [
+              vue.createVNode(_component_a_table, {
+                columns: vue.unref(columns),
+                dataSource: vue.unref(tableData),
+                size: "small",
+                pagination: false,
+                scroll: { x: 920 },
+                class: "sabr-table",
+                sticky: { offsetHeader: 0 }
+              }, null, 8, ["columns", "dataSource"])
+            ]),
+            "content-locked-overlay": vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "content-locked-overlay")
+            ]),
+            _: 3
+          }, 8, ["currency", "exchange", "loading", "content-locked"])
+        ],
+        2
+      );
+    };
   }
 });
+var PanelSabrCalibratedParameters = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/panel-sabr-calibrated-parameters/src/panel-sabr-calibrated-parameters.vue"]]);
 
-exports.panelSabrCalibratedParametersEmits = panelSabrCalibratedParametersEmits;
-exports.panelSabrCalibratedParametersProps = panelSabrCalibratedParametersProps;
+exports["default"] = PanelSabrCalibratedParameters;
 //# sourceMappingURL=panel-sabr-calibrated-parameters2.js.map

package/lib/packages/components/panel-sabr-calibrated-parameters/src/panel-sabr-calibrated-parameters2.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-sabr-calibrated-parameters2.js","sources":["../../../../../../../packages/components/panel-sabr-calibrated-parameters/src/panel-sabr-calibrated-parameters.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelSabrCalibratedParameters from './panel-sabr-calibrated-parameters.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelSabrCalibratedParametersEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelSabrCalibratedParametersEmits = typeof panelSabrCalibratedParametersEmits\n\nexport const panelSabrCalibratedParametersProps = 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  previewMode: {\n    type: Boolean,\n    default: false,\n  },\n})\nexport type PanelSabrCalibratedParametersProps = ExtractPropTypes<typeof panelSabrCalibratedParametersProps>\nexport type PanelSabrCalibratedParametersInstance = InstanceType<typeof PanelSabrCalibratedParameters>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,kCAAqC,GAAA;AAAA,EAChD,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAGO,MAAM,qCAAqCA,kBAAW,CAAA;AAAA,EAC3D,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAC;;;;;"}
+{"version":3,"file":"panel-sabr-calibrated-parameters2.js","sources":["../../../../../../../packages/components/panel-sabr-calibrated-parameters/src/panel-sabr-calibrated-parameters.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      :showCurrencySelector=\"false\"\n      :currencyList=\"currencyList\"\n      :content-locked=\"props.previewMode\"\n      @refresh=\"fetchData\"\n    >\n      <template #title>\n        {{ t('message.sabrCalibratedParameters') }}\n        <g-tooltip placement=\"bottom\">\n          <g-icon name=\"info_question_circle\" />\n          <template #title>\n            <div\n              class=\"greeks-panel-tip\"\n              v-html=\"t('message.sabrCalibratedParametersTips')\"\n            ></div>\n          </template>\n        </g-tooltip>\n        <g-pro-badge />\n      </template>\n\n      <template #tool>\n        <div class=\"period-controls\">\n          <span class=\"selector-label h5-hide\">{{ t('message.time') }}</span>\n          <span class=\"period-range\">{{ state.snapshotTimeDisplay }}</span>\n        </div>\n      </template>\n\n      <template #body>\n        <a-table\n          :columns=\"columns\"\n          :dataSource=\"tableData\"\n          size=\"small\"\n          :pagination=\"false\"\n          :scroll=\"{ x: 920 }\"\n          class=\"sabr-table\"\n          :sticky=\"{ offsetHeader: 0 }\"\n        />\n      </template>\n\n      <template #content-locked-overlay>\n        <slot name=\"content-locked-overlay\" />\n      </template>\n    </g-chart-panel>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { GProBadge } from '@greeks-live-ui/components/pro-badge';\nimport { useDeviceType, useLocale, useNamespace } from '@greeks-live-ui/hooks';\nimport { computed, onMounted, reactive, watch } from 'vue';\nimport {\n  buildSabrCalibratedParametersPreviewRows,\n  getSabrCalibratedParameters,\n  getSabrPreviewSnapshotTs,\n  ISabrCalibratedParametersExpiryItem,\n} from '@greeks-live-ui/utils';\nimport {\n  parseExpiryToDate,\n  showEndDateTime,\n  thousandthFormat,\n} from '@greeks-live-ui/utils';\nimport {\n  panelSabrCalibratedParametersEmits,\n  panelSabrCalibratedParametersProps,\n} from './panel-sabr-calibrated-parameters';\n\ndefineOptions({\n  name: 'GPanelSabrCalibratedParameters',\n});\n\nconst ns = useNamespace('panel-sabr-calibrated-parameters');\nconst props = defineProps(panelSabrCalibratedParametersProps);\nconst emits = defineEmits(panelSabrCalibratedParametersEmits);\nconst { t } = useLocale();\nconst { isMobile } = useDeviceType();\n\nconst state = reactive({\n  loadingFlag: false,\n  exchange: 'deribit',\n  currency: 'BTC',\n  snapshotTs: 0,\n  snapshotTimeDisplay: '-',\n  rows: [] as ISabrCalibratedParametersExpiryItem[],\n});\n\nconst currency = computed({\n  get: () => 'BTC',\n  set: (newVal) => {\n    emits('update:currency', newVal);\n  },\n});\n\nconst exchange = computed({\n  get: () => 'deribit',\n  set: (newVal) => {\n    emits('update:exchange', newVal);\n  },\n});\n\nconst currencyList = [{ value: 'BTC', label: 'BTC', icon: 'currency_btc' }];\n\nconst formatRmse = (value: number) => Number(value || 0).toFixed(1);\nconst formatForward = (value: number) =>\n  thousandthFormat(Number(value || 0), 2);\nconst formatAtmIv = (value: number) => `${Number(value || 0).toFixed(2)}%`;\nconst formatParam = (value: number) => Number(value || 0).toFixed(4);\nconst formatPoints = (value: number) =>\n  thousandthFormat(Math.round(Number(value || 0)), 0);\n\nconst columns = computed(() => [\n  {\n    title: t('message.expiry'),\n    dataIndex: 'expiry',\n    key: 'expiry',\n    align: 'left',\n    fixed: 'left',\n    width: 100,\n  },\n  {\n    title: 'RMSE (bps)',\n    dataIndex: 'rmse_bps',\n    key: 'rmse_bps',\n    align: 'center',\n    width: 100,\n  },\n  {\n    title: 'Forward',\n    dataIndex: 'forward',\n    key: 'forward',\n    align: 'center',\n    width: 120,\n  },\n  {\n    title: 'ATM IV (%)',\n    dataIndex: 'atm_iv',\n    key: 'atm_iv',\n    align: 'center',\n    width: 100,\n  },\n  {\n    title: 'Alpha',\n    dataIndex: 'alpha',\n    key: 'alpha',\n    align: 'center',\n    width: 110,\n  },\n  {\n    title: 'Rho',\n    dataIndex: 'rho',\n    key: 'rho',\n    align: 'center',\n    width: 110,\n  },\n  {\n    title: 'Nu (v)',\n    dataIndex: 'nu',\n    key: 'nu',\n    align: 'center',\n    width: 110,\n  },\n  {\n    title: 'Points',\n    dataIndex: 'points',\n    key: 'points',\n    align: 'center',\n    width: 100,\n  },\n]);\n\nconst tableData = computed(() =>\n  [...state.rows]\n    .sort(\n      (a, b) =>\n        parseExpiryToDate(a.expiry).getTime() -\n        parseExpiryToDate(b.expiry).getTime()\n    )\n    .map((item) => ({\n      key: item.expiry,\n      expiry: item.expiry,\n      rmse_bps: formatRmse(item.rmse_bps),\n      forward: formatForward(item.forward),\n      atm_iv: formatAtmIv(item.atm_iv),\n      alpha: formatParam(item.alpha),\n      rho: formatParam(item.rho),\n      nu: formatParam(item.nu),\n      points: formatPoints(item.points),\n    }))\n);\n\nconst applyPreviewData = () => {\n  state.exchange = 'deribit';\n  state.snapshotTs = getSabrPreviewSnapshotTs();\n  state.rows = buildSabrCalibratedParametersPreviewRows();\n  state.snapshotTimeDisplay = showEndDateTime(state.snapshotTs);\n  state.loadingFlag = false;\n};\n\nconst fetchData = () => {\n  if (props.previewMode) {\n    applyPreviewData();\n    return;\n  }\n  state.loadingFlag = true;\n  state.exchange = 'deribit';\n  getSabrCalibratedParameters({\n    currency: 'BTC',\n    exchange: 'deribit',\n  })\n    .then((res) => {\n      if (res && res.code === 200 && res.data) {\n        state.snapshotTs = Number(res.data.ts || 0);\n        state.rows = Array.isArray(res.data.expiries) ? res.data.expiries : [];\n      } else {\n        state.snapshotTs = 0;\n        state.rows = [];\n      }\n      state.snapshotTimeDisplay =\n        state.snapshotTs > 0 ? showEndDateTime(state.snapshotTs) : '-';\n    })\n    .finally(() => {\n      state.loadingFlag = false;\n    });\n};\n\nwatch(\n  () => props.previewMode,\n  (locked, wasLocked) => {\n    if (locked) {\n      applyPreviewData();\n      return;\n    }\n    if (wasLocked === true) {\n      fetchData();\n    }\n  }\n);\n\nonMounted(() => {\n  if (props.previewMode) {\n    applyPreviewData();\n  } else {\n    fetchData();\n  }\n});\n</script>\n"],"names":["useNamespace","useLocale","useDeviceType","reactive","computed","thousandthFormat","parseExpiryToDate","getSabrPreviewSnapshotTs","buildSabrCalibratedParametersPreviewRows","showEndDateTime","getSabrCalibratedParameters","watch","onMounted"],"mappings":"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"}

package/lib/packages/components/panel-spots-etf-net-inflow/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var panelSpotsEtfNetInflow$1 = require('./src/panel-spots-etf-net-inflow.js');
-var panelSpotsEtfNetInflow = require('./src/panel-spots-etf-net-inflow2.js');
+var panelSpotsEtfNetInflow$1 = require('./src/panel-spots-etf-net-inflow2.js');
+var panelSpotsEtfNetInflow = require('./src/panel-spots-etf-net-inflow.js');
 var install = require('../../utils/vue/install.js');
 
 const GPanelSpotsEtfNetInflow = install.withInstall(panelSpotsEtfNetInflow$1["default"]);