greeks-live-ui 0.0.19 → 0.0.21

package/lib/components/demo/src/demo.vue.d.ts

@@ -141,13 +141,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         manualUpdate?: boolean | undefined;
     } & {
         onClick?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
+        onContextmenu?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
         onDblclick?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
+        onMousedown?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
+        onMousemove?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
         onMouseout?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
         onMouseover?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
         onMouseup?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
-        onMousedown?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
-        onMousemove?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
-        onContextmenu?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
         onGlobalout?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
         onHighlight?: ((params: any) => void) | undefined;
         onDownplay?: ((params: any) => void) | undefined;
@@ -180,32 +180,33 @@ declare const _default: import("vue").DefineComponent<{}, {
             elapsedTime: number;
         }) => void) | undefined;
         onFinished?: (() => void) | undefined;
+        "onZr:drag"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:dragend"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:dragenter"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:dragleave"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:dragover"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:dragstart"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:drop"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
         "onZr:click"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:contextmenu"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
         "onZr:dblclick"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:mousedown"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:mousemove"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
         "onZr:mouseout"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
         "onZr:mouseover"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
         "onZr:mouseup"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:mousedown"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:mousemove"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:contextmenu"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
         "onZr:globalout"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
         "onZr:mousewheel"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:drag"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:dragstart"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:dragend"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:dragenter"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:dragleave"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:dragover"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:drop"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
     }, {
         root: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         chart: import("vue").Ref<import("echarts/types/dist/shared").EChartsType | undefined, import("echarts/types/dist/shared").EChartsType | undefined>;
     }, {}, {}, {
+        resize: (opts?: import("echarts/types/dist/shared").ResizeOpts | undefined) => void;
+        clear: () => void;
         getWidth: () => number;
         getHeight: () => number;
         getDom: () => HTMLElement;
         getOption: () => import("echarts/types/dist/shared").ECBasicOption;
-        resize: (opts?: import("echarts/types/dist/shared").ResizeOpts | undefined) => void;
         dispatchAction: (payload: import("echarts/types/dist/shared").Payload, opt?: boolean | {
             silent?: boolean | undefined;
             flush?: boolean | undefined;
@@ -341,7 +342,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             seriesIndex: number;
             data: any;
         }) => void;
-        clear: () => void;
         isDisposed: () => boolean;
         dispose: () => void;
         setOption: {
@@ -376,13 +376,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         manualUpdate?: boolean | undefined;
     } & {
         onClick?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
+        onContextmenu?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
         onDblclick?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
+        onMousedown?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
+        onMousemove?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
         onMouseout?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
         onMouseover?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
         onMouseup?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
-        onMousedown?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
-        onMousemove?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
-        onContextmenu?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
         onGlobalout?: ((params: import("echarts/types/dist/shared").ECElementEvent) => void) | undefined;
         onHighlight?: ((params: any) => void) | undefined;
         onDownplay?: ((params: any) => void) | undefined;
@@ -415,23 +415,23 @@ declare const _default: import("vue").DefineComponent<{}, {
             elapsedTime: number;
         }) => void) | undefined;
         onFinished?: (() => void) | undefined;
+        "onZr:drag"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:dragend"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:dragenter"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:dragleave"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:dragover"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:dragstart"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:drop"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
         "onZr:click"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:contextmenu"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
         "onZr:dblclick"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:mousedown"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
+        "onZr:mousemove"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
         "onZr:mouseout"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
         "onZr:mouseover"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
         "onZr:mouseup"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:mousedown"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:mousemove"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:contextmenu"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
         "onZr:globalout"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
         "onZr:mousewheel"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:drag"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:dragstart"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:dragend"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:dragenter"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:dragleave"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:dragover"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
