greeks-live-ui 0.0.21 → 0.0.22

package/es/packages/components/panel-rv-calc/src/panel-rv-calc.mjs

@@ -1,13 +1,512 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { Button } from 'ant-design-vue/es';
+import { defineComponent, reactive, computed, watch, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, Fragment, toDisplayString, createCommentVNode, createElementVNode, renderList, createTextVNode } from 'vue';
+import '../../../hooks/index.mjs';
+import { panelRvCalcProps, panelRvCalcEmits } from './panel-rv-calc2.mjs';
+import { getKlineHv, getKlineHvCalc } from '../../../utils/dataLab.mjs';
+import { toPercentage, numberFormat } from '../../../utils/chartHelp.mjs';
+import { message } from 'ant-design-vue';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useDeviceType } from '../../../hooks/use-device-type/index.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
 
-const panelRvCalcEmits = {};
-const panelRvCalcProps = buildProps({
-  currency: {
-    type: String,
-    required: true
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = { class: "btn-box" };
+const _hoisted_4 = { class: "item-box" };
+const _hoisted_5 = { class: "input-label" };
+const _hoisted_6 = { class: "item-box" };
+const _hoisted_7 = { class: "input-label" };
+const _hoisted_8 = { class: "input-calc" };
+const _hoisted_9 = { class: "input-number-unit" };
+const _hoisted_10 = { class: "input-number-unit" };
+const _hoisted_11 = { class: "item-box" };
+const _hoisted_12 = { class: "period-statement-text" };
+const _hoisted_13 = { class: "result-box" };
+const _hoisted_14 = { class: "result-item" };
+const _hoisted_15 = { class: "result-label" };
+const _hoisted_16 = {
+  key: 0,
+  class: "result-data"
+};
+const _hoisted_17 = {
+  key: 1,
+  class: "result-data"
+};
+const _hoisted_18 = { class: "result-item" };
+const _hoisted_19 = { class: "result-label" };
+const _hoisted_20 = {
+  key: 0,
+  class: "result-data"
+};
+const _hoisted_21 = {
+  key: 1,
+  class: "result-data"
+};
+const _hoisted_22 = { class: "result-item" };
+const _hoisted_23 = { class: "result-label" };
+const _hoisted_24 = {
+  key: 0,
+  class: "result-data"
+};
+const _hoisted_25 = {
+  key: 1,
+  class: "result-data"
+};
+const __default__ = {
+  name: "GPanelRvCalc"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: panelRvCalcProps,
+  emits: panelRvCalcEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("panel-rv-calc");
+    const { isMobile } = useDeviceType();
+    const { t } = useLocale();
+    const columns = [
+      {
+        title: `${t("message.algorithm")}`,
+        key: "algorithm",
+        dataIndex: "algorithm"
+      },
+      {
+        title: `1 ${t("message.day")}`,
+        key: "one_day",
+        dataIndex: "one_day"
+      },
+      {
+        title: `3 ${t("message.day")}`,
+        key: "three_day",
+        dataIndex: "three_day"
+      },
+      {
+        title: `15 ${t("message.day")}`,
+        key: "fifteen_day",
+        dataIndex: "fifteen_day"
+      }
+    ];
+    const periodList = [
+      {
+        label: "1 " + t("message.minute"),
+        value: "1"
+      },
+      {
+        label: "3 " + t("message.minute"),
+        value: "3"
+      },
+      {
+        label: "5 " + t("message.minute"),
+        value: "5"
+      },
+      {
+        label: "10 " + t("message.minute"),
+        value: "10"
+      },
+      {
+        label: "15 " + t("message.minute"),
+        value: "15"
+      },
+      {
+        label: "30 " + t("message.minute"),
+        value: "30"
+      },
+      {
+        label: "1 " + t("message.hour"),
+        value: "60"
+      },
+      {
+        label: "2 " + t("message.hour"),
+        value: "120"
+      },
+      {
+        label: "3 " + t("message.hour"),
+        value: "180"
+      },
+      {
+        label: "6 " + t("message.hour"),
+        value: "360"
+      },
+      {
+        label: "12 " + t("message.hour"),
+        value: "720"
+      },
+      {
+        label: "1 " + t("message.day"),
+        value: "1D"
+      }
+    ];
+    const state = reactive({
+      tableLoading: false,
+      tableData: [],
+      calcLoading: false,
+      errorFlag: false,
+      errorMsg: "",
+      period: "1",
+      day: 0,
+      hour: 0,
+      minute: 0,
+      rate_hv: 0,
+      rate_parkinsonHv: 0,
+      rate_unbiasedHv: 0
+    });
+    const dayMax = computed(() => {
+      let allMinute = 0;
+      if ("1D" === state.period) {
+        allMinute = 1440 * 1e3;
+      } else {
+        allMinute = parseInt(state.period) * 1e3;
+      }
+      return Math.floor(allMinute / 1440);
+    });
+    const hourMax = computed(() => {
+      let day = state.day || 0;
+      let minute = state.minute || 0;
+      let subMinute = 0;
+      let allMinute = day * 24 * 60 + minute;
+      switch (state.period) {
+        case "1":
+          subMinute = 1e3 - allMinute;
+          break;
+        case "3":
+          subMinute = 3e3 - allMinute;
+          break;
+        case "5":
+          subMinute = 5e3 - allMinute;
+          break;
+        case "10":
+          subMinute = 1e4 - allMinute;
+          break;
+        case "15":
+          subMinute = 15e3 - allMinute;
+          break;
+        case "30":
+          subMinute = 3e4 - allMinute;
+          break;
+        case "60":
+          subMinute = 6e4 - allMinute;
+          break;
+        case "120":
+          subMinute = 12e4 - allMinute;
+          break;
+        case "180":
+          subMinute = 18e4 - allMinute;
+          break;
+        case "360":
+          subMinute = 36e4 - allMinute;
+          break;
+        case "720":
+          subMinute = 72e4 - allMinute;
+          break;
+        case "1D":
+          subMinute = 144e4 - allMinute;
+          break;
+      }
+      if (subMinute / 60 === 0)
+        return Math.floor(subMinute / 60);
+      return parseFloat((subMinute / 60).toFixed(1));
+    });
+    watch(
+      () => props.currency,
+      () => {
+        state.period = "";
+        state.day = 0;
+        state.hour = 0;
+        state.minute = 0;
+        state.rate_hv = 0;
+        state.rate_parkinsonHv = 0;
+        state.rate_unbiasedHv = 0;
+        fetchData();
+      },
+      { immediate: false }
+    );
+    onMounted(() => {
+      fetchData();
+    });
+    const fetchData = () => {
+      state.tableLoading = true;
+      getKlineHv({ currency: props.currency || "" }).then((res) => {
+        if (res && res.code === 200) {
+          const result = res.data || {};
+          let tableData = [];
+          tableData.push({
+            algorithm: "rv",
+            one_day: toPercentage(result["period1Day"].hv),
+            three_day: toPercentage(result["period3Days"].hv),
+            fifteen_day: toPercentage(result["period15Days"].hv)
+          });
+          tableData.push({
+            algorithm: "unbiasedHv",
+            one_day: toPercentage(result["period1Day"].unbiasedHv),
+            three_day: toPercentage(result["period3Days"].unbiasedHv),
+            fifteen_day: toPercentage(result["period15Days"].unbiasedHv)
+          });
+          tableData.push({
+            algorithm: "parkinsonHv",
+            one_day: toPercentage(result["period1Day"].parkinsonHv),
+            three_day: toPercentage(result["period3Days"].parkinsonHv),
+            fifteen_day: toPercentage(result["period15Days"].parkinsonHv)
+          });
+          state.tableData = tableData;
+        } else {
+          state.tableData = [];
+        }
+      }).finally(() => {
+        state.tableLoading = false;
+      });
+    };
+    const handleCalc = () => {
+      let periodMinute = 0;
+      if ("1D" === state.period) {
+        periodMinute = 1440;
+      } else {
+        periodMinute = parseInt(state.period);
+      }
+      let count = Math.floor((state.day * 24 + state.hour) * 60 / periodMinute);
+      if (count < 1) {
+        return;
+      }
+      if (count > 1e3) {
+        count = 1e3;
+      }
+      state.calcLoading = true;
+      state.errorMsg = "";
+      state.errorFlag = false;
+      getKlineHvCalc({
+        currency: props.currency || "",
+        count,
+        resolution: state.period
+      }).then((res) => {
+        var _a, _b, _c;
+        if (res.code === 0 && res.data) {
+          state.rate_hv = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.hv;
+          state.rate_parkinsonHv = (_b = res == null ? void 0 : res.data) == null ? void 0 : _b.parkinsonHv;
+          state.rate_unbiasedHv = (_c = res == null ? void 0 : res.data) == null ? void 0 : _c.unbiasedHv;
+        } else {
+          message.error(res.msg);
+        }
+      }).catch((err) => {
+        console.log({ err });
+        if (err.response.status === 429) {
+          state.errorMsg = t("message.tooManyRequest");
+        }
+        state.errorFlag = true;
+      }).finally(() => {
+        state.calcLoading = false;
+      });
+    };
+    return (_ctx, _cache) => {
+      const _component_g_table = resolveComponent("g-table");
+      const _component_g_select_option = resolveComponent("g-select-option");
+      const _component_g_select = resolveComponent("g-select");
+      const _component_g_input_number = resolveComponent("g-input-number");
+      const _component_a_button = Button;
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([unref(ns).b()])
+        },
+        [
+          createVNode(_component_g_table, {
+            columns,
+            "data-source": state.tableData,
+            loading: state.tableLoading,
+            size: "small",
+            pagination: false
+          }, {
+            bodyCell: withCtx(({ column, record }) => [
+              column.key ? (openBlock(), createElementBlock(
+                Fragment,
+                { key: 0 },
+                [
+                  column.key === "algorithm" ? (openBlock(), createElementBlock(
+                    "span",
+                    _hoisted_1,
+                    toDisplayString(unref(t)("message." + record[column.key])),
+                    1
+                  )) : (openBlock(), createElementBlock(
+                    "span",
+                    _hoisted_2,
+                    toDisplayString(record[column.key]),
+                    1
+                  ))
+                ],
+                64
+              )) : createCommentVNode("v-if", true)
+            ]),
+            _: 1
+          }, 8, ["data-source", "loading"]),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(["calc-hv-box", { "mobile-calc-hv-box": unref(isMobile) }])
+            },
+            [
+              createElementVNode("div", _hoisted_3, [
+                createElementVNode("div", _hoisted_4, [
+                  createElementVNode(
+                    "div",
+                    _hoisted_5,
+                    toDisplayString(unref(t)("message.klineResolution")) + toDisplayString(unref(t)("message.colon")),
+                    1
+                  ),
+                  createVNode(_component_g_select, {
+                    value: state.period,
+                    "onUpdate:value": _cache[0] || (_cache[0] = ($event) => state.period = $event),
+                    size: "mini",
+                    class: "input-select"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(), createElementBlock(
+                        Fragment,
+                        null,
+                        renderList(periodList, (item) => {
+                          return createVNode(_component_g_select_option, {
+                            key: item.value,
+                            label: item.label,
+                            value: item.value
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(
+                                toDisplayString(item.label),
+                                1
+                              )
+                            ]),
+                            _: 2
+                          }, 1032, ["label", "value"]);
+                        }),
+                        64
+                      ))
+                    ]),
+                    _: 1
+                  }, 8, ["value"])
+                ]),
+                createElementVNode("div", _hoisted_6, [
+                  createElementVNode(
+                    "div",
+                    _hoisted_7,
+                    toDisplayString(unref(t)("message.period")) + toDisplayString(unref(t)("message.colon")),
+                    1
+                  ),
+                  createElementVNode("div", _hoisted_8, [
+                    createElementVNode("div", null, [
+                      createVNode(_component_g_input_number, {
+                        value: state.day,
+                        "onUpdate:value": _cache[1] || (_cache[1] = ($event) => state.day = $event),
+                        min: 0,
+                        max: unref(dayMax),
+                        step: 1,
+                        formatter: (value) => value || 0,
+                        disabled: unref(dayMax) <= 0,
+                        class: "input-number"
+                      }, null, 8, ["value", "max", "formatter", "disabled"]),
+                      createElementVNode(
+                        "div",
+                        _hoisted_9,
+                        " \xA0\xA0" + toDisplayString(unref(t)("message.day")) + "\xA0\xA0 ",
+                        1
+                      )
+                    ]),
+                    createElementVNode("div", null, [
+                      createVNode(_component_g_input_number, {
+                        value: state.hour,
+                        "onUpdate:value": _cache[2] || (_cache[2] = ($event) => state.hour = $event),
+                        min: 0,
+                        max: unref(hourMax),
+                        step: 1,
+                        formatter: (value) => value || 0,
+                        disabled: unref(hourMax) <= 0,
+                        class: "input-number"
+                      }, null, 8, ["value", "max", "formatter", "disabled"]),
+                      createElementVNode(
+                        "div",
+                        _hoisted_10,
+                        " \xA0\xA0" + toDisplayString(unref(t)("message.hour")),
+                        1
+                      )
+                    ])
+                  ])
+                ]),
+                createElementVNode("div", _hoisted_11, [
+                  createElementVNode(
+                    "div",
+                    _hoisted_12,
+                    toDisplayString(unref(t)("message.kLinePeriodStatement")),
+                    1
+                  ),
+                  createVNode(_component_a_button, {
+                    type: "primary",
+                    size: "mini",
+                    disabled: !state.tableData.length,
+                    onClick: handleCalc,
+                    loading: state.calcLoading,
+                    class: "calc-btn"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(
+                        toDisplayString(unref(t)("message.calc")),
+                        1
+                      )
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "loading"])
+                ])
+              ]),
+              createElementVNode("div", _hoisted_13, [
+                createElementVNode("div", _hoisted_14, [
+                  createElementVNode(
+                    "div",
+                    _hoisted_15,
+                    toDisplayString(unref(t)("message.rv")) + toDisplayString(unref(t)("message.colon")),
+                    1
+                  ),
+                  state.errorFlag ? (openBlock(), createElementBlock("div", _hoisted_16, "-")) : (openBlock(), createElementBlock(
+                    "div",
+                    _hoisted_17,
+                    toDisplayString(unref(numberFormat)(state.rate_hv * 100)) + "% ",
+                    1
+                  ))
+                ]),
+                createElementVNode("div", _hoisted_18, [
+                  createElementVNode(
+                    "div",
+                    _hoisted_19,
+                    toDisplayString(unref(t)("message.unbiasedHv")) + toDisplayString(unref(t)("message.colon")),
+                    1
+                  ),
+                  state.errorFlag ? (openBlock(), createElementBlock("div", _hoisted_20, "-")) : (openBlock(), createElementBlock(
+                    "div",
+                    _hoisted_21,
+                    toDisplayString(unref(numberFormat)(state.rate_unbiasedHv * 100)) + "% ",
+                    1
+                  ))
+                ]),
+                createElementVNode("div", _hoisted_22, [
+                  createElementVNode(
+                    "div",
+                    _hoisted_23,
+                    toDisplayString(unref(t)("message.parkinsonHv")) + toDisplayString(unref(t)("message.colon")),
+                    1
+                  ),
+                  state.errorFlag ? (openBlock(), createElementBlock("div", _hoisted_24, "-")) : (openBlock(), createElementBlock(
+                    "div",
+                    _hoisted_25,
+                    toDisplayString(unref(numberFormat)(state.rate_parkinsonHv * 100)) + "% ",
+                    1
+                  ))
+                ])
+              ])
+            ],
+            2
+          )
+        ],
+        2
+      );
+    };
   }
 });
