greeks-live-ui 0.0.21 → 0.0.23

package/es/hooks/use-floating/index.d.ts

@@ -41,16 +41,16 @@ export declare const useFloating: ({ middleware, placement, strategy }: UseFloat
             referenceHidden?: boolean | undefined;
             escaped?: boolean | undefined;
             referenceHiddenOffsets?: {
-                top: number;
+                left: number;
                 right: number;
                 bottom: number;
-                left: number;
+                top: number;
             } | undefined;
             escapedOffsets?: {
-                top: number;
+                left: number;
                 right: number;
                 bottom: number;
-                left: number;
+                top: number;
             } | undefined;
         } | undefined;
         offset?: {
@@ -92,16 +92,16 @@ export declare const useFloating: ({ middleware, placement, strategy }: UseFloat
             referenceHidden?: boolean | undefined;
             escaped?: boolean | undefined;
             referenceHiddenOffsets?: {
-                top: number;
+                left: number;
                 right: number;
                 bottom: number;
-                left: number;
+                top: number;
             } | undefined;
             escapedOffsets?: {
-                top: number;
+                left: number;
                 right: number;
                 bottom: number;
-                left: number;
+                top: number;
             } | undefined;
         } | undefined;
         offset?: {

package/es/index.mjs

@@ -10,11 +10,11 @@ export { button1Emits, button1Props } from './packages/components/button1/src/bu
 export { GButton1 } from './packages/components/button1/index.mjs';
 export { configProviderProps } from './packages/components/config-provider/src/config-provider.mjs';
 export { GConfigProvider } from './packages/components/config-provider/index.mjs';
-export { panelEmits, panelProps } from './packages/components/panel/src/panel2.mjs';
+export { panelEmits, panelProps } from './packages/components/panel/src/panel.mjs';
 export { GPanel } from './packages/components/panel/index.mjs';
-export { selectEmits, selectProps } from './packages/components/select/src/select.mjs';
+export { selectEmits, selectProps } from './packages/components/select/src/select2.mjs';
 export { GSelect, GSelectOption } from './packages/components/select/index.mjs';
-export { radioEmits, radioProps } from './packages/components/radio/src/radio2.mjs';
+export { radioEmits, radioProps } from './packages/components/radio/src/radio.mjs';
 export { GRadio, GRadioButton, GRadioGroup } from './packages/components/radio/index.mjs';
 export { checkboxEmits, checkboxProps } from './packages/components/checkbox/src/checkbox.mjs';
 export { GCheckbox } from './packages/components/checkbox/index.mjs';
@@ -22,19 +22,19 @@ export { checkboxGroupEmits, checkboxGroupProps } from './packages/components/ch
 export { GCheckboxGroup } from './packages/components/checkbox-group/index.mjs';
 export { tooltipEmits, tooltipProps } from './packages/components/tooltip/src/tooltip.mjs';
 export { GTooltip } from './packages/components/tooltip/index.mjs';
-export { tableEmits, tableProps } from './packages/components/table/src/table.mjs';
+export { tableEmits, tableProps } from './packages/components/table/src/table2.mjs';
 export { GTable } from './packages/components/table/index.mjs';
 export { iconEmits, iconProps } from './packages/components/icon/src/icon.mjs';
 export { GIcon } from './packages/components/icon/index.mjs';
-export { dropdownEmits, dropdownProps } from './packages/components/dropdown/src/dropdown.mjs';
+export { dropdownEmits, dropdownProps } from './packages/components/dropdown/src/dropdown2.mjs';
 export { GDropdown } from './packages/components/dropdown/index.mjs';
-export { dropdownButtonEmits, dropdownButtonProps } from './packages/components/dropdown-button/src/dropdown-button2.mjs';
+export { dropdownButtonEmits, dropdownButtonProps } from './packages/components/dropdown-button/src/dropdown-button.mjs';
 export { GDropdownButton } from './packages/components/dropdown-button/index.mjs';
-export { radioDropdownEmits, radioDropdownProps } from './packages/components/radio-dropdown/src/radio-dropdown2.mjs';
+export { radioDropdownEmits, radioDropdownProps } from './packages/components/radio-dropdown/src/radio-dropdown.mjs';
 export { GRadioDropdown } from './packages/components/radio-dropdown/index.mjs';
 export { chartEmits, chartProps } from './packages/components/chart/src/chart.mjs';
 export { GChart } from './packages/components/chart/index.mjs';
-export { spinEmits, spinProps } from './packages/components/spin/src/spin.mjs';
+export { spinEmits, spinProps } from './packages/components/spin/src/spin2.mjs';
 export { GSpin } from './packages/components/spin/index.mjs';
 export { inputNumberEmits, inputNumberProps } from './packages/components/input-number/src/input-number2.mjs';
 export { GInputNumber } from './packages/components/input-number/index.mjs';
@@ -42,25 +42,25 @@ export { menuEmits, menuProps } from './packages/components/menu/src/menu.mjs';
 export { GMenu } from './packages/components/menu/index.mjs';
 export { menuItemEmits, menuItemProps } from './packages/components/menu-item/src/menu-item.mjs';
 export { GMenuItem } from './packages/components/menu-item/index.mjs';
-export { chartPanelEmits, chartPanelProps } from './packages/components/chart-panel/src/chart-panel2.mjs';
+export { chartPanelEmits, chartPanelProps } from './packages/components/chart-panel/src/chart-panel.mjs';
 export { GChartPanel } from './packages/components/chart-panel/index.mjs';
 export { pageTurnerEmits, pageTurnerProps } from './packages/components/page-turner/src/page-turner.mjs';
 export { GPageTurner } from './packages/components/page-turner/index.mjs';
-export { toggleButtonEmits, toggleButtonProps } from './packages/components/toggle-button/src/toggle-button2.mjs';
+export { toggleButtonEmits, toggleButtonProps } from './packages/components/toggle-button/src/toggle-button.mjs';
 export { GToggleButton } from './packages/components/toggle-button/index.mjs';
 export { panelAtmIvEmits, panelAtmIvProps } from './packages/components/panel-atm-iv/src/panel-atm-iv.mjs';
 export { GPanelAtmIv } from './packages/components/panel-atm-iv/index.mjs';
-export { chartTableEmits, chartTableProps } from './packages/components/chart-table/src/chart-table.mjs';
+export { chartTableEmits, chartTableProps } from './packages/components/chart-table/src/chart-table2.mjs';
 export { GChartTable } from './packages/components/chart-table/index.mjs';
-export { panelSkewEmits, panelSkewProps } from './packages/components/panel-skew/src/panel-skew.mjs';
+export { panelSkewEmits, panelSkewProps } from './packages/components/panel-skew/src/panel-skew2.mjs';
 export { GPanelSkew } from './packages/components/panel-skew/index.mjs';
 export { panelRvEmits, panelRvProps } from './packages/components/panel-rv/src/panel-rv.mjs';
 export { GPanelRv } from './packages/components/panel-rv/index.mjs';
-export { panelRvCalcEmits, panelRvCalcProps } from './packages/components/panel-rv-calc/src/panel-rv-calc.mjs';
+export { panelRvCalcEmits, panelRvCalcProps } from './packages/components/panel-rv-calc/src/panel-rv-calc2.mjs';
 export { GPanelRvCalc } from './packages/components/panel-rv-calc/index.mjs';
 export { panelVolatilityTermStructureEmits, panelVolatilityTermStructureProps } from './packages/components/panel-volatility-term-structure/src/panel-volatility-term-structure.mjs';
 export { GPanelVolatilityTermStructure } from './packages/components/panel-volatility-term-structure/index.mjs';
-export { panelOptionFlowEmits, panelOptionFlowProps } from './packages/components/panel-option-flow/src/panel-option-flow.mjs';
+export { panelOptionFlowEmits, panelOptionFlowProps } from './packages/components/panel-option-flow/src/panel-option-flow2.mjs';
 export { GPanelOptionFlow } from './packages/components/panel-option-flow/index.mjs';
 export { panelOptionOpenInterestEmits, panelOptionOpenInterestProps } from './packages/components/panel-option-open-interest/src/panel-option-open-interest2.mjs';
 export { GPanelOptionOpenInterest } from './packages/components/panel-option-open-interest/index.mjs';
@@ -68,11 +68,11 @@ export { panelHistoricalDeliveryPriceEmits, panelHistoricalDeliveryPriceProps }
 export { GPanelHistoricalDeliveryPrice } from './packages/components/panel-historical-delivery-price/index.mjs';
 export { panelMaxPainPriceEmits, panelMaxPainPriceProps } from './packages/components/panel-max-pain-price/src/panel-max-pain-price2.mjs';
 export { GPanelMaxPainPrice } from './packages/components/panel-max-pain-price/index.mjs';
-export { panelImpliedVolatilitySurfaceEmits, panelImpliedVolatilitySurfaceProps } from './packages/components/panel-implied-volatility-surface/src/panel-implied-volatility-surface.mjs';
+export { panelImpliedVolatilitySurfaceEmits, panelImpliedVolatilitySurfaceProps } from './packages/components/panel-implied-volatility-surface/src/panel-implied-volatility-surface2.mjs';
 export { GPanelImpliedVolatilitySurface } from './packages/components/panel-implied-volatility-surface/index.mjs';
-export { panelIvSkewEmits, panelIvSkewProps } from './packages/components/panel-iv-skew/src/panel-iv-skew2.mjs';
+export { panelIvSkewEmits, panelIvSkewProps } from './packages/components/panel-iv-skew/src/panel-iv-skew.mjs';
 export { GPanelIvSkew } from './packages/components/panel-iv-skew/index.mjs';
-export { panelOptionTradeVolumeEmits, panelOptionTradeVolumeProps } from './packages/components/panel-option-trade-volume/src/panel-option-trade-volume2.mjs';
+export { panelOptionTradeVolumeEmits, panelOptionTradeVolumeProps } from './packages/components/panel-option-trade-volume/src/panel-option-trade-volume.mjs';
 export { GPanelOptionTradeVolume } from './packages/components/panel-option-trade-volume/index.mjs';
 export { panelVrpEmits, panelVrpProps } from './packages/components/panel-vrp/src/panel-vrp.mjs';
 export { GPanelVrp } from './packages/components/panel-vrp/index.mjs';

package/es/packages/components/chart-panel/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import ChartPanel from './src/chart-panel.mjs';
-export { chartPanelEmits, chartPanelProps } from './src/chart-panel2.mjs';
+import ChartPanel from './src/chart-panel2.mjs';
+export { chartPanelEmits, chartPanelProps } from './src/chart-panel.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GChartPanel = withInstall(ChartPanel);

package/es/packages/components/chart-panel/src/chart-panel.mjs

@@ -1,279 +1,44 @@
-import { defineComponent, reactive, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, createSlots, withCtx, renderSlot, createElementVNode, createCommentVNode, isRef, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from 'vue';
-import '../../../hooks/index.mjs';
-import { chartPanelProps, chartPanelEmits } from './chart-panel2.mjs';
-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 '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = { class: "panel-header" };
-const _hoisted_2 = { class: "chart-title-box" };
-const _hoisted_3 = { class: "right-icons" };
-const _hoisted_4 = { class: "chart-title-box" };
-const _hoisted_5 = { class: "right-icons" };
-const _hoisted_6 = { class: "greeks-panel-tool-box" };
-const __default__ = {
-  name: "GChartPanel"
+const chartPanelEmits = {
+  "update:currency": (currency) => true,
+  "update:exchange": (exchange) => true,
+  "operation": (operation) => true,
+  "line": (line) => true,
+  "bar": (bar) => true,
+  "calc": (calc) => true,
+  "search": (search) => true,
+  "toggle": (toggle) => true,
+  "refresh": (refresh) => true,
+  "fullscreen": (fullscreen) => true,
+  "setting": (setting) => true,
+  "share": (share) => true
 };
-const _sfc_main = defineComponent({
-  ...__default__,
-  props: chartPanelProps,
-  emits: chartPanelEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("chart-panel");
-    const { isMobile, isPC } = useDeviceType();
-    const exchangeList = [
-      { value: "byb", label: "", icon: "logo_bybit_square_l" },
-      { value: "okx", label: "", icon: "logo_okx_square_d" },
-      { value: "deribit", label: "", icon: "logo_deribit_square_l" }
-    ];
-    const currencyList = [
-      { value: "BTC", label: "BTC", icon: "currency_btc" },
-      { value: "ETH", label: "ETH", icon: "currency_eth" },
-      { value: "SOL_USDC", label: "SOL", icon: "currency_sol", isDropdown: true },
-      { value: "BNB_USDC", label: "BNB", icon: "currency_bnb", isDropdown: true },
-      {
-        value: "PAXG_USDC",
-        label: "PAXG",
-        icon: "currency_paxg",
-        isDropdown: true
-      },
-      { value: "XRP_USDC", label: "XRP", icon: "currency_xrp", isDropdown: true }
-    ];
-    const iconMap = {
-      line: "chart_swtichtochart",
-      bar: "chart_bar_switch_to_bar",
-      calc: "chart_calculator_line",
-      calc_active: "chart_calculator_filled",
-      search: "chart_search_filter",
-      toggle: "chart_switchtotable",
-      refresh: "chart_reload",
-      fullscreen: "chart_fullscreen",
-      setting: "chart_settings",
-      share: "chart_share"
-    };
-    const state = reactive({
-      isMobile,
-      isPC
-    });
-    const showOperations = computed(
-      () => {
-        const defaultOperations = state.isPC ? ["refresh"] : ["refresh"];
-        return [...props.operations, ...defaultOperations].map((v) => {
-          return {
-            value: v,
-            icon: v === "calc" && props.showType === "calc" ? iconMap["calc_active"] : iconMap[v]
-          };
-        });
-      }
-    );
-    const handleClickIcon = (type) => {
-      emits(type, true);
-      emits("operation", type);
-    };
-    const getCurrencyIcon = (value) => {
-      var _a;
-      return ((_a = currencyList.find((v) => v.value === value)) == null ? void 0 : _a.icon) || "";
-    };
-    const currency = computed({
-      get: () => props.currency || currencyList[0].value,
-      set: (newVal) => {
-        emits("update:currency", newVal);
-      }
-    });
-    const exchange = computed({
-      get: () => props.exchange || exchangeList[0].value,
-      set: (newVal) => {
-        emits("update:exchange", newVal);
-      }
-    });
-    return (_ctx, _cache) => {
-      const _component_g_icon = resolveComponent("g-icon");
-      const _component_g_radio_dropdown = resolveComponent("g-radio-dropdown");
-      const _component_g_select_option = resolveComponent("g-select-option");
-      const _component_g_select = resolveComponent("g-select");
-      const _component_g_spin = resolveComponent("g-spin");
-      const _component_g_panel = resolveComponent("g-panel");
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass([unref(ns).b()])
-        },
-        [
-          createVNode(
-            _component_g_panel,
-            null,
-            createSlots({
-              body: withCtx(() => [
-                createVNode(_component_g_spin, {
-                  spinning: props.loading
-                }, {
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "body")
-                  ]),
-                  _: 3
-                }, 8, ["spinning"])
-              ]),
-              _: 2
-            }, [
-              unref(isPC) ? {
-                name: "header",
-                fn: withCtx(() => [
-                  createElementVNode("div", _hoisted_1, [
-                    createCommentVNode(' <g-select\n            v-model:value="exchange"\n            option-label-prop="children"\n            disabled\n          >\n            <g-select-option\n              v-for="item in exchangeList"\n              :value="item.value"\n              :key="item.value"\n            >\n              <g-icon :type="item.icon"></g-icon>\n            </g-select-option>\n          </g-select> '),
-                    createVNode(_component_g_radio_dropdown, {
-                      modelValue: unref(currency),
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(currency) ? currency.value = $event : null),
-                      options: currencyList,
-                      class: "currency-radio"
-                    }, {
-                      highlightIcon: withCtx(() => [
-                        createVNode(_component_g_icon, {
-                          type: getCurrencyIcon(unref(currency)),
-                          size: 18
-                        }, null, 8, ["type"])
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue"]),
-                    createElementVNode("div", _hoisted_2, [
-                      renderSlot(_ctx.$slots, "title")
-                    ])
-                  ])
-                ])
-              } : void 0,
-              unref(isPC) ? {
-                name: "header-right",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "header-right-filter"),
-                  createElementVNode("div", _hoisted_3, [
-                    (openBlock(true), createElementBlock(
-                      Fragment,
-                      null,
-                      renderList(unref(showOperations), (item) => {
-                        return openBlock(), createBlock(_component_g_icon, {
-                          type: item.icon,
-                          key: item.value,
-                          onClick: ($event) => handleClickIcon(item.value)
-                        }, null, 8, ["type", "onClick"]);
-                      }),
-                      128
-                    ))
-                  ])
-                ])
-              } : void 0,
-              unref(isPC) ? {
-                name: "tool",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "tool")
-                ])
-              } : void 0,
-              unref(isMobile) ? {
-                name: "header",
-                fn: withCtx(() => [
-                  createElementVNode("div", _hoisted_4, [
-                    renderSlot(_ctx.$slots, "title")
-                  ])
-                ])
-              } : void 0,
-              unref(isMobile) ? {
-                name: "header-right",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "header-right-filter"),
-                  createElementVNode("div", _hoisted_5, [
-                    (openBlock(true), createElementBlock(
-                      Fragment,
-                      null,
-                      renderList(unref(showOperations), (item) => {
-                        return openBlock(), createBlock(_component_g_icon, {
-                          type: item.icon,
-                          key: item.value,
-                          onClick: ($event) => handleClickIcon(item.value)
-                        }, null, 8, ["type", "onClick"]);
-                      }),
-                      128
-                    ))
-                  ])
-                ])
-              } : void 0,
-              unref(isMobile) ? {
-                name: "tool",
-                fn: withCtx(() => [
-                  createElementVNode("div", _hoisted_6, [
-                    createVNode(_component_g_select, {
-                      value: unref(exchange),
-                      "onUpdate:value": _cache[1] || (_cache[1] = ($event) => isRef(exchange) ? exchange.value = $event : null),
-                      "option-label-prop": "children"
-                    }, {
-                      default: withCtx(() => [
-                        (openBlock(), createElementBlock(
-                          Fragment,
-                          null,
-                          renderList(exchangeList, (item) => {
-                            return createVNode(_component_g_select_option, {
-                              value: item.value,
-                              key: item.value
-                            }, {
-                              default: withCtx(() => [
-                                createVNode(_component_g_icon, {
-                                  type: item.icon
-                                }, null, 8, ["type"]),
-                                createCommentVNode(" {{ item.label }} ")
-                              ]),
-                              _: 2
-                            }, 1032, ["value"]);
-                          }),
-                          64
-                        ))
-                      ]),
-                      _: 1
-                    }, 8, ["value"]),
-                    createVNode(_component_g_select, {
-                      value: unref(currency),
-                      "onUpdate:value": _cache[2] || (_cache[2] = ($event) => isRef(currency) ? currency.value = $event : null),
-                      "option-label-prop": "children",
-                      class: "currency-radio currency-radio-h5",
-                      popupClassName: "currency-radio-popup"
-                    }, {
-                      default: withCtx(() => [
-                        (openBlock(), createElementBlock(
-                          Fragment,
-                          null,
-                          renderList(currencyList, (periodItem) => {
-                            return createVNode(_component_g_select_option, {
-                              value: periodItem.value
-                            }, {
-                              default: withCtx(() => [
-                                createVNode(_component_g_icon, {
-                                  type: periodItem.icon,
-                                  class: "currency-radio-icon"
-                                }, null, 8, ["type"]),
-                                createTextVNode(
-                                  " " + toDisplayString(periodItem.label),
-                                  1
-                                )
-                              ]),
-                              _: 2
-                            }, 1032, ["value"]);
-                          }),
-                          64
-                        ))
-                      ]),
-                      _: 1
-                    }, 8, ["value"]),
-                    renderSlot(_ctx.$slots, "tool")
-                  ])
-                ])
-              } : void 0
-            ]),
-            1024
-          )
-        ],
-        2
-      );
-    };
+const chartPanelProps = buildProps({
+  currency: {
+    type: String,
+    default: "BTC",
+    required: true
+  },
+  exchange: {
+    type: String,
+    required: false
+  },
+  operations: {
+    type: Array,
+    required: false,
+    default: []
+  },
+  loading: {
+    type: Boolean,
+    required: false
+  },
+  showType: {
+    type: String,
+    required: false
   }
 });
