greeks-live-ui 0.1.21 → 0.1.23

package/lib/packages/components/panel-option-flow/src/panel-option-flow.js

@@ -2,32 +2,457 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+require('../../../hooks/index.js');
+var chartHelp = require('../../../utils/chartHelp.js');
+var dataLab = require('../../../utils/dataLab.js');
+var panelOptionFlow = require('./panel-option-flow2.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-locale/index.js');
+var index$2 = require('../../../hooks/use-device-type/index.js');
+var index$3 = require('../../../hooks/use-theme/index.js');
 
-const panelOptionFlowEmits = {
-  "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 h5-hide" };
+const _hoisted_5 = {
+  class: "echart",
+  ref: "echart"
 };
-const panelOptionFlowProps = runtime.buildProps({
-  defaultCurrency: {
-    type: String,
-    required: false
-  },
-  defaultExchange: {
-    type: String,
-    required: false
-  },
-  currency: {
-    type: String,
-    required: false
-  },
-  exchange: {
-    type: String,
-    required: false
+const _hoisted_6 = {
+  key: 0,
+  class: "footer-total"
+};
+const _hoisted_7 = /* @__PURE__ */ vue.createTextVNode(" (");
+const __default__ = {
+  name: "GPanelOptionFlow"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: panelOptionFlow.panelOptionFlowProps,
+  emits: panelOptionFlow.panelOptionFlowEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = index.useNamespace("panel-option-flow");
+    const { t } = index$1.useLocale();
+    const { isMobile, isPC } = index$2.useDeviceType();
+    const { isDark } = index$3.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 = vue.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 = vue.computed(() => {
+      return state.currencySummary[`${currency.value.toLowerCase()}Price`] || 1;
+    });
+    const currencyIcon = vue.computed(() => {
+      if (currency.value === "BTC")
+        return "currency_letter_btc";
+      if (currency.value === "ETH")
+        return "currency_letter_eth";
+      return "";
+    });
+    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();
+      fetCurrencySummary();
+    });
+    vue.watch(exchange, () => {
+      state.chartType = "all";
+      fetchData();
+    });
+    vue.watch(
+      () => state.chartType,
+      (newVal) => {
+        fetchData();
+      }
+    );
+    vue.watch(
+      () => state.dataType,
+      (newVal) => {
+        fetchData();
+      }
+    );
+    const filteredChartTypeList = vue.computed(() => {
+      if (exchange.value === "okx") {
+        return [chartTypeList[0]];
+      }
+      return chartTypeList;
+    });
+    const fetchData = () => {
+      state.loadingFlag = true;
+      dataLab.getOptionFlows({ currency: currency.value, exchange: exchange.value }).then((res) => {
+        if (res && res.code === 200) {
+          state.chartData = res.data;
+        }
+      }).finally(() => {
+        state.loadingFlag = false;
+      });
+    };
+    const fetCurrencySummary = () => {
+      dataLab.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) || "";
+        }
+      );
+    };
+    const chartOption = vue.computed(() => {
+      return getEchartOption(getEchartData());
+    });
+    vue.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 = chartHelp.thousandthFormat(legendItem.value, 1);
+            const usdValue = chartHelp.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: "transparent",
+              borderWidth: 0
+            },
+            data
+          }
+        ]
+      };
+      return option;
+    };
+    return (_ctx, _cache) => {
+      const _component_g_icon = vue.resolveComponent("g-icon");
+      const _component_g_tooltip = vue.resolveComponent("g-tooltip");
+      const _component_g_toggle_button = vue.resolveComponent("g-toggle-button");
+      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,
+            class: vue.normalizeClass({ "chart-panel-mobile": vue.unref(isMobile) })
+          }, {
+            title: vue.withCtx(() => [
+              vue.createTextVNode(
+                vue.toDisplayString(vue.unref(t)("message.optionFlow")) + " ",
+                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.optionFlowTips")
+                  }, null, 8, _hoisted_1)
+                ]),
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_g_icon, { name: "info_question_circle" })
+                ]),
+                _: 1
+              }, 8, ["isMobile"])
+            ]),
+            tool: vue.withCtx(() => [
+              vue.createVNode(_component_g_toggle_button, {
+                modelValue: state.dataType,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.dataType = $event),
+                options: dataTypeList
+              }, null, 8, ["modelValue"]),
+              vue.createVNode(_component_g_select, {
+                value: state.chartType,
+                "onUpdate:value": _cache[1] || (_cache[1] = ($event) => state.chartType = $event),
+                size: vue.unref(isPC) ? "small" : "medium",
+                class: "second-select"
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(vue.unref(filteredChartTypeList), (item) => {
+                      return vue.openBlock(), vue.createBlock(_component_g_select_option, {
+                        value: item.value,
+                        key: item.value
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(
+                            vue.toDisplayString(item.label),
+                            1
+                          )
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]);
+                    }),
+                    128
+                  ))
+                ]),
+                _: 1
+              }, 8, ["value", "size"]),
+              vue.createElementVNode("div", _hoisted_2, [
+                vue.createElementVNode(
+                  "span",
+                  _hoisted_3,
+                  vue.toDisplayString(vue.unref(t)("message.upto")),
+                  1
+                ),
+                vue.createElementVNode(
+                  "span",
+                  _hoisted_4,
+                  vue.toDisplayString(vue.unref(chartHelp.timestampFormat)(/* @__PURE__ */ new Date(), "{y}/{m}/{d}")),
+                  1
+                )
+              ])
+            ]),
+            body: vue.withCtx(() => [
+              vue.createElementVNode(
+                "div",
+                _hoisted_5,
+                [
+                  vue.createVNode(_component_g_chart, {
+                    class: "skew-chart",
+                    option: vue.unref(chartOption)
+                  }, null, 8, ["option"])
+                ],
+                512
+              ),
+              state.coinTotal ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+                vue.createTextVNode(
+                  vue.toDisplayString(vue.unref(t)("message.total")) + " ",
+                  1
+                ),
+                vue.createVNode(_component_g_icon, { name: vue.unref(currencyIcon) }, null, 8, ["name"]),
+                vue.createTextVNode(
+                  vue.toDisplayString(vue.unref(chartHelp.thousandthFormat)(state.coinTotal, 1)) + " ",
+                  1
+                ),
+                Number(state.usdTotal) !== 0 ? (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  { key: 0 },
+                  [
+                    _hoisted_7,
+                    vue.createVNode(_component_g_icon, { name: "currency_letter_dollar" }),
+                    vue.createTextVNode(
+                      vue.toDisplayString(vue.unref(chartHelp.thousandthFormat)(state.usdTotal, 0)) + ") ",
+                      1
+                    )
+                  ],
+                  64
+                )) : vue.createCommentVNode("v-if", true)
+              ])) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 1
+          }, 8, ["currency", "exchange", "loading", "class"])
+        ],
+        2
+      );
+    };
   }
 });
