greeks-live-ui 0.0.19 → 0.0.21

package/es/packages/components/index.mjs

@@ -34,40 +34,40 @@ export { GPanelImpliedVolatilitySurface } from './panel-implied-volatility-surfa
 export { GPanelIvSkew } from './panel-iv-skew/index.mjs';
 export { GPanelOptionTradeVolume } from './panel-option-trade-volume/index.mjs';
 export { GPanelVrp } from './panel-vrp/index.mjs';
-export { demoEmits, demoProps } from './demo/src/demo2.mjs';
-export { button1Emits, button1Props } from './button1/src/button12.mjs';
+export { demoEmits, demoProps } from './demo/src/demo.mjs';
+export { button1Emits, button1Props } from './button1/src/button1.mjs';
 export { configProviderProps } from './config-provider/src/config-provider.mjs';
 export { panelEmits, panelProps } from './panel/src/panel2.mjs';
-export { selectEmits, selectProps } from './select/src/select2.mjs';
+export { selectEmits, selectProps } from './select/src/select.mjs';
 export { radioEmits, radioProps } from './radio/src/radio2.mjs';
-export { checkboxEmits, checkboxProps } from './checkbox/src/checkbox2.mjs';
-export { checkboxGroupEmits, checkboxGroupProps } from './checkbox-group/src/checkbox-group.mjs';
-export { tooltipEmits, tooltipProps } from './tooltip/src/tooltip2.mjs';
-export { tableEmits, tableProps } from './table/src/table2.mjs';
-export { iconEmits, iconProps } from './icon/src/icon2.mjs';
+export { checkboxEmits, checkboxProps } from './checkbox/src/checkbox.mjs';
+export { checkboxGroupEmits, checkboxGroupProps } from './checkbox-group/src/checkbox-group2.mjs';
+export { tooltipEmits, tooltipProps } from './tooltip/src/tooltip.mjs';
+export { tableEmits, tableProps } from './table/src/table.mjs';
+export { iconEmits, iconProps } from './icon/src/icon.mjs';
 export { dropdownEmits, dropdownProps } from './dropdown/src/dropdown.mjs';
-export { dropdownButtonEmits, dropdownButtonProps } from './dropdown-button/src/dropdown-button.mjs';
+export { dropdownButtonEmits, dropdownButtonProps } from './dropdown-button/src/dropdown-button2.mjs';
 export { radioDropdownEmits, radioDropdownProps } from './radio-dropdown/src/radio-dropdown2.mjs';
 export { chartEmits, chartProps } from './chart/src/chart.mjs';
-export { spinEmits, spinProps } from './spin/src/spin2.mjs';
-export { inputNumberEmits, inputNumberProps } from './input-number/src/input-number.mjs';
+export { spinEmits, spinProps } from './spin/src/spin.mjs';
+export { inputNumberEmits, inputNumberProps } from './input-number/src/input-number2.mjs';
 export { menuEmits, menuProps } from './menu/src/menu.mjs';
 export { menuItemEmits, menuItemProps } from './menu-item/src/menu-item.mjs';
 export { chartPanelEmits, chartPanelProps } from './chart-panel/src/chart-panel2.mjs';
 export { pageTurnerEmits, pageTurnerProps } from './page-turner/src/page-turner.mjs';
-export { toggleButtonEmits, toggleButtonProps } from './toggle-button/src/toggle-button.mjs';
+export { toggleButtonEmits, toggleButtonProps } from './toggle-button/src/toggle-button2.mjs';
 export { panelAtmIvEmits, panelAtmIvProps } from './panel-atm-iv/src/panel-atm-iv.mjs';
-export { chartTableEmits, chartTableProps } from './chart-table/src/chart-table2.mjs';
+export { chartTableEmits, chartTableProps } from './chart-table/src/chart-table.mjs';
 export { panelSkewEmits, panelSkewProps } from './panel-skew/src/panel-skew.mjs';
 export { panelRvEmits, panelRvProps } from './panel-rv/src/panel-rv.mjs';