+var PanelRvCalc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/panel-rv-calc/src/panel-rv-calc.vue"]]);
 
-export { panelRvCalcEmits, panelRvCalcProps };
+export { PanelRvCalc as default };
 //# sourceMappingURL=panel-rv-calc.mjs.map

package/es/packages/components/panel-rv-calc/src/panel-rv-calc.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"panel-rv-calc.mjs","sources":["../../../../../../../packages/components/panel-rv-calc/src/panel-rv-calc.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils';\nimport type PanelRvCalc from './panel-rv-calc.vue';\nimport type { ExtractPropTypes } from 'vue';\n\nexport const panelRvCalcEmits = {};\nexport type PanelRvCalcEmits = typeof panelRvCalcEmits;\nexport const panelRvCalcProps = buildProps({\n  currency: {\n    type: String,\n    required: true,\n  },\n});\nexport type PanelRvCalcProps = ExtractPropTypes<typeof panelRvCalcProps>;\nexport type PanelRvCalcInstance = InstanceType<typeof PanelRvCalc>;\n"],"names":[],"mappings":";;;AAIO,MAAM,mBAAmB,GAAC;AAE1B,MAAM,mBAAmB,UAAW,CAAA;AAAA,EACzC,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAC;;;;"}
+{"version":3,"file":"panel-rv-calc.mjs","sources":["../../../../../../../packages/components/panel-rv-calc/src/panel-rv-calc.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\">\n    <g-table\n      :columns=\"columns\"\n      :data-source=\"state.tableData\"\n      :loading=\"state.tableLoading\"\n      size=\"small\"\n      :pagination=\"false\"\n    >\n      <template #bodyCell=\"{ column, record }\">\n        <template v-if=\"column.key\">\n          <span v-if=\"column.key === 'algorithm'\">\n            {{ t('message.' + record[column.key]) }}\n          </span>\n          <span v-else>{{ record[column.key] }}</span>\n        </template>\n      </template>\n    </g-table>\n\n    <div class=\"calc-hv-box\" :class=\"{ 'mobile-calc-hv-box': isMobile }\">\n      <div class=\"btn-box\">\n        <div class=\"item-box\">\n          <div class=\"input-label\">\n            {{ t('message.klineResolution') }}{{ t('message.colon') }}\n          </div>\n          <g-select\n            v-model:value=\"state.period\"\n            size=\"mini\"\n            class=\"input-select\"\n          >\n            <g-select-option\n              v-for=\"item in periodList\"\n              :key=\"item.value\"\n              :label=\"item.label\"\n              :value=\"item.value\"\n            >\n              {{ item.label }}\n            </g-select-option>\n          </g-select>\n        </div>\n        <div class=\"item-box\">\n          <div class=\"input-label\">\n            {{ t('message.period') }}{{ t('message.colon') }}\n          </div>\n          <div class=\"input-calc\">\n            <div>\n              <g-input-number\n                v-model:value=\"state.day\"\n                :min=\"0\"\n                :max=\"dayMax\"\n                :step=\"1\"\n                :formatter=\"(value: number) => value || 0\"\n                :disabled=\"dayMax <= 0\"\n                class=\"input-number\"\n              />\n              <div class=\"input-number-unit\">\n                &nbsp;&nbsp;{{ t('message.day') }}&nbsp;&nbsp;\n              </div>\n            </div>\n            <div>\n              <g-input-number\n                v-model:value=\"state.hour\"\n                :min=\"0\"\n                :max=\"hourMax\"\n                :step=\"1\"\n                :formatter=\"(value: number) => value || 0\"\n                :disabled=\"hourMax <= 0\"\n                class=\"input-number\"\n              />\n              <div class=\"input-number-unit\">\n                &nbsp;&nbsp;{{ t('message.hour') }}\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"item-box\">\n          <div class=\"period-statement-text\">\n            {{ t('message.kLinePeriodStatement') }}\n          </div>\n          <a-button\n            type=\"primary\"\n            size=\"mini\"\n            :disabled=\"!state.tableData.length\"\n            @click=\"handleCalc\"\n            :loading=\"state.calcLoading\"\n            class=\"calc-btn\"\n          >\n            {{ t('message.calc') }}\n          </a-button>\n        </div>\n      </div>\n      <div class=\"result-box\">\n        <div class=\"result-item\">\n          <div class=\"result-label\">\n            {{ t('message.rv') }}{{ t('message.colon') }}\n          </div>\n          <div class=\"result-data\" v-if=\"state.errorFlag\">-</div>\n          <div class=\"result-data\" v-else>\n            {{ numberFormat(state.rate_hv * 100) }}%\n          </div>\n        </div>\n        <div class=\"result-item\">\n          <div class=\"result-label\">\n            {{ t('message.unbiasedHv') }}{{ t('message.colon') }}\n          </div>\n          <div class=\"result-data\" v-if=\"state.errorFlag\">-</div>\n          <div class=\"result-data\" v-else>\n            {{ numberFormat(state.rate_unbiasedHv * 100) }}%\n          </div>\n        </div>\n        <div class=\"result-item\">\n          <div class=\"result-label\">\n            {{ t('message.parkinsonHv') }}{{ t('message.colon') }}\n          </div>\n          <div class=\"result-data\" v-if=\"state.errorFlag\">-</div>\n          <div class=\"result-data\" v-else>\n            {{ numberFormat(state.rate_parkinsonHv * 100) }}%\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useDeviceType, useNamespace } from '@greeks-live-ui/hooks';\nimport { panelRvCalcEmits, panelRvCalcProps } from './panel-rv-calc';\nimport { computed, defineProps, onMounted, reactive, watch } from 'vue';\nimport { useLocale } from '@greeks-live-ui/hooks';\nimport {\n  getKlineHv,\n  getKlineHvCalc,\n  IKlineHvRes,\n} from '@greeks-live-ui/utils/dataLab';\nimport { toPercentage, numberFormat } from '@greeks-live-ui/utils/chartHelp';\n\nimport { message } from 'ant-design-vue';\n\ndefineOptions({\n  name: 'GPanelRvCalc',\n});\nconst ns = useNamespace('panel-rv-calc');\nconst props = defineProps(panelRvCalcProps);\nconst emits = defineEmits(panelRvCalcEmits);\nconst { isMobile } = useDeviceType();\n\nconst { t } = useLocale();\n\nconst columns = [\n  {\n    title: `${t('message.algorithm')}`,\n    key: 'algorithm',\n    dataIndex: 'algorithm',\n  },\n  {\n    title: `1 ${t('message.day')}`,\n    key: 'one_day',\n    dataIndex: 'one_day',\n  },\n  {\n    title: `3 ${t('message.day')}`,\n    key: 'three_day',\n    dataIndex: 'three_day',\n  },\n  {\n    title: `15 ${t('message.day')}`,\n    key: 'fifteen_day',\n    dataIndex: 'fifteen_day',\n  },\n];\n\nconst periodList = [\n  {\n    label: '1 ' + t('message.minute'),\n    value: '1',\n  },\n  {\n    label: '3 ' + t('message.minute'),\n    value: '3',\n  },\n  {\n    label: '5 ' + t('message.minute'),\n    value: '5',\n  },\n  {\n    label: '10 ' + t('message.minute'),\n    value: '10',\n  },\n  {\n    label: '15 ' + t('message.minute'),\n    value: '15',\n  },\n  {\n    label: '30 ' + t('message.minute'),\n    value: '30',\n  },\n  {\n    label: '1 ' + t('message.hour'),\n    value: '60',\n  },\n  {\n    label: '2 ' + t('message.hour'),\n    value: '120',\n  },\n  {\n    label: '3 ' + t('message.hour'),\n    value: '180',\n  },\n  {\n    label: '6 ' + t('message.hour'),\n    value: '360',\n  },\n  {\n    label: '12 ' + t('message.hour'),\n    value: '720',\n  },\n  {\n    label: '1 ' + t('message.day'),\n    value: '1D',\n  },\n];\n\nconst state = reactive({\n  tableLoading: false,\n  tableData: [] as Array<{\n    algorithm: string;\n    one_day: string;\n    three_day: string;\n    fifteen_day: string;\n  }>,\n\n  calcLoading: false,\n  errorFlag: false,\n  errorMsg: '',\n\n  period: '1',\n  day: 0,\n  hour: 0,\n  minute: 0,\n  rate_hv: 0,\n  rate_parkinsonHv: 0,\n  rate_unbiasedHv: 0,\n});\n\nconst dayMax = computed(() => {\n  let allMinute = 0;\n  if ('1D' === state.period) {\n    allMinute = 1440 * 1000;\n  } else {\n    allMinute = parseInt(state.period) * 1000;\n  }\n  return Math.floor(allMinute / 1440);\n});\nconst hourMax = computed(() => {\n  let day = state.day || 0;\n  let minute = state.minute || 0;\n\n  let subMinute = 0;\n  let allMinute = day * 24 * 60 + minute;\n\n  switch (state.period) {\n    case '1':\n      subMinute = 1000 - allMinute;\n      break;\n    case '3':\n      subMinute = 3000 - allMinute;\n      break;\n    case '5':\n      subMinute = 5000 - allMinute;\n      break;\n    case '10':\n      subMinute = 10000 - allMinute;\n      break;\n    case '15':\n      subMinute = 15000 - allMinute;\n      break;\n    case '30':\n      subMinute = 30000 - allMinute;\n      break;\n    case '60':\n      subMinute = 60000 - allMinute;\n      break;\n    case '120':\n      subMinute = 120000 - allMinute;\n      break;\n    case '180':\n      subMinute = 180000 - allMinute;\n      break;\n    case '360':\n      subMinute = 360000 - allMinute;\n      break;\n    case '720':\n      subMinute = 720000 - allMinute;\n      break;\n    case '1D':\n      subMinute = 1440000 - allMinute;\n      break;\n  }\n  if (subMinute / 60 === 0) return Math.floor(subMinute / 60);\n  return parseFloat((subMinute / 60).toFixed(1));\n});\n\nwatch(\n  () => props.currency,\n  () => {\n    state.period = '';\n    state.day = 0;\n    state.hour = 0;\n    state.minute = 0;\n    state.rate_hv = 0;\n    state.rate_parkinsonHv = 0;\n    state.rate_unbiasedHv = 0;\n    fetchData();\n  },\n  { immediate: false }\n);\n\nonMounted(() => {\n  fetchData();\n});\n\nconst fetchData = () => {\n  state.tableLoading = true;\n  getKlineHv({ currency: props.currency || '' })\n    .then((res) => {\n      if (res && res.code === 200) {\n        const result = res.data || ({} as IKlineHvRes);\n        let tableData = [];\n        tableData.push({\n          algorithm: 'rv',\n          one_day: toPercentage(result['period1Day'].hv),\n          three_day: toPercentage(result['period3Days'].hv),\n          fifteen_day: toPercentage(result['period15Days'].hv),\n        });\n        tableData.push({\n          algorithm: 'unbiasedHv',\n          one_day: toPercentage(result['period1Day'].unbiasedHv),\n          three_day: toPercentage(result['period3Days'].unbiasedHv),\n          fifteen_day: toPercentage(result['period15Days'].unbiasedHv),\n        });\n        tableData.push({\n          algorithm: 'parkinsonHv',\n          one_day: toPercentage(result['period1Day'].parkinsonHv),\n          three_day: toPercentage(result['period3Days'].parkinsonHv),\n          fifteen_day: toPercentage(result['period15Days'].parkinsonHv),\n        });\n        state.tableData = tableData;\n        // Object.keys(result).forEach((key) => {\n        //   tableData.push({\n        //     algorithm: key,\n        //     one_day: toPercentage(result['period1Day'].hv),\n        //     three_day: toPercentage(result['period1Day'].hv)\n        //   })\n        // })\n      } else {\n        state.tableData = [];\n      }\n    })\n    .finally(() => {\n      state.tableLoading = false;\n    });\n};\n\nconst handleCalc = () => {\n  let periodMinute = 0;\n  if ('1D' === state.period) {\n    periodMinute = 1440;\n  } else {\n    periodMinute = parseInt(state.period);\n  }\n\n  let count = Math.floor(((state.day * 24 + state.hour) * 60) / periodMinute);\n\n  if (count < 1) {\n    return;\n  }\n  if (count > 1000) {\n    count = 1000;\n  }\n\n  state.calcLoading = true;\n  state.errorMsg = '';\n  state.errorFlag = false;\n\n  getKlineHvCalc({\n    currency: props.currency || '',\n    count: count,\n    resolution: state.period,\n  })\n    .then((res) => {\n      if (res.code === 0 && res.data) {\n        state.rate_hv = res?.data?.hv;\n        state.rate_parkinsonHv = res?.data?.parkinsonHv;\n        state.rate_unbiasedHv = res?.data?.unbiasedHv;\n      } else {\n        message.error((res as unknown as { msg: string }).msg);\n      }\n    })\n    .catch((err) => {\n      console.log({ err });\n      if (err.response.status === 429) {\n        state.errorMsg = t('message.tooManyRequest');\n      }\n      state.errorFlag = true;\n    })\n    .finally(() => {\n      state.calcLoading = false;\n    });\n};\n</script>\n"],"names":[],"mappings":"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"}