greeks-live-ui 0.0.21 → 0.0.22

package/es/packages/components/panel-option-flow/src/panel-option-flow2.mjs

@@ -1,436 +1,28 @@
-import { createTextVNode, defineComponent, reactive, computed, watch, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, isRef, withCtx, createElementVNode, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
-import '../../../hooks/index.mjs';
-import { thousandthFormat, formatLargeNumber, timestampFormat } from '../../../utils/chartHelp.mjs';
-import { getOptionFlows, getIndexPrice } from '../../../utils/dataLab.mjs';
-import { panelOptionFlowProps, panelOptionFlowEmits } from './panel-option-flow.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { useDeviceType } from '../../../hooks/use-device-type/index.mjs';
-import { useTheme } from '../../../hooks/use-theme/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = { class: "period-range h5-hide" };
-const _hoisted_3 = {
-  class: "echart",
-  ref: "echart"
+const panelOptionFlowEmits = {
+  "update:currency": (currency) => true,
+  "update:exchange": (exchange) => true
 };
-const _hoisted_4 = {
-  key: 0,
-  class: "footer-total"
-};
-const _hoisted_5 = /* @__PURE__ */ createTextVNode(" (");
-const __default__ = {
-  name: "GPanelOptionFlow"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: panelOptionFlowProps,
-  emits: panelOptionFlowEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const ns = useNamespace("panel-option-flow");
-    const { t } = useLocale();
-    const { isMobile, isPC } = useDeviceType();
-    const { isDark } = useTheme();
-    const chartTypeList = [
-      { value: "all", label: "All" },
-      { value: "taker", label: "Block Taker" }
-    ];
-    const dataTypeList = [
-      { value: "1h", label: "Past 1H" },
-      { value: "24h", label: "Past 24H" }
-    ];
-    const state = reactive({
-      loadingFlag: false,
-      exchange: props.exchange || props.defaultExchange || "Deribit",
-      currency: props.currency || props.defaultCurrency || "BTC",
-      pageCount: 0,
-      chartType: "all",
-      dataType: "24h",
-      usdTotal: 0,
-      coinTotal: 0,
-      chartData: {},
-      currencySummary: {}
-    });
-    const indexPrice = computed(() => {
-      return state.currencySummary[`${currency.value.toLowerCase()}Price`] || 1;
-    });
-    const currencyIcon = computed(() => {
-      if (currency.value === "BTC")
-        return "currency_letter_btc";
-      if (currency.value === "ETH")
-        return "currency_letter_eth";
-      return "";
-    });
-    const currency = computed({
-      get: () => props.currency || state.currency || "BTC",
-      set: (newVal) => {
-        props.currency ? emit("update:currency", newVal) : state.currency = newVal;
-      }
-    });
-    const exchange = computed({
-      get: () => props.exchange || state.exchange || "Deribit",
-      set: (newVal) => {
-        props.exchange ? emit("update:exchange", newVal) : state.exchange = newVal;
-      }
-    });
-    watch(currency, () => {
-      fetchData();
-      fetCurrencySummary();
-    });
-    watch(exchange, () => {
-      fetchData();
-    });
-    watch(
-      () => state.chartType,
-      (newVal) => {
-        fetchData();
-      }
-    );
-    watch(
-      () => state.dataType,
-      (newVal) => {
-        fetchData();
-      }
-    );
-    const fetchData = () => {
-      state.loadingFlag = true;
-      getOptionFlows({ currency: currency.value }).then((res) => {
-        if (res && res.code === 200) {
-          state.chartData = res.data;
-        }
-      }).finally(() => {
-        state.loadingFlag = false;
-      });
-    };
-    const fetCurrencySummary = () => {
-      getIndexPrice({ index_name: currency.value.toLowerCase() + "_usd" }).then(
-        (res) => {
-          var _a;
-          state.currencySummary[`${currency.value.toLowerCase()}Price`] = ((_a = res == null ? void 0 : res.result) == null ? void 0 : _a.index_price) || "";
-        }
-      );
-    };
-    onMounted(() => {
-      fetchData();
-      fetCurrencySummary();
-    });
-    const getCurrencyImg = () => {
-      if (currency.value === "BTC") {
-        return isDark.value ? "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAWRJREFUWEftl20SgiAQhgEPVh3FnGo6RXWKxhrzKNnFoHEFBd0V0cyZJn45DB8Puy/vImcLN77w/iwIIM/SswGOkwN8Y30hhwoFULA450W83W80QKfvD/C1COT365oJ8WynZTKAFtYpZKF6LOcFU+plROpbAxXhJAB3x4sPZG6AEqcXwnsNqWjEycGZ2xe19lg7SF4AuOuP25MptbYnUovmWVr5gt2k3MS7Y4Hp4fMACCxbGuBrKSB0ME2ElAZKdVt3fwXfLZ34bgCUFZ9R9AD4pw4wpXkBGkQyDeMBtLKhHpRNCHNNKQtHIUYDkD5gFyjHcZo3xKxG1KcZDPrjEQCA6unWScWyANYzLjwFiL9jpwFBRtEJ8QOyKpIpgAJkWtdg4GHqGAE2xhpAiZYGwKqa33rwEaHFyHnrjd10gAuSVqwBnPqvOWxlm1rQ9EkJ/wplo+p/+zyDrqGZVD82/j8mvxSBN/FYJTCXemxPAAAAAElFTkSuQmCC" : "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDkgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuODk0IDIuMjI5Vi4zOWguNzg0VjIuMjNoLS43ODR6bS0xLjY0MiAwVi4zOWguNzg0VjIuMjNoLS43ODR6bTEuNjQyIDkuMzQ2VjkuNzM4aC43ODR2MS44MzdoLS43ODR6bS0xLjY0MiAwVjkuNzM4aC43ODR2MS44MzdoLS43ODR6bS0xLjEyNy0xLjJWMS42MjhoMi4wMDljLjY4NiAwIDEuMjU4LjA3IDEuNzE1LjIwOS40NjUuMTM4LjgxMy4zNjcgMS4wNDEuNjg2LjIzNy4zMTguMzU2Ljc0My4zNTYgMS4yNzQgMCAuMzQzLS4wNTguNjQ5LS4xNzIuOTE4LS4xMDYuMjYyLS4yNy40ODItLjQ5LjY2MmExLjgzIDEuODMgMCAwIDEtLjc5Ni4zNTV2LjA2MWMuMzI2LjA1OC42MTYuMTY0Ljg3LjMxOS4yNi4xNTUuNDY1LjM3Ni42MTIuNjYxLjE1NS4yODYuMjMzLjY1OC4yMzMgMS4xMTUgMCAuNTMxLS4xMTUuOTg0LS4zNDMgMS4zNi0uMjIuMzY3LS41NC42NS0uOTU2Ljg0NS0uNDE2LjE4OC0uOTE0LjI4Mi0xLjQ5NC4yODJIMi4xMjV6bTIuMjMtNS4wMjNjLjY3IDAgMS4xMjYtLjExOCAxLjM3MS0uMzU1LjI1NC0uMjQ1LjM4LS42MDQuMzgtMS4wNzggMC0uNDgyLS4xNTUtLjgyNS0uNDY1LTEuMDI5LS4zMDItLjIxMi0uNzg4LS4zMTgtMS40NTgtLjMxOGgtLjk1NXYyLjc4aDEuMTI2em0tMS4xMjguOTJ2My4xNzJoMS4yNzVjLjY3NyAwIDEuMTUxLS4xNTEgMS40Mi0uNDUzLjI3LS4zMDMuNDA1LS42OTkuNDA1LTEuMTg5IDAtLjMxLS4wNjEtLjU4LS4xODQtLjgwOC0uMTE0LS4yMjktLjMxLS40MDQtLjU4OC0uNTI3LS4yNzgtLjEzLS42NTctLjE5Ni0xLjE0LS4xOTZIMy4yMjh6IiBmaWxsPSIjMjEyNTI5Ii8+PC9zdmc+";
-      } else if (currency.value === "ETH") {
-        return isDark.value ? "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAY5JREFUWEfNl1FywjAMROVwsIajpEzL9BSQUzCUoTkK6cFIOjZ2mgTLXsn9aP6AsfWk3YkWQwVPdz0faRj65u2j115jtAftue7r80bjWDe7vfoe9UHXPdHBN9A2u739LH5KAMZFtWHYaqRQAay6f3AY0zev71vpCMQA0eKhqmIKcgBvPK5TqSFFAMnuf4lEhpQCLI3HjUEgBQwAdi82JAQgKi6UAgXARr+SBDFkFkDZPSwFAqDqfhpGxpBJgKLuA0HmDckC/ElxwJD/FyDAF03CmJ7u9za1JfkJXE51OOggjHmx4QPadrPC3eXkznAQaRM+Fs93CBvgNKZdEMBTazoNYOmr6mZ3fRZk3fVmc0DiGvIeiEYvN9qqqp00Xmf3nS+MRrUswDx8zvR/WrkReaC1jAEEKZ4d2NpY7mRS7AGX5CBX2wi+TMG5Y1D3IgBGihgIXFwM4CCuZ345KZIxLMH0ZuT9QCSIYtOuyokZ+53xg2j0RQARP6iKqzwQkwKJXtykxR6YX+SlIO0fU3vXD4Jr8yEhH6DjAAAAAElFTkSuQmCC" : "data:image/png;base64,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";
-      }
-      return "";
-    };
-    const getEchartData = () => {
-      const optionFlowData = state.dataType === "1h" ? state.chartData.past1h : state.chartData.past24h;
-      if (!optionFlowData || Object.keys(optionFlowData).length <= 0)
-        return null;
-      let data = [];
-      if (state.chartType === "all") {
-        if (optionFlowData.call_blocked !== 0) {
-          data.push({
-            value: optionFlowData.call_blocked,
-            name: "Call Blocked",
-            itemStyle: { color: "#770813" }
-          });
-        }
-        if (optionFlowData.call_buys !== 0) {
-          data.push({
-            value: optionFlowData.call_buys,
-            name: "Call Buys",
-            itemStyle: { color: "#CB272D" }
-          });
-        }
-        if (optionFlowData.call_sells !== 0) {
-          data.push({
-            value: optionFlowData.call_sells,
-            name: "Call Sells",
-            itemStyle: { color: "#F76560" }
-          });
-        }
-        if (optionFlowData.put_blocked !== 0) {
-          data.push({
-            value: optionFlowData.put_blocked,
-            name: "Put Blocked",
-            itemStyle: { color: "#072CA6" }
-          });
-        }
-        if (optionFlowData.put_buys !== 0) {
-          data.push({
-            value: optionFlowData.put_buys,
-            name: "Put Buys",
-            itemStyle: { color: "#4080FF" }
-          });
-        }
-        if (optionFlowData.put_sells !== 0) {
-          data.push({
-            value: optionFlowData.put_sells,
-            name: "Put Sells",
-            itemStyle: { color: "#94BFFF" }
-          });
-        }
-      } else {
-        if (optionFlowData.call_blocked_buys !== 0) {
-          data.push({
-            value: optionFlowData.call_blocked_buys,
-            name: "Call Blocked Buys",
-            itemStyle: { color: "#3FA36D" }
-          });
-        }
-        if (optionFlowData.call_blocked_sells !== 0) {
-          data.push({
-            value: optionFlowData.call_blocked_sells,
-            name: "Call Blocked Sells",
-            itemStyle: { color: "#38C77A" }
-          });
-        }
-        if (optionFlowData.put_blocked_buys !== 0) {
-          data.push({
-            value: optionFlowData.put_blocked_buys,
-            name: "Put Blocked Buys",
-            itemStyle: { color: "#FF0015" }
-          });
-        }
-        if (optionFlowData.put_blocked_sells !== 0) {
-          data.push({
-            value: optionFlowData.put_blocked_sells,
-            name: "Put Blocked Sells",
-            itemStyle: { color: "#FA7281" }
-          });
-        }
-      }
-      let total = 0;
-      data.forEach((item) => {
-        total += item.value;
-      });
-      state.coinTotal = total;
-      state.usdTotal = total * indexPrice.value;
-      return {
-        usdTotal: state.usdTotal,
-        coinTotal: total,
-        data
-      };
-    };
-    const getEchartOption = (params) => {
-      if (!params)
-        return {};
-      const { coinTotal, data } = params;
-      const legendPosition = isMobile.value ? {
-        orient: "horizontal",
-        bottom: 0
-      } : {
-        type: "scroll",
-        orient: "vertical",
-        left: "38%",
-        top: "center"
-      };
-      const option = {
-        legend: {
-          ...legendPosition,
-          textStyle: {
-            color: "#ffffff",
-            fontSize: 16,
-            rich: {
-              currencyImg: {
-                width: 8,
-                height: 12,
-                backgroundColor: {
-                  image: getCurrencyImg()
-                }
-              },
-              name: {
-                fontSize: 12,
-                lineHeight: 14,
-                fontWeight: 400,
-                color: isDark.value ? "#ADB5BD" : "#596169",
-                width: isMobile.value ? 114 : 120
-              },
-              data: {
-                fontSize: 12,
-                lineHeight: 14,
-                fontWeight: 500,
-                color: isDark.value ? "#CED4DA" : "#343A40",
-                width: isMobile.value ? 110 : 200
-              },
-              percent: {
-                fontSize: 12,
-                lineHeight: 14,
-                fontWeight: 500,
-                color: isDark.value ? "#CED4DA" : "#343A40",
-                width: isMobile.value ? 85 : "auto"
-              }
-            }
-          },
-          formatter(name) {
-            const legendItem = data.find((v) => v.name === name);
-            if (!legendItem)
-              return "";
-            const value = thousandthFormat(legendItem.value, 1);
-            const usdValue = formatLargeNumber(
-              legendItem.value * indexPrice.value,
-              1
-            );
-            var percent = (legendItem.value / coinTotal * 100).toFixed(2);
-            return `{name|${name}}{currencyImg|}{data|${value}${Number(usdValue) !== 0 ? `($${usdValue})` : ""}}{percent|${percent}%}`;
-          }
-        },
-        series: [
-          {
-            type: "pie",
-            radius: isMobile.value ? ["30%", "45%"] : ["40%", "60%"],
-            center: isMobile.value ? ["50%", "30%"] : ["20%", "50%"],
-            avoidLabelOverlap: true,
-            labelLine: {
-              show: false
-            },
-            label: {
-              show: false
-            },
-            itemStyle: {
-              borderRadius: 0,
-              borderColor: "#fff",
-              borderWidth: 2
-            },
-            data
-          }
-        ]
-      };
-      return option;
-    };
-    const setOption = () => {
-      return getEchartOption(getEchartData());
-    };
-    return (_ctx, _cache) => {
-      const _component_g_icon = resolveComponent("g-icon");
-      const _component_g_tooltip = resolveComponent("g-tooltip");
-      const _component_g_toggle_button = resolveComponent("g-toggle-button");
-      const _component_g_select_option = resolveComponent("g-select-option");
-      const _component_g_select = resolveComponent("g-select");
-      const _component_g_chart = resolveComponent("g-chart");
-      const _component_g_chart_panel = resolveComponent("g-chart-panel");
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass([unref(ns).b()])
-        },
-        [
-          createVNode(_component_g_chart_panel, {
-            currency: unref(currency),
-            "onUpdate:currency": _cache[2] || (_cache[2] = ($event) => isRef(currency) ? currency.value = $event : null),
-            exchange: unref(exchange),
-            "onUpdate:exchange": _cache[3] || (_cache[3] = ($event) => isRef(exchange) ? exchange.value = $event : null),
-            loading: state.loadingFlag,
-            onRefresh: fetchData,
-            class: normalizeClass({ "chart-panel-mobile": unref(isMobile) })
-          }, {
-            title: withCtx(() => [
-              createVNode(_component_g_tooltip, { placement: "bottom" }, {
-                title: withCtx(() => [
-                  createElementVNode("div", {
-                    innerHTML: unref(t)("message.optionFlowTips")
-                  }, null, 8, _hoisted_1)
-                ]),
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString(unref(t)("message.optionFlow")) + " ",
-                    1
-                  ),
-                  createVNode(_component_g_icon, { type: "info_question_circle" })
-                ]),
-                _: 1
-              })
-            ]),
-            tool: withCtx(() => [
-              createElementVNode(
-                "span",
-                _hoisted_2,
-                toDisplayString(unref(t)("message.expirationAsOf")) + toDisplayString(unref(timestampFormat)(/* @__PURE__ */ new Date(), "{y}/{m}/{d}")),
-                1
-              ),
-              createVNode(_component_g_toggle_button, {
-                modelValue: state.dataType,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.dataType = $event),
-                options: dataTypeList
-              }, null, 8, ["modelValue"]),
-              createVNode(_component_g_select, {
-                value: state.chartType,
-                "onUpdate:value": _cache[1] || (_cache[1] = ($event) => state.chartType = $event),
-                size: unref(isPC) ? "small" : "medium",
-                class: "second-select"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createElementBlock(
-                    Fragment,
-                    null,
-                    renderList(chartTypeList, (item) => {
-                      return createVNode(_component_g_select_option, {
-                        value: item.value,
-                        key: item.value
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(
-                            toDisplayString(item.label),
-                            1
-                          )
-                        ]),
-                        _: 2
-                      }, 1032, ["value"]);
-                    }),
-                    64
-                  ))
-                ]),
-                _: 1
-              }, 8, ["value", "size"])
-            ]),
-            body: withCtx(() => [
-              createElementVNode(
-                "div",
-                _hoisted_3,
-                [
-                  createVNode(_component_g_chart, {
-                    class: "skew-chart",
-                    option: setOption()
-                  }, null, 8, ["option"])
-                ],
-                512
-              ),
-              state.coinTotal ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                createTextVNode(
-                  toDisplayString(unref(t)("message.total")) + " ",
-                  1
-                ),
-                createVNode(_component_g_icon, { type: unref(currencyIcon) }, null, 8, ["type"]),
-                createTextVNode(
-                  toDisplayString(unref(thousandthFormat)(state.coinTotal, 1)) + " ",
-                  1
-                ),
-                Number(state.usdTotal) !== 0 ? (openBlock(), createElementBlock(
-                  Fragment,
-                  { key: 0 },
-                  [
-                    _hoisted_5,
-                    createVNode(_component_g_icon, { type: "currency_letter_dollar" }),
-                    createTextVNode(
-                      toDisplayString(unref(thousandthFormat)(state.usdTotal, 0)) + ") ",
-                      1
-                    )
-                  ],
-                  64
-                )) : createCommentVNode("v-if", true)
-              ])) : createCommentVNode("v-if", true)
-            ]),
-            _: 1
-          }, 8, ["currency", "exchange", "loading", "class"])
-        ],
-        2
-      );
-    };
+const panelOptionFlowProps = buildProps({
+  defaultCurrency: {
+    type: String,
+    required: false
+  },
+  defaultExchange: {
+    type: String,
+    required: false
+  },
+  currency: {
+    type: String,
+    required: false
+  },
+  exchange: {
+    type: String,
+    required: false
   }
 });