-var ChartPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/chart-panel/src/chart-panel.vue"]]);
 
-export { ChartPanel as default };
+export { chartPanelEmits, chartPanelProps };
 //# sourceMappingURL=chart-panel.mjs.map

package/es/packages/components/chart-panel/src/chart-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart-panel.mjs","sources":["../../../../../../../packages/components/chart-panel/src/chart-panel.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\">\n    <g-panel>\n      <template v-if=\"isPC\" #header>\n        <div class=\"panel-header\">\n          <!-- <g-select\n            v-model:value=\"exchange\"\n            option-label-prop=\"children\"\n            disabled\n          >\n            <g-select-option\n              v-for=\"item in exchangeList\"\n              :value=\"item.value\"\n              :key=\"item.value\"\n            >\n              <g-icon :type=\"item.icon\"></g-icon>\n            </g-select-option>\n          </g-select> -->\n\n          <g-radio-dropdown\n            v-model=\"currency\"\n            :options=\"currencyList\"\n            class=\"currency-radio\"\n          >\n            <template #highlightIcon>\n              <g-icon :type=\"getCurrencyIcon(currency)\" :size=\"18\"></g-icon>\n            </template>\n          </g-radio-dropdown>\n\n          <div class=\"chart-title-box\">\n            <slot name=\"title\"></slot>\n          </div>\n        </div>\n      </template>\n\n      <template v-if=\"isPC\" #header-right>\n        <slot name=\"header-right-filter\"></slot>\n\n        <div class=\"right-icons\">\n          <g-icon\n            v-for=\"item in showOperations\"\n            :type=\"item.icon\"\n            :key=\"item.value\"\n            @click=\"handleClickIcon(item.value)\"\n          >\n          </g-icon>\n        </div>\n      </template>\n\n      <template v-if=\"isPC\" #tool>\n        <slot name=\"tool\"></slot>\n      </template>\n\n      <template v-if=\"isMobile\" #header>\n        <div class=\"chart-title-box\">\n          <slot name=\"title\"></slot>\n        </div>\n      </template>\n      <template v-if=\"isMobile\" #header-right>\n        <slot name=\"header-right-filter\"></slot>\n\n        <div class=\"right-icons\">\n          <g-icon\n            v-for=\"item in showOperations\"\n            :type=\"item.icon\"\n            :key=\"item.value\"\n            @click=\"handleClickIcon(item.value)\"\n          >\n          </g-icon>\n        </div>\n      </template>\n      <template v-if=\"isMobile\" #tool>\n        <div class=\"greeks-panel-tool-box\">\n          <g-select v-model:value=\"exchange\" option-label-prop=\"children\">\n            <g-select-option\n              v-for=\"item in exchangeList\"\n              :value=\"item.value\"\n              :key=\"item.value\"\n            >\n              <g-icon :type=\"item.icon\"></g-icon>\n              <!-- {{ item.label }} -->\n            </g-select-option>\n          </g-select>\n\n          <g-select\n            v-model:value=\"currency\"\n            option-label-prop=\"children\"\n            class=\"currency-radio currency-radio-h5\"\n            popupClassName=\"currency-radio-popup\"\n          >\n            <g-select-option\n              v-for=\"periodItem in currencyList\"\n              :value=\"periodItem.value\"\n            >\n              <g-icon\n                :type=\"periodItem.icon\"\n                class=\"currency-radio-icon\"\n              ></g-icon>\n              {{ periodItem.label }}\n            </g-select-option>\n          </g-select>\n\n          <slot name=\"tool\"></slot>\n        </div>\n      </template>\n\n      <template #body>\n        <g-spin :spinning=\"props.loading\">\n          <slot name=\"body\"></slot>\n        </g-spin>\n      </template>\n    </g-panel>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace, useDeviceType } from '@greeks-live-ui/hooks';\nimport { chartPanelEmits, chartPanelProps } from './chart-panel';\n\ndefineOptions({\n  name: 'GChartPanel',\n});\nconst ns = useNamespace('chart-panel');\nconst props = defineProps(chartPanelProps);\nconst emits = defineEmits(chartPanelEmits);\n\nimport { reactive, computed } from 'vue';\n\nexport type OperationType =\n  | 'line'\n  | 'bar'\n  | 'calc'\n  | 'search'\n  | 'toggle'\n  | 'refresh'\n  | 'fullscreen'\n  | 'setting'\n  | 'share';\n\nconst { isMobile, isPC } = useDeviceType();\n\nconst exchangeList = [\n  { value: 'byb', label: '', icon: 'logo_bybit_square_l' },\n  { value: 'okx', label: '', icon: 'logo_okx_square_d' },\n  { value: 'deribit', label: '', icon: 'logo_deribit_square_l' },\n];\n\nconst currencyList = [\n  { value: 'BTC', label: 'BTC', icon: 'currency_btc' },\n  { value: 'ETH', label: 'ETH', icon: 'currency_eth' },\n  { value: 'SOL_USDC', label: 'SOL', icon: 'currency_sol', isDropdown: true },\n  { value: 'BNB_USDC', label: 'BNB', icon: 'currency_bnb', isDropdown: true },\n  {\n    value: 'PAXG_USDC',\n    label: 'PAXG',\n    icon: 'currency_paxg',\n    isDropdown: true,\n  },\n  { value: 'XRP_USDC', label: 'XRP', icon: 'currency_xrp', isDropdown: true },\n];\n\nconst iconMap = {\n  line: 'chart_swtichtochart',\n  bar: 'chart_bar_switch_to_bar',\n  calc: 'chart_calculator_line',\n  calc_active: 'chart_calculator_filled',\n  search: 'chart_search_filter',\n  toggle: 'chart_switchtotable',\n  refresh: 'chart_reload',\n  fullscreen: 'chart_fullscreen',\n  setting: 'chart_settings',\n  share: 'chart_share',\n};\n\nconst state = reactive({\n  isMobile,\n  isPC,\n});\n\nconst showOperations = computed<Array<{ value: OperationType; icon: string }>>(\n  () => {\n    const defaultOperations: OperationType[] = state.isPC\n      ? // ? ['refresh', 'fullscreen', 'setting', 'share']\n        ['refresh']\n      : ['refresh'];\n    // : ['refresh', 'share'];\n    return [...props.operations, ...defaultOperations].map((v) => {\n      return {\n        value: v,\n        icon:\n          v === 'calc' && props.showType === 'calc'\n            ? iconMap['calc_active']\n            : iconMap[v],\n      };\n    });\n  }\n);\n\nconst handleClickIcon = (type: OperationType) => {\n  emits(type as 'line', true);\n  emits('operation', type);\n};\n\nconst getCurrencyIcon = (value: string) => {\n  return currencyList.find((v) => v.value === value)?.icon || '';\n};\n\nconst currency = computed({\n  get: () => props.currency || currencyList[0].value,\n  set: (newVal) => {\n    emits('update:currency', newVal);\n  },\n});\nconst exchange = computed({\n  get: () => props.exchange || exchangeList[0].value,\n  set: (newVal) => {\n    emits('update:exchange', newVal);\n  },\n});\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"chart-panel.mjs","sources":["../../../../../../../packages/components/chart-panel/src/chart-panel.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type ChartPanel from './chart-panel.vue'\nimport type { ExtractPropTypes, PropType } from 'vue'\n\ntype OperationType =\n  | 'line'\n  | 'bar'\n  | 'calc'\n  | 'search'\n  | 'toggle'\n  | 'refresh'\n  | 'fullscreen'\n  | 'setting'\n  | 'share';\n\nexport const chartPanelEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n  'operation': (operation: OperationType) => true,\n  'line': (line: boolean) => true,\n  'bar': (bar: boolean) => true,\n  'calc': (calc: boolean) => true,\n  'search': (search: boolean) => true,\n  'toggle': (toggle: boolean) => true,\n  'refresh': (refresh: boolean) => true,\n  'fullscreen': (fullscreen: boolean) => true,\n  'setting': (setting: boolean) => true,\n  'share': (share: boolean) => true,\n}\nexport type ChartPanelEmits = typeof chartPanelEmits\nexport const chartPanelProps = buildProps({\n  currency: {\n    type: String,\n    default: 'BTC',\n    required: true,\n  },\n  exchange: {\n    type: String,\n    required: false,\n  },\n  operations: {\n    type: Array as PropType<OperationType[]>,\n    required: false,\n    default: [],\n  },\n  loading: {\n    type: Boolean,\n    required: false,\n  },\n  showType: {\n    type: String,\n    required: false,\n  },\n})\nexport type ChartPanelProps = ExtractPropTypes<typeof chartPanelProps>\nexport type ChartPanelInstance = InstanceType<typeof ChartPanel>\n"],"names":[],"mappings":";;;AAeO,MAAM,eAAkB,GAAA;AAAA,EAC7B,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,WAAA,EAAa,CAAC,SAA6B,KAAA,IAAA;AAAA,EAC3C,MAAA,EAAQ,CAAC,IAAkB,KAAA,IAAA;AAAA,EAC3B,KAAA,EAAO,CAAC,GAAiB,KAAA,IAAA;AAAA,EACzB,MAAA,EAAQ,CAAC,IAAkB,KAAA,IAAA;AAAA,EAC3B,QAAA,EAAU,CAAC,MAAoB,KAAA,IAAA;AAAA,EAC/B,QAAA,EAAU,CAAC,MAAoB,KAAA,IAAA;AAAA,EAC/B,SAAA,EAAW,CAAC,OAAqB,KAAA,IAAA;AAAA,EACjC,YAAA,EAAc,CAAC,UAAwB,KAAA,IAAA;AAAA,EACvC,SAAA,EAAW,CAAC,OAAqB,KAAA,IAAA;AAAA,EACjC,OAAA,EAAS,CAAC,KAAmB,KAAA,IAAA;AAC/B,EAAA;AAEO,MAAM,kBAAkB,UAAW,CAAA;AAAA,EACxC,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,IACT,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,KAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,IACV,SAAS,EAAC;AAAA,GACZ;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;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;;;;"}