-export { panelRvCalcEmits, panelRvCalcProps } from './panel-rv-calc/src/panel-rv-calc2.mjs';
+export { panelRvCalcEmits, panelRvCalcProps } from './panel-rv-calc/src/panel-rv-calc.mjs';
 export { panelVolatilityTermStructureEmits, panelVolatilityTermStructureProps } from './panel-volatility-term-structure/src/panel-volatility-term-structure.mjs';
 export { panelOptionFlowEmits, panelOptionFlowProps } from './panel-option-flow/src/panel-option-flow.mjs';
 export { panelOptionOpenInterestEmits, panelOptionOpenInterestProps } from './panel-option-open-interest/src/panel-option-open-interest2.mjs';
-export { panelHistoricalDeliveryPriceEmits, panelHistoricalDeliveryPriceProps } from './panel-historical-delivery-price/src/panel-historical-delivery-price2.mjs';
-export { panelMaxPainPriceEmits, panelMaxPainPriceProps } from './panel-max-pain-price/src/panel-max-pain-price.mjs';
+export { panelHistoricalDeliveryPriceEmits, panelHistoricalDeliveryPriceProps } from './panel-historical-delivery-price/src/panel-historical-delivery-price.mjs';
+export { panelMaxPainPriceEmits, panelMaxPainPriceProps } from './panel-max-pain-price/src/panel-max-pain-price2.mjs';
 export { panelImpliedVolatilitySurfaceEmits, panelImpliedVolatilitySurfaceProps } from './panel-implied-volatility-surface/src/panel-implied-volatility-surface.mjs';
-export { panelIvSkewEmits, panelIvSkewProps } from './panel-iv-skew/src/panel-iv-skew.mjs';
-export { panelOptionTradeVolumeEmits, panelOptionTradeVolumeProps } from './panel-option-trade-volume/src/panel-option-trade-volume.mjs';
-export { panelVrpEmits, panelVrpProps } from './panel-vrp/src/panel-vrp2.mjs';
+export { panelIvSkewEmits, panelIvSkewProps } from './panel-iv-skew/src/panel-iv-skew2.mjs';
+export { panelOptionTradeVolumeEmits, panelOptionTradeVolumeProps } from './panel-option-trade-volume/src/panel-option-trade-volume2.mjs';
+export { panelVrpEmits, panelVrpProps } from './panel-vrp/src/panel-vrp.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/packages/components/input-number/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import InputNumber from './src/input-number2.mjs';
-export { inputNumberEmits, inputNumberProps } from './src/input-number.mjs';
+import InputNumber from './src/input-number.mjs';
+export { inputNumberEmits, inputNumberProps } from './src/input-number2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GInputNumber = withInstall(InputNumber);

package/es/packages/components/input-number/src/input-number.mjs