-var PanelOptionFlow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/panel-option-flow/src/panel-option-flow.vue"]]);
 
-export { PanelOptionFlow as default };
+export { panelOptionFlowEmits, panelOptionFlowProps };
 //# sourceMappingURL=panel-option-flow2.mjs.map

package/es/packages/components/panel-option-flow/src/panel-option-flow2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"panel-option-flow2.mjs","sources":["../../../../../../../packages/components/panel-option-flow/src/panel-option-flow.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      :class=\"{ 'chart-panel-mobile': isMobile }\"\n    >\n      <template #title>\n        <g-tooltip placement=\"bottom\">\n          {{ t('message.optionFlow') }}\n          <g-icon type=\"info_question_circle\" />\n          <template #title>\n            <div v-html=\"t('message.optionFlowTips')\"></div>\n          </template>\n        </g-tooltip>\n      </template>\n      <template #tool>\n        <span class=\"period-range h5-hide\"\n          >{{ t('message.expirationAsOf')\n          }}{{ timestampFormat(new Date(), '{y}/{m}/{d}') }}</span\n        >\n        <g-toggle-button\n          v-model=\"state.dataType\"\n          :options=\"dataTypeList\"\n        ></g-toggle-button>\n        <g-select\n          v-model:value=\"state.chartType\"\n          :size=\"isPC ? 'small' : 'medium'\"\n          class=\"second-select\"\n        >\n          <g-select-option\n            v-for=\"item in chartTypeList\"\n            :value=\"item.value\"\n            :key=\"item.value\"\n          >\n            {{ item.label }}\n          </g-select-option>\n        </g-select>\n      </template>\n      <template #body>\n        <div class=\"echart\" ref=\"echart\">\n          <g-chart class=\"skew-chart\" :option=\"setOption()\"></g-chart>\n        </div>\n\n        <div v-if=\"state.coinTotal\" class=\"footer-total\">\n          {{ t('message.total') }}\n          <g-icon :type=\"currencyIcon\" />{{\n            thousandthFormat(state.coinTotal, 1)\n          }}\n          <template v-if=\"Number(state.usdTotal) !== 0\">\n            (<g-icon type=\"currency_letter_dollar\" />{{\n              thousandthFormat(state.usdTotal, 0)\n            }})\n          </template>\n        </div>\n      </template>\n    </g-chart-panel>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport {\n  useNamespace,\n  useLocale,\n  useDeviceType,\n  useTheme,\n} from '@greeks-live-ui/hooks';\nimport { reactive, onMounted, computed, watch } from 'vue';\n\nimport {\n  timestampFormat,\n  formatLargeNumber,\n  thousandthFormat,\n} from '@greeks-live-ui/utils/chartHelp';\nimport {\n  getIndexPrice,\n  getOptionFlows,\n  IOptionFlowsRes,\n} from '@greeks-live-ui/utils/dataLab';\nimport {\n  panelOptionFlowEmits,\n  panelOptionFlowProps,\n} from './panel-option-flow';\n\ndefineOptions({\n  name: 'GPanelOptionFlow',\n});\nconst props = defineProps(panelOptionFlowProps);\nconst emit = defineEmits(panelOptionFlowEmits);\nconst ns = useNamespace('panel-option-flow');\nconst { t } = useLocale();\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nconst chartTypeList = [\n  { value: 'all', label: 'All' },\n  { value: 'taker', label: 'Block Taker' },\n];\nconst dataTypeList = [\n  { value: '1h', label: 'Past 1H' },\n  { value: '24h', label: 'Past 24H' },\n];\n\nconst state = reactive({\n  loadingFlag: false,\n\n  exchange: props.exchange || props.defaultExchange || 'Deribit',\n  currency: props.currency || props.defaultCurrency || 'BTC',\n\n  pageCount: 0,\n\n  chartType: 'all',\n  dataType: '24h',\n\n  usdTotal: 0,\n  coinTotal: 0,\n\n  chartData: {} as IOptionFlowsRes,\n  currencySummary: {} as Record<string, number>,\n});\n\nconst indexPrice = computed(() => {\n  return state.currencySummary[`${currency.value.toLowerCase()}Price`] || 1;\n});\nconst currencyIcon = computed(() => {\n  if (currency.value === 'BTC') return 'currency_letter_btc';\n  if (currency.value === 'ETH') return 'currency_letter_eth';\n  return '';\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  fetCurrencySummary();\n});\n\nwatch(exchange, () => {\n  fetchData();\n});\n\nwatch(\n  () => state.chartType,\n  (newVal) => {\n    fetchData();\n  }\n);\n\nwatch(\n  () => state.dataType,\n  (newVal) => {\n    fetchData();\n  }\n);\n\nconst fetchData = () => {\n  state.loadingFlag = true;\n  getOptionFlows({ currency: currency.value })\n    .then((res) => {\n      if (res && res.code === 200) {\n        state.chartData = res.data as IOptionFlowsRes;\n      }\n    })\n    .finally(() => {\n      state.loadingFlag = false;\n    });\n};\n\nconst fetCurrencySummary = () => {\n  getIndexPrice({ index_name: currency.value.toLowerCase() + '_usd' }).then(\n    (res) => {\n      state.currencySummary[`${currency.value.toLowerCase()}Price`] =\n        res?.result?.index_price || '';\n    }\n  );\n};\n\nonMounted(() => {\n  fetchData();\n  fetCurrencySummary();\n});\n\nconst getCurrencyImg = () => {\n  if (currency.value === 'BTC') {\n    return isDark.value\n      ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAWRJREFUWEftl20SgiAQhgEPVh3FnGo6RXWKxhrzKNnFoHEFBd0V0cyZJn45DB8Puy/vImcLN77w/iwIIM/SswGOkwN8Y30hhwoFULA450W83W80QKfvD/C1COT365oJ8WynZTKAFtYpZKF6LOcFU+plROpbAxXhJAB3x4sPZG6AEqcXwnsNqWjEycGZ2xe19lg7SF4AuOuP25MptbYnUovmWVr5gt2k3MS7Y4Hp4fMACCxbGuBrKSB0ME2ElAZKdVt3fwXfLZ34bgCUFZ9R9AD4pw4wpXkBGkQyDeMBtLKhHpRNCHNNKQtHIUYDkD5gFyjHcZo3xKxG1KcZDPrjEQCA6unWScWyANYzLjwFiL9jpwFBRtEJ8QOyKpIpgAJkWtdg4GHqGAE2xhpAiZYGwKqa33rwEaHFyHnrjd10gAuSVqwBnPqvOWxlm1rQ9EkJ/wplo+p/+zyDrqGZVD82/j8mvxSBN/FYJTCXemxPAAAAAElFTkSuQmCC'\n      : 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDkgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuODk0IDIuMjI5Vi4zOWguNzg0VjIuMjNoLS43ODR6bS0xLjY0MiAwVi4zOWguNzg0VjIuMjNoLS43ODR6bTEuNjQyIDkuMzQ2VjkuNzM4aC43ODR2MS44MzdoLS43ODR6bS0xLjY0MiAwVjkuNzM4aC43ODR2MS44MzdoLS43ODR6bS0xLjEyNy0xLjJWMS42MjhoMi4wMDljLjY4NiAwIDEuMjU4LjA3IDEuNzE1LjIwOS40NjUuMTM4LjgxMy4zNjcgMS4wNDEuNjg2LjIzNy4zMTguMzU2Ljc0My4zNTYgMS4yNzQgMCAuMzQzLS4wNTguNjQ5LS4xNzIuOTE4LS4xMDYuMjYyLS4yNy40ODItLjQ5LjY2MmExLjgzIDEuODMgMCAwIDEtLjc5Ni4zNTV2LjA2MWMuMzI2LjA1OC42MTYuMTY0Ljg3LjMxOS4yNi4xNTUuNDY1LjM3Ni42MTIuNjYxLjE1NS4yODYuMjMzLjY1OC4yMzMgMS4xMTUgMCAuNTMxLS4xMTUuOTg0LS4zNDMgMS4zNi0uMjIuMzY3LS41NC42NS0uOTU2Ljg0NS0uNDE2LjE4OC0uOTE0LjI4Mi0xLjQ5NC4yODJIMi4xMjV6bTIuMjMtNS4wMjNjLjY3IDAgMS4xMjYtLjExOCAxLjM3MS0uMzU1LjI1NC0uMjQ1LjM4LS42MDQuMzgtMS4wNzggMC0uNDgyLS4xNTUtLjgyNS0uNDY1LTEuMDI5LS4zMDItLjIxMi0uNzg4LS4zMTgtMS40NTgtLjMxOGgtLjk1NXYyLjc4aDEuMTI2em0tMS4xMjguOTJ2My4xNzJoMS4yNzVjLjY3NyAwIDEuMTUxLS4xNTEgMS40Mi0uNDUzLjI3LS4zMDMuNDA1LS42OTkuNDA1LTEuMTg5IDAtLjMxLS4wNjEtLjU4LS4xODQtLjgwOC0uMTE0LS4yMjktLjMxLS40MDQtLjU4OC0uNTI3LS4yNzgtLjEzLS42NTctLjE5Ni0xLjE0LS4xOTZIMy4yMjh6IiBmaWxsPSIjMjEyNTI5Ii8+PC9zdmc+';\n  } else if (currency.value === 'ETH') {\n    return isDark.value\n      ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAY5JREFUWEfNl1FywjAMROVwsIajpEzL9BSQUzCUoTkK6cFIOjZ2mgTLXsn9aP6AsfWk3YkWQwVPdz0faRj65u2j115jtAftue7r80bjWDe7vfoe9UHXPdHBN9A2u739LH5KAMZFtWHYaqRQAay6f3AY0zev71vpCMQA0eKhqmIKcgBvPK5TqSFFAMnuf4lEhpQCLI3HjUEgBQwAdi82JAQgKi6UAgXARr+SBDFkFkDZPSwFAqDqfhpGxpBJgKLuA0HmDckC/ElxwJD/FyDAF03CmJ7u9za1JfkJXE51OOggjHmx4QPadrPC3eXkznAQaRM+Fs93CBvgNKZdEMBTazoNYOmr6mZ3fRZk3fVmc0DiGvIeiEYvN9qqqp00Xmf3nS+MRrUswDx8zvR/WrkReaC1jAEEKZ4d2NpY7mRS7AGX5CBX2wi+TMG5Y1D3IgBGihgIXFwM4CCuZ345KZIxLMH0ZuT9QCSIYtOuyokZ+53xg2j0RQARP6iKqzwQkwKJXtykxR6YX+SlIO0fU3vXD4Jr8yEhH6DjAAAAAElFTkSuQmCC'\n      : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAQAAAAHUWYVAAAOtElEQVR42u2dbXBU1RnH/2eXWLBDIXZkcFQYqsUsiLXFQaEdmragloZ4z0YKWqhCI5AQkPhSTVASirVgOwIiLwF5q9aaEfYukdRCqUWmpZWhxRKBpdTaOmlp09YQrWVKdvf0wwIJIZt77957znMO4+9Tkr17nnPPk/P87z0vzwEuEvhO6hoEQ4i6AsFgVeBWq4y6FkHAqCsQBJMGJn+PAWgJX7/1n9R18ctF0UOStRgAYECylrom/rkIekh0nPjZ2Z/Fl+J7qOvjj4ugh4hFHT+zRbmXowdh6gr4hVeitNOvgwtaEgeo6+QHw0NW0aC8Q+h33p8Ml3bDQ1ZeTRd3AANS36GulR+M7iH8drza3d9Nlnaze0gWCTdZ2g0Wdf4Qpmf5yGBpNzZkFQ8JH0afrB8bK+3GhqxwTQ/uMFjaDe0hJRPSjU7XmCnthvaQ1BPO15gp7UaKOq9iU11cNrjg34n91HX1ioEhyxrKmnCJmytFa6/rTJN2A0MWq3bnDoDlmyftxvUQq4Rt9XK9adJuXA9hNR6vN0zaDRN1vhCTPX7FMGk3KmRZEXbYe41Fa96wl/9OXXe3mBWyanL5B2L5SY9hjhKDeohXOe+MOdJuTA+ZFGI+HmHNkXZjHJJaiGE+vj7WqqC+A3cYErKsG9lBfyWYIu2G9BD/IYflm7GMzogewqfgx0GUY4K0G9BD7u0NF4PtbjBB2g14Ux/yBCYGVJQBb+3ahyw+EgEuV9Bf2vUPWYGGGf2lXfMewqdjY9Bl6i3tWveQ4r6iNvhS9ZZ2rR0SXsAGSShW67d2jUMWH419ckrWWdp17iG1sgrWWdq17SH8PqyTeuPjY7up77E7NO0hxf2xUK4F8Tj1PXaPpg4JL8JVkk1oKu1ahqzoWPG6AjOtbHjsBPW9dkXLHiIWKDGTLzSca9fQIVYZblVkalZ0HPXddkU7h9x5OatVZ01o99aunUNS38EAhebG6Cbtmom6Vch+odikZtKuWQ8hGPjTTNq1cohVgbEEZrWSdo0cEr3Cz1I4P+gk7Ro5RNQgn8j0GGs+9d2fRRtR5+Oxi9C8NtKuTw+pJbWujbRr4hBeiTHEVdBE2rVwSNEgaPD/qYe0a7FQbvgK3ExdBwBXR95P/Ia6EhqIOi/CK9R1OEMbi1BLuwYhS+izl7wfvbSTO4RXsc9S16ET5NJOHLKKrw0fdpuXQRH77M9TmicW9chKdiNtDS6AWNpJe0iJlbYp7WehjV0fa6YyTqohaX3kvDP9xGN0xgkdwhdiBJ31HpnFx1OZJgtZVoS9Rf+MlxUyaScT9YJnma79AyCUdqIe4idNhiKIpJ0maDCquUEP9KMZbCRxSLTGV5oMVcygkHaCkHXHiNAh9VZzgkDaCUR92BpE1FvNCQJpV95DgkqToYi29ht2vKvSoOIeUtirz1Z8Uq1NX/QO90s0qDSoWNQvewyfVmvRNzP47SrNKQ1ZwabJUIZSaVcasiJrcZ1KewGhVNoV9hA+DT9UZy1QFEq7sh4y8dJQPS5TZS1gFEq7MlHPq8E1qmxJQJm0KwpZhsp5J8Qb8VtU2FEUsiLrMVSNJVmwq9RIu5IeIiPrFQFt6eHb/yrbiIIeUtw3tBWfkG9HOr1Zf/nSrkDUwwukp8lQhQJpl+4QPhqPyLahEOmTVtJDVmQLhsi2oZArZUu7ZFG3ythquRaUI/mtXWoPKe4f2oaPy7RAgOS3dqkaEvqu0jQZqpAq7RIdYhWycnmlkyJR2iWGrMgWDJZXOilXRj5MSMqYKk3UrQq2UlbZGiBN2iX1kEkD01tZH//laIs0aZekIclaRpUmQxWSpF2KQ6LjMEtua2iBFGmXErIKnsfVcttCC6RIuwRR55V4WkV7aIAEaQ+8hxQNCtejt6oWIUaCtAeuIXk16KeqPTRgRsmEYAsM2CH8dsxQ1xo6kA4490PAISvyI1yprjG0IGBpD7iHpEtRp7Y9yImxQA/ik/CUVWKl5+LLqtqDEnGQrbQ3BVumnLEsxh8Uc6WcH6UPbVjVa2XwByfJG1yMsHmYLbdN6BD1bIX9axklS53C5UWYq+ykA3XsxzL7JVmFS18oxysxx+hVvechWkPPhH/w8n/kWVCwcrH42lDlRTJ3+AKW27+Va0LRYuuSCelyfE2NLUnsw0p5gaoDhRt2rAo2z7gdhhlasNz+nhpTCre0JfaPeDl9CUZRpxX0zEYxM64s0ZryxomOE/MNCl57xTPxbSoNBtpDrJLEUadrjv4p8WJBCxtqwG71Ziy2ZzrdkRUZ2vfYyeCMBuqQAkS2D9177D2n6xIHRmxKh3GLxgnMgLr26Q2vOl3EN7APt/8ySLOBOiTxr4gI/bxgQOInTlceOZ3YHdmNyzXdJv1aqCK27A9tPV9kVUTewC57ebCmA9cQvhazAMxwN+hmlbEKvVI1iXfZcnuZ412OxvO4BvuS41/5b7D2A3dIcf/wTowC0CQmxx0VBQCiS8V8XZIpi9Wph52auLhveDOiAJJifHxP0DUIPIo3nMRiAMAIdoRvcPON2CPpmxALuh45sAtj4nOc3MGrwu8jCgCoCt4dkh57o7UdSe3F3Pizbr7Dp6CaMG3scbEsvsbpopIJ6U3n1vPH7BIZFZH0HsJ3dhrlfRvT3A1V8yWYB/ULUAVW2vc7XRS9QmzudE/N4lZ3Adkrsh48q9F67udrsM96aeKlzl+yH00NF/WSapSNxvRnnN3Bl4i/nTeRUC3HHUpXv4vK+HI33yyZkHpC0REWR7DYecCQT8GW8x86xOr4HFlVkjh0wp/H1C5/ambTY7tdfXchHpC8vus0ltmPOl1kRdhmjOryx/2pcQ0fyKqWRIcUDcrb3c3obkPqnoaTzt8u7h9ayybLqpt4MVnlvAiUr+l2Evqr9k9l1Uvy4GK2/NVsUazW1fcL8bSE4NWEanuH00X8Pqzr9oMaW2oSaMmjvXxJlrQBbaG7tzkOsAAAr8TjAR7JegqLnWc2+Gg8l2X8oNEuktJQ55A/p/561hOgd6VmN7zjXMK9vdtWBbRAdUtqvlO4nHhpeD27O8uHLeK2+JuSGuoM0h1iFbKd2QdG2FMxV4k3+EisvkBcPSEOhubH9jraeQjf7+HjmfZ6aQ11tkVkG3C8ySSmuZur5veJpTlulGsTVc7v4dFxYlOPaXI22t+S2lAAVOXL2nZm9Ccb+9Ol25tclbQC8zybr7PLIHq+ZNLAZB2Ke7ykKTXWzdOhX5RMEYkq9HwSx6jQIWuVm5Ls+8UwOAaeTuwTw+zZTu6I1iZPOLgDoUdVuENdzkV3OeVcxmg+BSuck3aIVlbuHAytErbBxSvok/YCFe2kcJFDlpesrjRhurulaJ1HlLu9MRePC9ZQtj7rM2Bndtm3qWklhWli2+eLgy4uG4EDfPO9LvYoxmrbB6Mxy4eNqU85u4MvYcdcuaMN1apaSekyoJIJ6UbXFz/gPI0KALwIa7o8GTWHZjm/cnpJy+l2RicYlK7Lcgoz5/G2KHU3I8er8OS5X6pdvId7e6d5wZ6mso0UL5TjO7wskhP16dnuByLdXF30sbzVnt76j6dGqXm6Ootih9wxgr3u8eXOxf88AFiFzv3Je0oDcafadYsES0lzyMLYjDLn0VlHu4Vsndel3m4HdoKEYOEz34x7PH+poX1u7kksivuHNziMFXTHXvuLalsGIDnHMFmOI56/VJz3l2htbvb4wnBrDu44hQfUtksGkq0BOR+82obZ3jbNlFjpuhwTcbp88A4aor0a0aXi2zl+da+Y7W7FR/G14VW5bjkV9fEpNC1Dtnmmh4krZ55xs3DHR4rzt1M3qX3Y7YDOISOxz8eK3jRKsy/n5tNQ52vB3V0qdhN2D+H2MoeJK2f2o/zCgUg+UqxiN/sq10X/kwfpfj/rJd8LfTa2ztqTPPtLYa/8Z31neyQ4kLgzpHuYes2F3yPkZ+S3WxWZH62K/Hbf7kjjIcoWIe4hgR1VfETMYasC2fjjcqBGHuRblF1OXKmhwb6Dugrk2y7tMlcTVypo7qVBtmFyhwBM2kpyjzwcfPYr7yg+T707Es3DGAqpa4E6ewl1FQANNCSDt4krCey3/b27BIYGIQsA2stFq/9SfDCfugXOoolDdrzLHqSzzhbJSdeXCxpoSIbEm5EhuJHEdKM9k/ruO9BEQzLww+qzOojW0PDYCeo770CTkJVBEDwAs/t1codGIQsAEn+O9MEXlJrcaC+mvuvz0SpkAT4nrrxyxB5Ofb9d0SpkAUC4FKdU2WJl1Hfbzf1TV6ArR94reI8peUlki2JbqO/2QrRzCJA4UBBh10s385qt5Ukn2oUsADg5VUg8jxkA0NY+nfouu0dLh+xJhmVH90qZR3D7QcOQBQBHj0cug7ThPvFi/HHqO8yGdo+9HfA3/O1Mz8pxeyj1vWVHy5CVIV0qp1yh0cjVhWgasgDgWEvkfQS/2fLJuOvNbBRoHLIACRNXxKuunNE4ZAFA6i60BFjc6dRU/4XIRXOHNHwggjwKpsJN9iFaNNaQDImjkStwUxAlifq4wv3muaK5hmQIZOKq2TbiSHHNQ9YZvum/CKF0t3nuaB+yACBxInIaX/FVxNL4c9R34Q4jQhbQJVe2V7RZdeWMGSELQGpy7hNXKaL9grlgjEMaTuacCHOm/g+7HRihIRkSb0UGwXsW35itPBuDH4zRkAz8jx6PcW2xBzol+NMLY0LWGTw+vLJvmOUOo0IW4HXrAnsqts7ttbpgWMgCAP4rjHFznTgY/xx1Xb1jWsgC4HYrdS9pZyvIxECHxJrdPACL8q3HqWuaC4ZpSAYXWxdi8Yepa5kbBmpIBv6PHtIutbYO6MjvYBYGhqwMoieFuNtUdxgasoAety4stddS1y53jA1ZAGD9rpsDkZrsG6jr5QdjQxYApLs5a1MY+bDbgdEOaXin6xIIMVfWgY+qMDpkAV0Oi9EgeYxfjO4hANA6GWcPoj/V/nXq2vjHeIfsSeLMfGDozh3/o67NRwAA+BIu+ArqWnxEJ/gh6hoExf8BG8PkNWz8gd4AAAAASUVORK5CYII=';\n  }\n  return '';\n};\n\nconst getEchartData = () => {\n  const optionFlowData =\n    state.dataType === '1h' ? state.chartData.past1h : state.chartData.past24h;\n  if (!optionFlowData || Object.keys(optionFlowData).length <= 0) return null;\n\n  let data = [];\n  if (state.chartType === 'all') {\n    if (optionFlowData.call_blocked !== 0) {\n      data.push({\n        value: optionFlowData.call_blocked,\n        name: 'Call Blocked',\n        itemStyle: { color: '#770813' },\n      });\n    }\n    if (optionFlowData.call_buys !== 0) {\n      data.push({\n        value: optionFlowData.call_buys,\n        name: 'Call Buys',\n        itemStyle: { color: '#CB272D' },\n      });\n    }\n    if (optionFlowData.call_sells !== 0) {\n      data.push({\n        value: optionFlowData.call_sells,\n        name: 'Call Sells',\n        itemStyle: { color: '#F76560' },\n      });\n    }\n    if (optionFlowData.put_blocked !== 0) {\n      data.push({\n        value: optionFlowData.put_blocked,\n        name: 'Put Blocked',\n        itemStyle: { color: '#072CA6' },\n      });\n    }\n    if (optionFlowData.put_buys !== 0) {\n      data.push({\n        value: optionFlowData.put_buys,\n        name: 'Put Buys',\n        itemStyle: { color: '#4080FF' },\n      });\n    }\n    if (optionFlowData.put_sells !== 0) {\n      data.push({\n        value: optionFlowData.put_sells,\n        name: 'Put Sells',\n        itemStyle: { color: '#94BFFF' },\n      });\n    }\n  } else {\n    if (optionFlowData.call_blocked_buys !== 0) {\n      data.push({\n        value: optionFlowData.call_blocked_buys,\n        name: 'Call Blocked Buys',\n        itemStyle: { color: '#3FA36D' },\n      });\n    }\n    if (optionFlowData.call_blocked_sells !== 0) {\n      data.push({\n        value: optionFlowData.call_blocked_sells,\n        name: 'Call Blocked Sells',\n        itemStyle: { color: '#38C77A' },\n      });\n    }\n    if (optionFlowData.put_blocked_buys !== 0) {\n      data.push({\n        value: optionFlowData.put_blocked_buys,\n        name: 'Put Blocked Buys',\n        itemStyle: { color: '#FF0015' },\n      });\n    }\n    if (optionFlowData.put_blocked_sells !== 0) {\n      data.push({\n        value: optionFlowData.put_blocked_sells,\n        name: 'Put Blocked Sells',\n        itemStyle: { color: '#FA7281' },\n      });\n    }\n  }\n\n  let total = 0;\n  data.forEach((item) => {\n    total += item.value;\n  });\n  state.coinTotal = total;\n  state.usdTotal = total * indexPrice.value;\n\n  return {\n    usdTotal: state.usdTotal,\n    coinTotal: total,\n    data,\n  };\n};\n\nconst getEchartOption = (params: ReturnType<typeof getEchartData>) => {\n  if (!params) return {};\n  const { coinTotal, data } = params;\n\n  const legendPosition = isMobile.value\n    ? {\n        orient: 'horizontal',\n        bottom: 0,\n      }\n    : {\n        type: 'scroll',\n        orient: 'vertical',\n        left: '38%',\n        top: 'center',\n      };\n\n  const option = {\n    legend: {\n      ...legendPosition,\n\n      textStyle: {\n        color: '#ffffff',\n        fontSize: 16,\n        rich: {\n          currencyImg: {\n            width: 8,\n            height: 12,\n            backgroundColor: {\n              image: getCurrencyImg(),\n            },\n          },\n          name: {\n            fontSize: 12,\n            lineHeight: 14,\n            fontWeight: 400,\n            color: isDark.value ? '#ADB5BD' : '#596169', // 浅色/Grey/10\n            width: isMobile.value ? 114 : 120,\n          },\n          data: {\n            fontSize: 12,\n            lineHeight: 14,\n            fontWeight: 500,\n            color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n            width: isMobile.value ? 110 : 200,\n          },\n          percent: {\n            fontSize: 12,\n            lineHeight: 14,\n            fontWeight: 500,\n            color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n            width: isMobile.value ? 85 : 'auto',\n          },\n        },\n      },\n      formatter(name: string) {\n        const legendItem = data.find((v) => v.name === name);\n        if (!legendItem) return '';\n        const value = thousandthFormat(legendItem.value, 1);\n        const usdValue = formatLargeNumber(\n          legendItem.value * indexPrice.value,\n          1\n        );\n        var percent = ((legendItem.value / coinTotal) * 100).toFixed(2);\n        return `{name|${name}}{currencyImg|}{data|${value}${\n          Number(usdValue) !== 0 ? `($${usdValue})` : ''\n        }}{percent|${percent}%}`;\n      },\n    },\n\n    series: [\n      {\n        type: 'pie',\n        radius: isMobile.value ? ['30%', '45%'] : ['40%', '60%'],\n        center: isMobile.value ? ['50%', '30%'] : ['20%', '50%'],\n        avoidLabelOverlap: true,\n        labelLine: {\n          show: false,\n        },\n        label: {\n          show: false,\n        },\n        itemStyle: {\n          borderRadius: 0,\n          borderColor: '#fff',\n          borderWidth: 2,\n        },\n\n        data,\n      },\n    ],\n  };\n  return option;\n};\n\nconst setOption = () => {\n  return getEchartOption(getEchartData());\n};\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"panel-option-flow2.mjs","sources":["../../../../../../../packages/components/panel-option-flow/src/panel-option-flow.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelOptionFlow from './panel-option-flow.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelOptionFlowEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelOptionFlowEmits = typeof panelOptionFlowEmits\nexport const panelOptionFlowProps = 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 PanelOptionFlowProps = ExtractPropTypes<typeof panelOptionFlowProps>\nexport type PanelOptionFlowInstance = InstanceType<typeof PanelOptionFlow>\n"],"names":[],"mappings":";;;AAIO,MAAM,oBAAuB,GAAA;AAAA,EAClC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,uBAAuB,UAAW,CAAA;AAAA,EAC7C,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/es/packages/components/panel-option-open-interest/src/panel-option-open-interest.mjs

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