+var PanelOptionFlow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/panel-option-flow/src/panel-option-flow.vue"]]);
 
-exports.panelOptionFlowEmits = panelOptionFlowEmits;
-exports.panelOptionFlowProps = panelOptionFlowProps;
+exports["default"] = PanelOptionFlow;
 //# sourceMappingURL=panel-option-flow.js.map

package/lib/packages/components/panel-option-flow/src/panel-option-flow.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-option-flow.js","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":["buildProps"],"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,uBAAuBA,kBAAW,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;;;;;"}
+{"version":3,"file":"panel-option-flow.js","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        {{ t('message.optionFlow') }}\n        <g-tooltip :isMobile=\"isMobile\">\n          <g-icon name=\"info_question_circle\" />\n          <template #title>\n            <div class=\"greeks-panel-tip\" v-html=\"t('message.optionFlowTips')\"></div>\n          </template>\n        </g-tooltip>\n      </template>\n      <template #tool>\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 filteredChartTypeList\"\n            :value=\"item.value\"\n            :key=\"item.value\"\n          >\n            {{ item.label }}\n          </g-select-option>\n        </g-select>\n        <div class=\"period-controls\">\n          <span class=\"selector-label h5-hide\">{{ t('message.upto') }}</span>\n          <span class=\"period-range h5-hide\">{{\n            timestampFormat(new Date(), '{y}/{m}/{d}')\n          }}</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\n        <div v-if=\"state.coinTotal\" class=\"footer-total\">\n          {{ t('message.total') }}\n          <g-icon :name=\"currencyIcon\" />{{\n            thousandthFormat(state.coinTotal, 1)\n          }}\n          <template v-if=\"Number(state.usdTotal) !== 0\">\n            (<g-icon name=\"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  state.chartType = 'all';\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 filteredChartTypeList = computed(() => {\n  if (exchange.value === 'okx') {\n    // 当exchange为okx时，仅展示all\n    return [chartTypeList[0]];\n  }\n  return chartTypeList;\n});\n\nconst fetchData = () => {\n  state.loadingFlag = true;\n  getOptionFlows({ currency: currency.value, exchange: exchange.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\nconst chartOption = computed(() => {\n  return getEchartOption(getEchartData());\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,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';\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: 'transparent',\n          borderWidth: 0,\n        },\n\n        data,\n      },\n    ],\n  };\n  return option;\n};\n</script>\n"],"names":["useNamespace","useLocale","useDeviceType","useTheme","reactive","computed","watch","getOptionFlows","getIndexPrice","onMounted","thousandthFormat","formatLargeNumber"],"mappings":"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"}