-        "onZr:drop"?: ((params: import("echarts/types/dist/shared").ElementEvent) => void) | undefined;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/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?: {
-                left: number;
+                top: number;
                 right: number;
                 bottom: number;
-                top: number;
+                left: number;
             } | undefined;
             escapedOffsets?: {
-                left: number;
+                top: number;
                 right: number;
                 bottom: number;
-                top: number;
+                left: number;
             } | undefined;
         } | undefined;
         offset?: {
@@ -92,16 +92,16 @@ export declare const useFloating: ({ middleware, placement, strategy }: UseFloat
             referenceHidden?: boolean | undefined;
             escaped?: boolean | undefined;
             referenceHiddenOffsets?: {
-                left: number;
+                top: number;
                 right: number;
                 bottom: number;
-                top: number;
+                left: number;
             } | undefined;
             escapedOffsets?: {
-                left: number;
+                top: number;
                 right: number;
                 bottom: number;
-                top: number;
+                left: number;
             } | undefined;
         } | undefined;
         offset?: {

package/lib/index.js

@@ -7,7 +7,7 @@ require('./packages/components/index.js');
 require('./packages/constants/index.js');
 var makeInstaller = require('./make-installer.js');
 var dayjs = require('dayjs');
-var demo = require('./packages/components/demo/src/demo2.js');
+var demo = require('./packages/components/demo/src/demo.js');
 var index = require('./packages/components/demo/index.js');
 var button1 = require('./packages/components/button1/src/button1.js');
 var index$1 = require('./packages/components/button1/index.js');
@@ -15,11 +15,11 @@ var configProvider = require('./packages/components/config-provider/src/config-p
 var index$2 = require('./packages/components/config-provider/index.js');
 var panel = require('./packages/components/panel/src/panel2.js');
 var index$3 = require('./packages/components/panel/index.js');
-var select = require('./packages/components/select/src/select2.js');
+var select = require('./packages/components/select/src/select.js');
 var index$4 = require('./packages/components/select/index.js');
 var radio = require('./packages/components/radio/src/radio2.js');
 var index$5 = require('./packages/components/radio/index.js');
-var checkbox = require('./packages/components/checkbox/src/checkbox2.js');
+var checkbox = require('./packages/components/checkbox/src/checkbox.js');
 var index$6 = require('./packages/components/checkbox/index.js');
 var checkboxGroup = require('./packages/components/checkbox-group/src/checkbox-group2.js');
 var index$7 = require('./packages/components/checkbox-group/index.js');
@@ -27,9 +27,9 @@ var tooltip = require('./packages/components/tooltip/src/tooltip2.js');
 var index$8 = require('./packages/components/tooltip/index.js');
 var table = require('./packages/components/table/src/table2.js');
 var index$9 = require('./packages/components/table/index.js');
-var icon = require('./packages/components/icon/src/icon.js');
+var icon = require('./packages/components/icon/src/icon2.js');
 var index$a = require('./packages/components/icon/index.js');
-var dropdown = require('./packages/components/dropdown/src/dropdown.js');
+var dropdown = require('./packages/components/dropdown/src/dropdown2.js');
 var index$b = require('./packages/components/dropdown/index.js');
 var dropdownButton = require('./packages/components/dropdown-button/src/dropdown-button2.js');
 var index$c = require('./packages/components/dropdown-button/index.js');
@@ -39,45 +39,45 @@ var chart = require('./packages/components/chart/src/chart.js');
 var index$e = require('./packages/components/chart/index.js');
 var spin = require('./packages/components/spin/src/spin2.js');
 var index$f = require('./packages/components/spin/index.js');
-var inputNumber = require('./packages/components/input-number/src/input-number.js');
+var inputNumber = require('./packages/components/input-number/src/input-number2.js');
 var index$g = require('./packages/components/input-number/index.js');
 var menu = require('./packages/components/menu/src/menu.js');
 var index$h = require('./packages/components/menu/index.js');
-var menuItem = require('./packages/components/menu-item/src/menu-item.js');
+var menuItem = require('./packages/components/menu-item/src/menu-item2.js');
 var index$i = require('./packages/components/menu-item/index.js');
-var chartPanel = require('./packages/components/chart-panel/src/chart-panel.js');
+var chartPanel = require('./packages/components/chart-panel/src/chart-panel2.js');
 var index$j = require('./packages/components/chart-panel/index.js');
-var pageTurner = require('./packages/components/page-turner/src/page-turner.js');
+var pageTurner = require('./packages/components/page-turner/src/page-turner2.js');
 var index$k = require('./packages/components/page-turner/index.js');
-var toggleButton = require('./packages/components/toggle-button/src/toggle-button.js');
+var toggleButton = require('./packages/components/toggle-button/src/toggle-button2.js');
 var index$l = require('./packages/components/toggle-button/index.js');
-var panelAtmIv = require('./packages/components/panel-atm-iv/src/panel-atm-iv.js');
+var panelAtmIv = require('./packages/components/panel-atm-iv/src/panel-atm-iv2.js');
 var index$m = require('./packages/components/panel-atm-iv/index.js');
-var chartTable = require('./packages/components/chart-table/src/chart-table.js');
+var chartTable = require('./packages/components/chart-table/src/chart-table2.js');
 var index$n = require('./packages/components/chart-table/index.js');
 var panelSkew = require('./packages/components/panel-skew/src/panel-skew2.js');
 var index$o = require('./packages/components/panel-skew/index.js');
-var panelRv = require('./packages/components/panel-rv/src/panel-rv.js');
+var panelRv = require('./packages/components/panel-rv/src/panel-rv2.js');
 var index$p = require('./packages/components/panel-rv/index.js');
-var panelRvCalc = require('./packages/components/panel-rv-calc/src/panel-rv-calc2.js');
+var panelRvCalc = require('./packages/components/panel-rv-calc/src/panel-rv-calc.js');
 var index$q = require('./packages/components/panel-rv-calc/index.js');
 var panelVolatilityTermStructure = require('./packages/components/panel-volatility-term-structure/src/panel-volatility-term-structure.js');
 var index$r = require('./packages/components/panel-volatility-term-structure/index.js');
 var panelOptionFlow = require('./packages/components/panel-option-flow/src/panel-option-flow.js');
 var index$s = require('./packages/components/panel-option-flow/index.js');
-var panelOptionOpenInterest = require('./packages/components/panel-option-open-interest/src/panel-option-open-interest.js');
+var panelOptionOpenInterest = require('./packages/components/panel-option-open-interest/src/panel-option-open-interest2.js');
 var index$t = require('./packages/components/panel-option-open-interest/index.js');
 var panelHistoricalDeliveryPrice = require('./packages/components/panel-historical-delivery-price/src/panel-historical-delivery-price.js');
 var index$u = require('./packages/components/panel-historical-delivery-price/index.js');
-var panelMaxPainPrice = require('./packages/components/panel-max-pain-price/src/panel-max-pain-price.js');
+var panelMaxPainPrice = require('./packages/components/panel-max-pain-price/src/panel-max-pain-price2.js');
 var index$v = require('./packages/components/panel-max-pain-price/index.js');
 var panelImpliedVolatilitySurface = require('./packages/components/panel-implied-volatility-surface/src/panel-implied-volatility-surface.js');
 var index$w = require('./packages/components/panel-implied-volatility-surface/index.js');
-var panelIvSkew = require('./packages/components/panel-iv-skew/src/panel-iv-skew2.js');
+var panelIvSkew = require('./packages/components/panel-iv-skew/src/panel-iv-skew.js');
 var index$x = require('./packages/components/panel-iv-skew/index.js');
-var panelOptionTradeVolume = require('./packages/components/panel-option-trade-volume/src/panel-option-trade-volume.js');
+var panelOptionTradeVolume = require('./packages/components/panel-option-trade-volume/src/panel-option-trade-volume2.js');
 var index$y = require('./packages/components/panel-option-trade-volume/index.js');
-var panelVrp = require('./packages/components/panel-vrp/src/panel-vrp2.js');
+var panelVrp = require('./packages/components/panel-vrp/src/panel-vrp.js');
 var index$z = require('./packages/components/panel-vrp/index.js');
 var aria = require('./packages/constants/aria.js');
 var date = require('./packages/constants/date.js');

package/lib/packages/components/chart-panel/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var chartPanel$1 = require('./src/chart-panel2.js');
-var chartPanel = require('./src/chart-panel.js');
+var chartPanel$1 = require('./src/chart-panel.js');
+var chartPanel = require('./src/chart-panel2.js');
 var install = require('../../utils/vue/install.js');
 
 const GChartPanel = install.withInstall(chartPanel$1["default"]);

package/lib/packages/components/chart-panel/src/chart-panel.js

@@ -2,48 +2,282 @@
 
 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 chartPanel = require('./chart-panel2.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-device-type/index.js');
 
-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 _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 chartPanelProps = runtime.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
+const _sfc_main = vue.defineComponent({
+  ...__default__,
+  props: chartPanel.chartPanelProps,
+  emits: chartPanel.chartPanelEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = index.useNamespace("chart-panel");
+    const { isMobile, isPC } = index$1.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 = vue.reactive({
+      isMobile,
+      isPC
+    });
+    const showOperations = vue.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 = vue.computed({
+      get: () => props.currency || currencyList[0].value,
+      set: (newVal) => {
+        emits("update:currency", newVal);
+      }
+    });
+    const exchange = vue.computed({
+      get: () => props.exchange || exchangeList[0].value,
+      set: (newVal) => {
+        emits("update:exchange", newVal);
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_g_icon = vue.resolveComponent("g-icon");
+      const _component_g_radio_dropdown = vue.resolveComponent("g-radio-dropdown");
+      const _component_g_select_option = vue.resolveComponent("g-select-option");
+      const _component_g_select = vue.resolveComponent("g-select");
+      const _component_g_spin = vue.resolveComponent("g-spin");
+      const _component_g_panel = vue.resolveComponent("g-panel");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass([vue.unref(ns).b()])
+        },
+        [
+          vue.createVNode(
+            _component_g_panel,
+            null,
+            vue.createSlots({
+              body: vue.withCtx(() => [
+                vue.createVNode(_component_g_spin, {
+                  spinning: props.loading
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "body")
+                  ]),
+                  _: 3
+                }, 8, ["spinning"])
+              ]),
+              _: 2
+            }, [
+              vue.unref(isPC) ? {
+                name: "header",
+                fn: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_1, [
+                    vue.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> '),
+                    vue.createVNode(_component_g_radio_dropdown, {
+                      modelValue: vue.unref(currency),
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(currency) ? currency.value = $event : null),
+                      options: currencyList,
+                      class: "currency-radio"
+                    }, {
+                      highlightIcon: vue.withCtx(() => [
+                        vue.createVNode(_component_g_icon, {
+                          type: getCurrencyIcon(vue.unref(currency)),
+                          size: 18
+                        }, null, 8, ["type"])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"]),
+                    vue.createElementVNode("div", _hoisted_2, [
+                      vue.renderSlot(_ctx.$slots, "title")
+                    ])
+                  ])
+                ])
+              } : void 0,
+              vue.unref(isPC) ? {
+                name: "header-right",
+                fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "header-right-filter"),
+                  vue.createElementVNode("div", _hoisted_3, [
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(vue.unref(showOperations), (item) => {
+                        return vue.openBlock(), vue.createBlock(_component_g_icon, {
+                          type: item.icon,
+                          key: item.value,
+                          onClick: ($event) => handleClickIcon(item.value)
+                        }, null, 8, ["type", "onClick"]);
+                      }),
+                      128
+                    ))
+                  ])
+                ])
+              } : void 0,
+              vue.unref(isPC) ? {
+                name: "tool",
+                fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "tool")
+                ])
+              } : void 0,
+              vue.unref(isMobile) ? {
+                name: "header",
+                fn: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_4, [
+                    vue.renderSlot(_ctx.$slots, "title")
+                  ])
+                ])
+              } : void 0,
+              vue.unref(isMobile) ? {
+                name: "header-right",
+                fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "header-right-filter"),
+                  vue.createElementVNode("div", _hoisted_5, [
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(vue.unref(showOperations), (item) => {
+                        return vue.openBlock(), vue.createBlock(_component_g_icon, {
+                          type: item.icon,
+                          key: item.value,
+                          onClick: ($event) => handleClickIcon(item.value)
+                        }, null, 8, ["type", "onClick"]);
+                      }),
+                      128
+                    ))
+                  ])
+                ])
+              } : void 0,
+              vue.unref(isMobile) ? {
+                name: "tool",
+                fn: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_6, [
+                    vue.createVNode(_component_g_select, {
+                      value: vue.unref(exchange),
+                      "onUpdate:value": _cache[1] || (_cache[1] = ($event) => vue.isRef(exchange) ? exchange.value = $event : null),
+                      "option-label-prop": "children"
+                    }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(), vue.createElementBlock(
+                          vue.Fragment,
+                          null,
+                          vue.renderList(exchangeList, (item) => {
+                            return vue.createVNode(_component_g_select_option, {
+                              value: item.value,
+                              key: item.value
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(_component_g_icon, {
+                                  type: item.icon
+                                }, null, 8, ["type"]),
+                                vue.createCommentVNode(" {{ item.label }} ")
+                              ]),
+                              _: 2
+                            }, 1032, ["value"]);
+                          }),
+                          64
+                        ))
+                      ]),
+                      _: 1
+                    }, 8, ["value"]),
+                    vue.createVNode(_component_g_select, {
+                      value: vue.unref(currency),
+                      "onUpdate:value": _cache[2] || (_cache[2] = ($event) => vue.isRef(currency) ? currency.value = $event : null),
+                      "option-label-prop": "children",
+                      class: "currency-radio currency-radio-h5",
+                      popupClassName: "currency-radio-popup"
+                    }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(), vue.createElementBlock(
+                          vue.Fragment,
+                          null,
+                          vue.renderList(currencyList, (periodItem) => {
+                            return vue.createVNode(_component_g_select_option, {
+                              value: periodItem.value
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(_component_g_icon, {
+                                  type: periodItem.icon,
+                                  class: "currency-radio-icon"
+                                }, null, 8, ["type"]),
+                                vue.createTextVNode(
+                                  " " + vue.toDisplayString(periodItem.label),
+                                  1
+                                )
+                              ]),
+                              _: 2
+                            }, 1032, ["value"]);
+                          }),
+                          64
+                        ))
+                      ]),
+                      _: 1
+                    }, 8, ["value"]),
+                    vue.renderSlot(_ctx.$slots, "tool")
+                  ])
+                ])
+              } : void 0
+            ]),
+            1024
+          )
+        ],
+        2
+      );
+    };
   }
 });
+var ChartPanel = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/chart-panel/src/chart-panel.vue"]]);
 
-exports.chartPanelEmits = chartPanelEmits;
-exports.chartPanelProps = chartPanelProps;
+exports["default"] = ChartPanel;
 //# sourceMappingURL=chart-panel.js.map