@@ -1,8 +1,34 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { InputNumber as InputNumber$1 } from 'ant-design-vue/es';
+import { defineComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot } from 'vue';
+import '../../../hooks/index.mjs';
+import { inputNumberProps, inputNumberEmits } from './input-number2.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const inputNumberEmits = {};
-const inputNumberProps = buildProps({});
+const __default__ = {
+  name: "GInputNumber"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: inputNumberProps,
+  emits: inputNumberEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("input-number");
+    return (_ctx, _cache) => {
+      const _component_a_input_number = InputNumber$1;
+      return openBlock(), createBlock(_component_a_input_number, mergeProps({
+        class: [unref(ns).b()]
+      }, props, toHandlers(emits)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/input-number/src/input-number.vue"]]);
 
-export { inputNumberEmits, inputNumberProps };
+export { InputNumber as default };
 //# sourceMappingURL=input-number.mjs.map

package/es/packages/components/input-number/src/input-number.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-number.mjs","sources":["../../../../../../../packages/components/input-number/src/input-number.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type InputNumber from './input-number.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const inputNumberEmits = {}\nexport type InputNumberEmits = typeof inputNumberEmits\nexport const inputNumberProps = buildProps({})\nexport type InputNumberProps = ExtractPropTypes<typeof inputNumberProps>\nexport type InputNumberInstance = InstanceType<typeof InputNumber>\n"],"names":[],"mappings":";;;AAIO,MAAM,mBAAmB,GAAC;AAEpB,MAAA,gBAAA,GAAmB,UAAW,CAAA,EAAE;;;;"}
+{"version":3,"file":"input-number.mjs","sources":["../../../../../../../packages/components/input-number/src/input-number.vue"],"sourcesContent":["<template>\n  <a-input-number :class=\"[ns.b()]\" v-bind=\"props\" v-on=\"emits\">\n    <slot></slot>\n  </a-input-number>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks';\nimport { inputNumberEmits, inputNumberProps } from './input-number';\ndefineOptions({\n  name: 'GInputNumber',\n});\nconst ns = useNamespace('input-number');\nconst props = defineProps(inputNumberProps);\nconst emits = defineEmits(inputNumberEmits);\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,cAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/input-number/src/input-number2.mjs

@@ -1,34 +1,8 @@
-import { InputNumber as InputNumber$1 } from 'ant-design-vue/es';
-import { defineComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot } from 'vue';
-import '../../../hooks/index.mjs';
-import { inputNumberProps, inputNumberEmits } from './input-number.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = {
-  name: "GInputNumber"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: inputNumberProps,
-  emits: inputNumberEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("input-number");
-    return (_ctx, _cache) => {
-      const _component_a_input_number = InputNumber$1;
-      return openBlock(), createBlock(_component_a_input_number, mergeProps({
-        class: [unref(ns).b()]
-      }, props, toHandlers(emits)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/input-number/src/input-number.vue"]]);
+const inputNumberEmits = {};
+const inputNumberProps = buildProps({});
 
-export { InputNumber as default };
+export { inputNumberEmits, inputNumberProps };
 //# sourceMappingURL=input-number2.mjs.map

package/es/packages/components/input-number/src/input-number2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-number2.mjs","sources":["../../../../../../../packages/components/input-number/src/input-number.vue"],"sourcesContent":["<template>\n  <a-input-number :class=\"[ns.b()]\" v-bind=\"props\" v-on=\"emits\">\n    <slot></slot>\n  </a-input-number>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks';\nimport { inputNumberEmits, inputNumberProps } from './input-number';\ndefineOptions({\n  name: 'GInputNumber',\n});\nconst ns = useNamespace('input-number');\nconst props = defineProps(inputNumberProps);\nconst emits = defineEmits(inputNumberEmits);\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,cAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"input-number2.mjs","sources":["../../../../../../../packages/components/input-number/src/input-number.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type InputNumber from './input-number.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const inputNumberEmits = {}\nexport type InputNumberEmits = typeof inputNumberEmits\nexport const inputNumberProps = buildProps({})\nexport type InputNumberProps = ExtractPropTypes<typeof inputNumberProps>\nexport type InputNumberInstance = InstanceType<typeof InputNumber>\n"],"names":[],"mappings":";;;AAIO,MAAM,mBAAmB,GAAC;AAEpB,MAAA,gBAAA,GAAmB,UAAW,CAAA,EAAE;;;;"}

package/es/packages/components/panel-historical-delivery-price/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import PanelHistoricalDeliveryPrice from './src/panel-historical-delivery-price.mjs';
-export { panelHistoricalDeliveryPriceEmits, panelHistoricalDeliveryPriceProps } from './src/panel-historical-delivery-price2.mjs';
+import PanelHistoricalDeliveryPrice from './src/panel-historical-delivery-price2.mjs';
+export { panelHistoricalDeliveryPriceEmits, panelHistoricalDeliveryPriceProps } from './src/panel-historical-delivery-price.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GPanelHistoricalDeliveryPrice = withInstall(PanelHistoricalDeliveryPrice);

package/es/packages/components/panel-historical-delivery-price/src/panel-historical-delivery-price.mjs

@@ -1,418 +1,28 @@
-import { defineComponent, computed, reactive, watch, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, isRef, withCtx, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, createBlock } from 'vue';
-import '../../../hooks/index.mjs';
-import { showDateRange, timestampFormat, getTooltipDate } from '../../../utils/chartHelp.mjs';
-import { getHDR } from '../../../utils/dataLab.mjs';
-import { panelHistoricalDeliveryPriceProps, panelHistoricalDeliveryPriceEmits } from './panel-historical-delivery-price2.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { useDeviceType } from '../../../hooks/use-device-type/index.mjs';
-import { useTheme } from '../../../hooks/use-theme/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = { class: "period-range h5-hide" };
-const _hoisted_3 = {
-  class: "echart",
-  ref: "echart"
+const panelHistoricalDeliveryPriceEmits = {
+  "update:currency": (currency) => true,
+  "update:exchange": (exchange) => true
 };
-const __default__ = {
-  name: "GPanelHistoricalDeliveryPrice"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: panelHistoricalDeliveryPriceProps,
-  emits: panelHistoricalDeliveryPriceEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const ns = useNamespace("panel-historical-delivery-price");
-    const { t } = useLocale();
-    const { isMobile, isPC } = useDeviceType();
-    const { isDark } = useTheme();
-    let legendList = [
-      {
-        value: "1D",
-        label: "1 D",
-        days: 1,
-        color: "#7630F7",
-        percentage: "+24.5%"
-      },
-      {
-        value: "7D",
-        label: "1 W",
-        days: 7,
-        color: "#23C343",
-        percentage: "+24.5%"
-      },
-      {
-        value: "1M",
-        label: "1 M",
-        days: 30,
-        color: "#FFD600",
-        percentage: "+24.5%"
-      },
-      {
-        value: "2M",
-        label: "2 M",
-        days: 60,
-        color: "#FF8D1F",
-        percentage: "+24.5%"
-      },
-      {
-        value: "3M",
-        label: "3 M",
-        days: 90,
-        color: "#FF3B30",
-        percentage: "-24.5%"
-      },
-      {
-        value: "6M",
-        label: "6 M",
-        days: 180,
-        color: "#007AFF",
-        percentage: "-24.5%"
-      },
-      {
-        value: "1Y",
-        label: "1 Y",
-        days: 365,
-        color: "#00C7BE",
-        percentage: "+24.5%"
-      }
-    ];
-    const periodList = computed(() => {
-      let list = [
-        {
-          value: "ALL",
-          label: "All",
-          days: 0,
-          color: "#00B42A",
-          percentage: "+24.5%"
-        },
-        ...legendList
-      ];
-      if (isMobile.value) {
-        list = list.slice(1);
-      }
-      return list;
-    });
-    const state = reactive({
-      loadingFlag: false,
-      exchange: props.exchange || props.defaultExchange || "Deribit",
-      currency: props.currency || props.defaultCurrency || "BTC",
-      period: "3M",
-      periodDateRange: "",
-      chartData: []
-    });
-    const currency = computed({
-      get: () => props.currency || state.currency || "BTC",
-      set: (newVal) => {
-        props.currency ? emit("update:currency", newVal) : state.currency = newVal;
-      }
-    });
-    const exchange = computed({
-      get: () => props.exchange || state.exchange || "Deribit",
-      set: (newVal) => {
-        props.exchange ? emit("update:exchange", newVal) : state.exchange = newVal;
-      }
-    });
-    watch(currency, () => {
-      fetchData();
-    });
-    watch(exchange, () => {
-      fetchData();
-    });
-    const fetchData = () => {
-      state.loadingFlag = true;
-      getHDR({ currency: currency.value, type: "delivery", count: 1e3 }).then((res) => {
-        const resData = res.result ? res.result.settlements : null;
-        if (!resData)
-          return;
-        state.chartData = resData;
-      }).finally(() => {
-        state.loadingFlag = false;
-      });
-    };
-    onMounted(() => {
-      handleChangePeriod(state.period);
-    });
-    const handleChangePeriod = (value) => {
-      const selectedPeriod = periodList.value.find((v) => v.value === value);
-      if (!selectedPeriod)
-        return;
-      state.periodDateRange = showDateRange(selectedPeriod.days);
-      fetchData();
-    };
-    const getEchartData = () => {
-      const data = [...state.chartData];
-      let deliveryPriceMap = /* @__PURE__ */ new Map();
-      data.forEach((item) => {
-        let timestamp = item.timestamp;
-        if (!deliveryPriceMap.has(timestamp)) {
-          let date2 = new Date(timestamp);
-          let hours = date2.getUTCHours();
-          let minutes = date2.getUTCMinutes();
-          let seconds = date2.getUTCSeconds();
-          if (hours === 8 && minutes === 0 && seconds === 0) {
-            let index_price = item.index_price;
-            deliveryPriceMap.set(timestamp, index_price);
-          }
-        }
-      });
-      let date = [];
-      let y = [];
-      deliveryPriceMap.forEach((value, key) => {
-        let deliveryDate = timestampFormat(key, "{y}-{m}-{d}") || "";
-        date.push(deliveryDate);
-        y.push(value);
-      });
-      date.reverse();
-      y.reverse();
-      return {
-        date,
-        y
-      };
-    };
-    const getEchartOption = (params) => {
-      const { date, y } = params;
-      const option = {
-        color: legendList.map((v) => v.color),
-        tooltip: {
-          trigger: "axis",
-          axisPointer: {
-            type: "cross",
-            label: {
-              show: isMobile.value ? true : false,
-              backgroundColor: "#DEE2E6",
-              color: "#343A40",
-              padding: [4, 6, 4, 6],
-              margin: 9
-            },
-            crossStyle: {
-              color: "#8B959F"
-            },
-            lineStyle: {
-              color: "#8B959F"
-            }
-          },
-          backgroundColor: isDark.value ? "#E9ECEF" : "#292F3D",
-          padding: isMobile.value ? 0 : [6, 8, 5, 6],
-          textStyle: {
-            color: isDark.value ? "#000000" : "#FFFFFF",
-            fontSize: 12,
-            lineHeight: 16,
-            fontWeight: 400
-          },
-          formatter: (params2) => {
-            let content = "";
-            const toolTipTitle = getTooltipDate(params2[0].axisValueLabel, "en-US");
-            content += `<div class="chart-tooltip-box"><div style="margin-bottom:4px;">${toolTipTitle}</div> `;
-            params2.forEach(
-              (param) => {
-                content += `
-            <div class="chart-tooltip">
-              <div>
-                <span class="chart-tooltip-line" style="background-color:${param.color};"></span>
-              </div>
-              <span>${param.value.toFixed(2)}</span>
-            </div>
-          `;
-              }
-            );
-            return content + "</div>";
-          }
-        },
-        axisPointer: {
-          type: "line",
-          label: {
-            show: true,
-            backgroundColor: "#DEE2E6",
-            color: "#343A40",
-            fontSize: 10,
-            padding: [4, 6, 4, 8]
-          }
-        },
-        legend: {
-          show: !isMobile.value,
-          left: 0,
-          icon: "rect",
-          itemWidth: 14,
-          itemHeight: 2,
-          itemGap: 20,
-          textStyle: {
-            color: "#596169",
-            fontSize: 12
-          },
-          lineStyle: {
-            inactiveColor: isDark.value ? "#2B2F32" : "#DEE2E6"
-          },
-          inactiveColor: isDark.value ? "#495057" : "#BDC4CB"
-        },
-        xAxis: {
-          type: "category",
-          data: date,
-          axisTick: {
-            show: false
-          },
-          axisLabel: {
-            color: isDark.value ? "#CED4DA" : "#343A40",
-            fontWeight: 400,
-            fontSize: 10
-          },
-          axisLine: {
-            show: false,
-            lineStyle: {
-              color: isDark.value ? "#CED4DA" : "#343A40"
-            }
-          },
-          splitLine: {
-            show: !isMobile.value && !isDark.value,
-            lineStyle: {
-              color: "#F1F1F1",
-              width: 1,
-              type: "solid"
-            }
-          }
-        },
-        yAxis: {
-          type: "value",
-          scale: true,
-          axisLabel: {
-            show: true,
-            color: isDark.value ? "#CED4DA" : "#343A40",
-            fontWeight: 400,
-            fontSize: 10
-          },
-          top: 0,
-          bottom: 0,
-          axisLine: {
-            lineStyle: {
-              color: isDark.value ? "#CED4DA" : "#343A40"
-            }
-          },
-          splitLine: {
-            lineStyle: {
-              color: isDark.value ? "#2B2F32" : "#F1F1F1",
-              width: 1,
-              type: "solid"
-            }
-          }
-        },
-        grid: {
-          top: 20,
-          bottom: 0,
-          left: "left",
-          right: 27,
-          containLabel: true
-        },
-        series: [
-          {
-            type: "line",
-            data: y,
-            color: "#FFD600"
-          }
-        ]
-      };
-      return option;
-    };
-    const setOption = () => {
-      return getEchartOption(getEchartData());
-    };
-    return (_ctx, _cache) => {
-      const _component_g_icon = resolveComponent("g-icon");
-      const _component_g_tooltip = resolveComponent("g-tooltip");
-      const _component_g_select_option = resolveComponent("g-select-option");
-      const _component_g_select = resolveComponent("g-select");
-      const _component_g_chart = resolveComponent("g-chart");
-      const _component_g_chart_panel = resolveComponent("g-chart-panel");
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass([unref(ns).b()])
-        },
-        [
-          createVNode(_component_g_chart_panel, {
-            currency: unref(currency),
-            "onUpdate:currency": _cache[1] || (_cache[1] = ($event) => isRef(currency) ? currency.value = $event : null),
-            exchange: unref(exchange),
-            "onUpdate:exchange": _cache[2] || (_cache[2] = ($event) => isRef(exchange) ? exchange.value = $event : null),
-            loading: state.loadingFlag,
-            onRefresh: fetchData
-          }, {
-            title: withCtx(() => [
-              createVNode(_component_g_tooltip, { placement: "bottom" }, {
-                title: withCtx(() => [
-                  createElementVNode("div", {
-                    innerHTML: unref(t)("message.historicalDeliveryPriceTips")
-                  }, null, 8, _hoisted_1)
-                ]),
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString(unref(t)("message.historicalDeliveryPrice")) + " ",
-                    1
-                  ),
-                  createVNode(_component_g_icon, { type: "info_question_circle" })
-                ]),
-                _: 1
-              })
-            ]),
-            tool: withCtx(() => [
-              createVNode(_component_g_select, {
-                value: state.period,
-                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => state.period = $event),
-                onChange: handleChangePeriod,
-                size: unref(isPC) ? "small" : "medium"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(
-                    Fragment,
-                    null,
-                    renderList(unref(periodList), (periodItem) => {
-                      return openBlock(), createBlock(_component_g_select_option, {
-                        value: periodItem.value
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(
-                            toDisplayString(periodItem.label),
-                            1
-                          )
-                        ]),
-                        _: 2
-                      }, 1032, ["value"]);
-                    }),
-                    256
-                  ))
-                ]),
-                _: 1
-              }, 8, ["value", "size"]),
-              createElementVNode(
-                "span",
-                _hoisted_2,
-                toDisplayString(state.periodDateRange),
-                1
-              )
-            ]),
-            body: withCtx(() => [
-              createElementVNode(
-                "div",
-                _hoisted_3,
-                [
-                  createVNode(_component_g_chart, {
-                    class: "skew-chart",
-                    option: setOption()
-                  }, null, 8, ["option"])
-                ],
-                512
-              )
-            ]),
-            _: 1
-          }, 8, ["currency", "exchange", "loading"])
-        ],
-        2
-      );
-    };
+const panelHistoricalDeliveryPriceProps = buildProps({
+  defaultCurrency: {
+    type: String,
+    required: false
+  },
+  defaultExchange: {
+    type: String,
+    required: false
+  },
+  currency: {
+    type: String,
+    required: false
+  },
+  exchange: {
+    type: String,
+    required: false
   }
 });
-var PanelHistoricalDeliveryPrice = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/panel-historical-delivery-price/src/panel-historical-delivery-price.vue"]]);
 
-export { PanelHistoricalDeliveryPrice as default };
+export { panelHistoricalDeliveryPriceEmits, panelHistoricalDeliveryPriceProps };
 //# sourceMappingURL=panel-historical-delivery-price.mjs.map