greeks-live-ui 0.1.21 → 0.1.22

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

@@ -2,64 +2,482 @@
 
 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-panel.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 _hoisted_7 = { 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
-  },
-  showExchangeSelector: {
-    type: Boolean,
-    default: true
-  },
-  showCurrencySelector: {
-    type: Boolean,
-    default: true
-  },
-  currencyList: {
-    type: Array,
-    default: void 0
-  },
-  contentLocked: {
-    type: Boolean,
-    default: 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 isFullscreen = vue.ref(false);
+    const { isMobile, isPC } = index$1.useDeviceType();
+    const exchangeSelectorDisabled = vue.computed(() => props.showExchangeSelector === false);
+    const currencySelectorDisabled = vue.computed(() => props.showCurrencySelector === false);
+    const exchangeList = [
+      { value: "okx", label: "", icon: "logo_okx_square_d" },
+      { value: "deribit", label: "", icon: "logo_deribit_square_l" }
+    ];
+    const currencyList = vue.computed(() => {
+      var _a;
+      if ((_a = props.currencyList) == null ? void 0 : _a.length)
+        return props.currencyList;
+      const currentExchange = exchange.value.toLowerCase();
+      if (currentExchange === "okx") {
+        return [
+          { value: "BTC", label: "BTC", icon: "currency_btc" },
+          { value: "ETH", label: "ETH", icon: "currency_eth" }
+        ];
+      }
+      return [
+        { 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: "XRP_USDC", label: "XRP", icon: "currency_xrp", isDropdown: true },
+        { value: "AVAX_USDC", label: "AVAX", icon: "currency_avax", isDropdown: true },
+        { value: "TRX_USDC", label: "TRX", icon: "currency_trx", 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: "mainsite_fullscreen",
+      smallscreen: "mainsite_smallscreen",
+      setting: "chart_settings",
+      share: "chart_share"
+    };
+    const state = vue.reactive({
+      isMobile,
+      isPC
+    });
+    const showOperations = vue.computed(
+      () => {
+        const defaultOperations = state.isPC ? ["refresh", isFullscreen.value ? "smallscreen" : "fullscreen"] : ["refresh"];
+        return [...props.operations, ...defaultOperations].map((v) => {
+          return {
+            value: v,
+            icon: v === "calc" && props.showType === "calc" ? iconMap["calc_active"] : iconMap[v]
+          };
+        });
+      }
+    );
+    const toggleFullscreen = () => {
+      isFullscreen.value = !isFullscreen.value;
+      if (isFullscreen.value) {
+        document.body.style.overflow = "hidden";
+      } else {
+        document.body.style.overflow = "";
+      }
+      emits("fullscreen", isFullscreen.value);
+    };
+    const handleClickIcon = (type) => {
+      if (type === "fullscreen" || type === "smallscreen") {
+        toggleFullscreen();
+        return;
+      }
+      if (type === "refresh") {
+        emits("refresh", true);
+        return;
+      }
+      emits(type, true);
+      emits("operation", type);
+    };
+    const getCurrencyIcon = (value) => {
+      var _a;
+      return ((_a = currencyList.value.find((v) => v.value === value)) == null ? void 0 : _a.icon) || "";
+    };
+    const currency = vue.computed({
+      get: () => props.currency || currencyList.value[0].value,
+      set: (newVal) => {
+        emits("update:currency", newVal);
+      }
+    });
+    const exchange = vue.computed({
+      get: () => props.exchange || exchangeList[0].value,
+      set: (newVal) => {
+        emits("update:exchange", newVal);
+      }
+    });
+    vue.watch(exchange, (newExchange) => {
+      if (newExchange.toLowerCase() === "okx") {
+        const okxSupportedCurrencies = ["BTC", "ETH"];
+        if (!okxSupportedCurrencies.includes(currency.value)) {
+          currency.value = "BTC";
+        }
+      }
+    });
+    vue.onUnmounted(() => {
+      if (isFullscreen.value) {
+        document.body.style.overflow = "";
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_g_icon = vue.resolveComponent("g-icon");
+      const _component_g_select_option = vue.resolveComponent("g-select-option");
+      const _component_g_select = vue.resolveComponent("g-select");
+      const _component_g_radio_dropdown = vue.resolveComponent("g-radio-dropdown");
+      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.unref(ns).m("fullscreen")]: isFullscreen.value, [vue.unref(ns).m("mobile")]: vue.unref(isMobile) }
+          ]),
+          ref: "chartPanelRef"
+        },
+        [
+          vue.createVNode(
+            _component_g_panel,
+            null,
+            vue.createSlots({
+              body: vue.withCtx(() => [
+                props.contentLocked ? (vue.openBlock(), vue.createElementBlock(
+                  "div",
+                  {
+                    key: 0,
+                    class: vue.normalizeClass(vue.unref(ns).e("content-locked"))
+                  },
+                  [
+                    vue.createElementVNode(
+                      "div",
+                      {
+                        class: vue.normalizeClass(vue.unref(ns).e("content-locked-preview"))
+                      },
+                      [
+                        vue.unref(isPC) ? (vue.openBlock(), vue.createElementBlock(
+                          "div",
+                          {
+                            key: 0,
+                            class: vue.normalizeClass([vue.unref(ns).e("content-locked-tool"), "greeks-panel-tool"])
+                          },
+                          [
+                            vue.renderSlot(_ctx.$slots, "tool")
+                          ],
+                          2
+                        )) : vue.createCommentVNode("v-if", true),
+                        vue.unref(isMobile) ? (vue.openBlock(), vue.createElementBlock(
+                          "div",
+                          {
+                            key: 1,
+                            class: vue.normalizeClass([vue.unref(ns).e("content-locked-tool"), "greeks-panel-tool"])
+                          },
+                          [
+                            vue.createElementVNode("div", _hoisted_7, [
+                              vue.createVNode(_component_g_select, {
+                                value: vue.unref(exchange),
+                                "onUpdate:value": _cache[4] || (_cache[4] = ($event) => vue.isRef(exchange) ? exchange.value = $event : null),
+                                "option-label-prop": "children",
+                                disabled: vue.unref(exchangeSelectorDisabled)
+                              }, {
+                                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, {
+                                            name: item.icon
+                                          }, null, 8, ["name"])
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["value"]);
+                                    }),
+                                    64
+                                  ))
+                                ]),
+                                _: 1
+                              }, 8, ["value", "disabled"]),
+                              vue.createVNode(_component_g_select, {
+                                value: vue.unref(currency),
+                                "onUpdate:value": _cache[5] || (_cache[5] = ($event) => vue.isRef(currency) ? currency.value = $event : null),
+                                "option-label-prop": "children",
+                                disabled: vue.unref(currencySelectorDisabled),
+                                class: "currency-radio currency-radio-h5",
+                                popupClassName: "currency-radio-popup"
+                              }, {
+                                default: vue.withCtx(() => [
+                                  (vue.openBlock(true), vue.createElementBlock(
+                                    vue.Fragment,
+                                    null,
+                                    vue.renderList(vue.unref(currencyList), (periodItem) => {
+                                      return vue.openBlock(), vue.createBlock(_component_g_select_option, {
+                                        value: periodItem.value,
+                                        key: periodItem.value
+                                      }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createVNode(_component_g_icon, {
+                                            name: periodItem.icon,
+                                            class: "currency-radio-icon"
+                                          }, null, 8, ["name"]),
+                                          vue.createTextVNode(
+                                            " " + vue.toDisplayString(periodItem.label),
+                                            1
+                                          )
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["value"]);
+                                    }),
+                                    128
+                                  ))
+                                ]),
+                                _: 1
+                              }, 8, ["value", "disabled"]),
+                              vue.renderSlot(_ctx.$slots, "tool")
+                            ])
+                          ],
+                          2
+                        )) : vue.createCommentVNode("v-if", true),
+                        vue.createVNode(_component_g_spin, {
+                          spinning: props.loading
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.renderSlot(_ctx.$slots, "body")
+                          ]),
+                          _: 3
+                        }, 8, ["spinning"])
+                      ],
+                      2
+                    ),
+                    vue.createElementVNode(
+                      "div",
+                      {
+                        class: vue.normalizeClass(vue.unref(ns).e("content-locked-overlay"))
+                      },
+                      [
+                        vue.renderSlot(_ctx.$slots, "content-locked-overlay")
+                      ],
+                      2
+                    )
+                  ],
+                  2
+                )) : (vue.openBlock(), vue.createBlock(_component_g_spin, {
+                  key: 1,
+                  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.createVNode(_component_g_select, {
+                      value: vue.unref(exchange),
+                      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => vue.isRef(exchange) ? exchange.value = $event : null),
+                      "option-label-prop": "children",
+                      disabled: vue.unref(exchangeSelectorDisabled)
+                    }, {
+                      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, {
+                                  name: item.icon
+                                }, null, 8, ["name"])
+                              ]),
+                              _: 2
+                            }, 1032, ["value"]);
+                          }),
+                          64
+                        ))
+                      ]),
+                      _: 1
+                    }, 8, ["value", "disabled"]),
+                    vue.createVNode(_component_g_radio_dropdown, {
+                      modelValue: vue.unref(currency),
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(currency) ? currency.value = $event : null),
+                      options: vue.unref(currencyList),
+                      disabled: vue.unref(currencySelectorDisabled),
+                      class: "currency-radio"
+                    }, {
+                      highlightIcon: vue.withCtx(() => [
+                        vue.createVNode(_component_g_icon, {
+                          name: getCurrencyIcon(vue.unref(currency)),
+                          size: 18
+                        }, null, 8, ["name"])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "options", "disabled"]),
+                    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, {
+                          name: item.icon,
+                          key: item.value,
+                          onClick: ($event) => handleClickIcon(item.value)
+                        }, null, 8, ["name", "onClick"]);
+                      }),
+                      128
+                    ))
+                  ])
+                ])
+              } : void 0,
+              vue.unref(isPC) && !props.contentLocked ? {
+                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, {
+                          name: item.icon,
+                          key: item.value,
+                          onClick: ($event) => handleClickIcon(item.value)
+                        }, null, 8, ["name", "onClick"]);
+                      }),
+                      128
+                    ))
+                  ])
+                ])
+              } : void 0,
+              vue.unref(isMobile) && !props.contentLocked ? {
+                name: "tool",
+                fn: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_6, [
+                    vue.createVNode(_component_g_select, {
+                      value: vue.unref(exchange),
+                      "onUpdate:value": _cache[2] || (_cache[2] = ($event) => vue.isRef(exchange) ? exchange.value = $event : null),
+                      "option-label-prop": "children",
+                      disabled: vue.unref(exchangeSelectorDisabled)
+                    }, {
+                      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, {
+                                  name: item.icon
+                                }, null, 8, ["name"]),
+                                vue.createCommentVNode(" {{ item.label }} ")
+                              ]),
+                              _: 2
+                            }, 1032, ["value"]);
+                          }),
+                          64
+                        ))
+                      ]),
+                      _: 1
+                    }, 8, ["value", "disabled"]),
+                    vue.createVNode(_component_g_select, {
+                      value: vue.unref(currency),
+                      "onUpdate:value": _cache[3] || (_cache[3] = ($event) => vue.isRef(currency) ? currency.value = $event : null),
+                      "option-label-prop": "children",
+                      disabled: vue.unref(currencySelectorDisabled),
+                      class: "currency-radio currency-radio-h5",
+                      popupClassName: "currency-radio-popup"
+                    }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(true), vue.createElementBlock(
+                          vue.Fragment,
+                          null,
+                          vue.renderList(vue.unref(currencyList), (periodItem) => {
+                            return vue.openBlock(), vue.createBlock(_component_g_select_option, {
+                              value: periodItem.value,
+                              key: periodItem.value
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(_component_g_icon, {
+                                  name: periodItem.icon,
+                                  class: "currency-radio-icon"
+                                }, null, 8, ["name"]),
+                                vue.createTextVNode(
+                                  " " + vue.toDisplayString(periodItem.label),
+                                  1
+                                )
+                              ]),
+                              _: 2
+                            }, 1032, ["value"]);
+                          }),
+                          128
+                        ))
+                      ]),
+                      _: 1
+                    }, 8, ["value", "disabled"]),
+                    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-panel2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chart-panel2.js","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\n\nexport type ChartPanelCurrencyItem = {\n  value: string;\n  label: string;\n  icon: string;\n  isDropdown?: boolean;\n};\n\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  showExchangeSelector: {\n    type: Boolean,\n    default: true,\n  },\n  showCurrencySelector: {\n    type: Boolean,\n    default: true,\n  },\n  currencyList: {\n    type: Array as PropType<ChartPanelCurrencyItem[] | undefined>,\n    default: undefined,\n  },\n  /** 锁态：仅 header 可交互，tool + body 显示预览并叠加 overlay */\n  contentLocked: {\n    type: Boolean,\n    default: false,\n  },\n})\nexport type ChartPanelProps = ExtractPropTypes<typeof chartPanelProps>\nexport type ChartPanelInstance = InstanceType<typeof ChartPanel>\n"],"names":["buildProps"],"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;AAUO,MAAM,kBAAkBA,kBAAW,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;AAAA,EACA,oBAAsB,EAAA;AAAA,IACpB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,oBAAsB,EAAA;AAAA,IACpB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,KAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAEA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAC;;;;;"}
+{"version":3,"file":"chart-panel2.js","sources":["../../../../../../../packages/components/chart-panel/src/chart-panel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b(),\n      { [ns.m('fullscreen')]: isFullscreen, [ns.m('mobile')]: isMobile },\n    ]\"\n    ref=\"chartPanelRef\"\n  >\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=\"exchangeSelectorDisabled\"\n          >\n            <g-select-option\n              v-for=\"item in exchangeList\"\n              :value=\"item.value\"\n              :key=\"item.value\"\n            >\n              <g-icon :name=\"item.icon\"></g-icon>\n            </g-select-option>\n          </g-select>\n\n          <g-radio-dropdown\n            v-model=\"currency\"\n            :options=\"currencyList\"\n            :disabled=\"currencySelectorDisabled\"\n            class=\"currency-radio\"\n          >\n            <template #highlightIcon>\n              <g-icon :name=\"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            :name=\"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 && !props.contentLocked\" #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            :name=\"item.icon\"\n            :key=\"item.value\"\n            @click=\"handleClickIcon(item.value)\"\n          >\n          </g-icon>\n        </div>\n      </template>\n      <template v-if=\"isMobile && !props.contentLocked\" #tool>\n        <div class=\"greeks-panel-tool-box\">\n          <g-select\n            v-model:value=\"exchange\"\n            option-label-prop=\"children\"\n            :disabled=\"exchangeSelectorDisabled\"\n          >\n            <g-select-option\n              v-for=\"item in exchangeList\"\n              :value=\"item.value\"\n              :key=\"item.value\"\n            >\n              <g-icon :name=\"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            :disabled=\"currencySelectorDisabled\"\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              :key=\"periodItem.value\"\n            >\n              <g-icon\n                :name=\"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        <div\n          v-if=\"props.contentLocked\"\n          :class=\"ns.e('content-locked')\"\n        >\n          <div :class=\"ns.e('content-locked-preview')\">\n            <div\n              v-if=\"isPC\"\n              :class=\"[ns.e('content-locked-tool'), 'greeks-panel-tool']\"\n            >\n              <slot name=\"tool\"></slot>\n            </div>\n            <div\n              v-if=\"isMobile\"\n              :class=\"[ns.e('content-locked-tool'), 'greeks-panel-tool']\"\n            >\n              <div class=\"greeks-panel-tool-box\">\n                <g-select\n                  v-model:value=\"exchange\"\n                  option-label-prop=\"children\"\n                  :disabled=\"exchangeSelectorDisabled\"\n                >\n                  <g-select-option\n                    v-for=\"item in exchangeList\"\n                    :value=\"item.value\"\n                    :key=\"item.value\"\n                  >\n                    <g-icon :name=\"item.icon\"></g-icon>\n                  </g-select-option>\n                </g-select>\n\n                <g-select\n                  v-model:value=\"currency\"\n                  option-label-prop=\"children\"\n                  :disabled=\"currencySelectorDisabled\"\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                    :key=\"periodItem.value\"\n                  >\n                    <g-icon\n                      :name=\"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            </div>\n            <g-spin :spinning=\"props.loading\">\n              <slot name=\"body\"></slot>\n            </g-spin>\n          </div>\n          <div :class=\"ns.e('content-locked-overlay')\">\n            <slot name=\"content-locked-overlay\"></slot>\n          </div>\n        </div>\n        <g-spin\n          v-else\n          :spinning=\"props.loading\"\n        >\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 {\n  chartPanelEmits,\n  chartPanelProps,\n  type ChartPanelCurrencyItem,\n} 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, watch, ref, onUnmounted } from 'vue';\n\nconst isFullscreen = ref(false);\n\nexport type OperationType =\n  | 'line'\n  | 'bar'\n  | 'calc'\n  | 'search'\n  | 'toggle'\n  | 'refresh'\n  | 'fullscreen'\n  | 'smallscreen'\n  | 'setting'\n  | 'share';\n\nconst { isMobile, isPC } = useDeviceType();\n\nconst exchangeSelectorDisabled = computed(() => props.showExchangeSelector === false);\nconst currencySelectorDisabled = computed(() => props.showCurrencySelector === false);\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 = computed<ChartPanelCurrencyItem[]>(() => {\n  if (props.currencyList?.length) return props.currencyList as ChartPanelCurrencyItem[];\n  const currentExchange = exchange.value.toLowerCase();\n\n  if (currentExchange === 'okx') {\n    return [\n      { value: 'BTC', label: 'BTC', icon: 'currency_btc' },\n      { value: 'ETH', label: 'ETH', icon: 'currency_eth' },\n    ];\n  }\n\n  // 默认返回 deribit 支持的所有币种\n  return [\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: 'XRP_USDC', label: 'XRP', icon: 'currency_xrp', isDropdown: true },\n    { value: 'AVAX_USDC', label: 'AVAX', icon: 'currency_avax', isDropdown: true },\n    { value: 'TRX_USDC', label: 'TRX', icon: 'currency_trx', isDropdown: true },\n  ];\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: 'mainsite_fullscreen',\n  smallscreen: 'mainsite_smallscreen',\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', isFullscreen.value ? 'smallscreen' : 'fullscreen']\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 toggleFullscreen = () => {\n  isFullscreen.value = !isFullscreen.value;\n\n  if (isFullscreen.value) {\n    // 进入全屏：禁用页面滚动\n    document.body.style.overflow = 'hidden';\n  } else {\n    // 退出全屏：恢复页面滚动\n    document.body.style.overflow = '';\n  }\n\n  emits('fullscreen', isFullscreen.value);\n};\n\nconst handleClickIcon = (type: OperationType) => {\n  if (type === 'fullscreen' || type === 'smallscreen') {\n    toggleFullscreen();\n    return;\n  }\n  if (type === 'refresh') {\n    emits('refresh', true);\n    return;\n  }\n\n  emits(type as 'line', true);\n  emits('operation', type);\n};\n\nconst getCurrencyIcon = (value: string) => {\n  return currencyList.value.find((v) => v.value === value)?.icon || '';\n};\n\nconst currency = computed({\n  get: () => props.currency || currencyList.value[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\n// 监听exchange变化\nwatch(exchange, (newExchange) => {\n  if (newExchange.toLowerCase() === 'okx') {\n    const okxSupportedCurrencies = ['BTC', 'ETH'];\n    if (!okxSupportedCurrencies.includes(currency.value)) {\n      currency.value = 'BTC';\n    }\n  }\n});\n\nonUnmounted(() => {\n  // 清理全屏状态\n  if (isFullscreen.value) {\n    document.body.style.overflow = '';\n  }\n});\n</script>\n"],"names":["useNamespace","ref","useDeviceType","computed","reactive","watch","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA0MA,IAAA,MAAA,EAAA,GAAAA,kBAAA,CAAA,aAAA,CAAA,CAAA;AAMA,IAAA,MAAA,YAAA,GAAAC,OAAA,CAAA,KAAA,CAAA,CAAA;AAcA,IAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,GAAAC,qBAAA,EAAA,CAAA;AAEA,IAAA,MAAA,wBAAA,GAAAC,YAAA,CAAA,MAAA,KAAA,CAAA,oBAAA,KAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,wBAAA,GAAAA,YAAA,CAAA,MAAA,KAAA,CAAA,oBAAA,KAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA;AAAA,MAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAA,EAAA;AAEA,MAAA,EAAA,KAAA,EAAA,SAAA,EAAA,KAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAA,EAAA;AACA,KAAA,CAAA;AAGA,IAAA,MAAA,YAAA,GAAAA,YAAA,CAAA,MAAA;;AACA,MAAA,IAAA,CAAA,EAAA,GAAA,KAAA,CAAA,YAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA;AAAA,QAAA,OAAA,KAAA,CAAA,YAAA,CAAA;AACA,MAAA,MAAA,eAAA,GAAA,QAAA,CAAA,KAAA,CAAA,WAAA,EAAA,CAAA;AAEA,MAAA,IAAA,eAAA,KAAA,KAAA,EAAA;AACA,QAAA,OAAA;AAAA,UAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,IAAA,EAAA,cAAA,EAAA;AACA,UAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,IAAA,EAAA,cAAA,EAAA;AACA,SAAA,CAAA;AACA,OAAA;AAIA,MAAA,OAAA;AAAA,QAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,IAAA,EAAA,cAAA,EAAA;AACA,QAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,IAAA,EAAA,cAAA,EAAA;AACA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,KAAA,EAAA,IAAA,EAAA,cAAA,EAAA,UAAA,EAAA,IAAA,EAAA;AACA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,KAAA,EAAA,IAAA,EAAA,cAAA,EAAA,UAAA,EAAA,IAAA,EAAA;AACA,QAAA,EAAA,KAAA,EAAA,WAAA,EAAA,KAAA,EAAA,MAAA,EAAA,IAAA,EAAA,eAAA,EAAA,UAAA,EAAA,IAAA,EAAA;AACA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,KAAA,EAAA,IAAA,EAAA,cAAA,EAAA,UAAA,EAAA,IAAA,EAAA;AACA,OAAA,CAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,OAAA,GAAA;AAAA,MAAA,IAAA,EAAA,qBAAA;AACA,MAAA,GAAA,EAAA,yBAAA;AACA,MAAA,IAAA,EAAA,uBAAA;AACA,MAAA,WAAA,EAAA,yBAAA;AACA,MAAA,MAAA,EAAA,qBAAA;AACA,MAAA,MAAA,EAAA,qBAAA;AACA,MAAA,OAAA,EAAA,cAAA;AACA,MAAA,UAAA,EAAA,qBAAA;AACA,MAAA,WAAA,EAAA,sBAAA;AACA,MAAA,OAAA,EAAA,gBAAA;AACA,MAAA,KAAA,EAAA,aAAA;AACA,KAAA,CAAA;AAGA,IAAA,MAAA,KAAA,GAAAC,YAAA,CAAA;AAAA,MAAA,QAAA;AACA,MAAA,IAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,cAAA,GAAAD,YAAA;AAAA,MAAA,MAAA;AAEA,QAAA,MAAA,iBAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,SAAA,EAAA,YAAA,CAAA,KAAA,GAAA,aAAA,GAAA,YAAA,CAAA,GAAA,CAAA,SAAA,CAAA,CAAA;AAKA,QAAA,OAAA,CAAA,GAAA,KAAA,CAAA,UAAA,EAAA,GAAA,iBAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA;AACA,UAAA,OAAA;AAAA,YAAA,KAAA,EAAA,CAAA;AACA,YAAA,IAAA,EAAA,CAAA,KAAA,MAAA,IAAA,KAAA,CAAA,QAAA,KAAA,MAAA,GAAA,OAAA,CAAA,aAAA,CAAA,GAAA,OAAA,CAAA,CAAA,CAAA;AAIA,WAAA,CAAA;AACA,SAAA,CAAA,CAAA;AACA,OAAA;AACA,KAAA,CAAA;AAGA,IAAA,MAAA,gBAAA,GAAA,MAAA;AACA,MAAA,YAAA,CAAA,KAAA,GAAA,CAAA,YAAA,CAAA,KAAA,CAAA;AAEA,MAAA,IAAA,YAAA,CAAA,KAAA,EAAA;AAEA,QAAA,QAAA,CAAA,IAAA,CAAA,KAAA,CAAA,QAAA,GAAA,QAAA,CAAA;AAAA,OAAA,MAAA;AAGA,QAAA,QAAA,CAAA,IAAA,CAAA,KAAA,CAAA,QAAA,GAAA,EAAA,CAAA;AAAA,OAAA;AAGA,MAAA,KAAA,CAAA,YAAA,EAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,eAAA,GAAA,CAAA,IAAA,KAAA;AACA,MAAA,IAAA,IAAA,KAAA,YAAA,IAAA,IAAA,KAAA,aAAA,EAAA;AACA,QAAA,gBAAA,EAAA,CAAA;AACA,QAAA,OAAA;AAAA,OAAA;AAEA,MAAA,IAAA,IAAA,KAAA,SAAA,EAAA;AACA,QAAA,KAAA,CAAA,SAAA,EAAA,IAAA,CAAA,CAAA;AACA,QAAA,OAAA;AAAA,OAAA;AAGA,MAAA,KAAA,CAAA,IAAA,EAAA,IAAA,CAAA,CAAA;AACA,MAAA,KAAA,CAAA,WAAA,EAAA,IAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,eAAA,GAAA,CAAA,KAAA,KAAA;;AACA,MAAA,OAAA,CAAA,CAAA,EAAA,GAAA,YAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,KAAA,KAAA,KAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,KAAA,EAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,QAAA,GAAAA,YAAA,CAAA;AAAA,MAAA,GAAA,EAAA,MAAA,KAAA,CAAA,QAAA,IAAA,YAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,KAAA;AACA,MAAA,GAAA,EAAA,CAAA,MAAA,KAAA;AAEA,QAAA,KAAA,CAAA,iBAAA,EAAA,MAAA,CAAA,CAAA;AAAA,OAAA;AACA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,QAAA,GAAAA,YAAA,CAAA;AAAA,MAAA,GAAA,EAAA,MAAA,KAAA,CAAA,QAAA,IAAA,YAAA,CAAA,CAAA,CAAA,CAAA,KAAA;AACA,MAAA,GAAA,EAAA,CAAA,MAAA,KAAA;AAEA,QAAA,KAAA,CAAA,iBAAA,EAAA,MAAA,CAAA,CAAA;AAAA,OAAA;AACA,KAAA,CAAA,CAAA;AAIA,IAAAE,SAAA,CAAA,QAAA,EAAA,CAAA,WAAA,KAAA;AACA,MAAA,IAAA,WAAA,CAAA,WAAA,EAAA,KAAA,KAAA,EAAA;AACA,QAAA,MAAA,sBAAA,GAAA,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AACA,QAAA,IAAA,CAAA,sBAAA,CAAA,QAAA,CAAA,QAAA,CAAA,KAAA,CAAA,EAAA;AACA,UAAA,QAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAAA,SAAA;AACA,OAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAAC,eAAA,CAAA,MAAA;AAEA,MAAA,IAAA,YAAA,CAAA,KAAA,EAAA;AACA,QAAA,QAAA,CAAA,IAAA,CAAA,KAAA,CAAA,QAAA,GAAA,EAAA,CAAA;AAAA,OAAA;AACA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/checkbox-group/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var checkboxGroup$1 = require('./src/checkbox-group.js');
-var checkboxGroup = require('./src/checkbox-group2.js');
+var checkboxGroup$1 = require('./src/checkbox-group2.js');
+var checkboxGroup = require('./src/checkbox-group.js');
 var install = require('../../utils/vue/install.js');
 
 const GCheckboxGroup = install.withInstall(checkboxGroup$1["default"]);

package/lib/packages/components/checkbox-group/src/checkbox-group.js

@@ -2,37 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var lib = require('ant-design-vue/lib');
-var vue = require('vue');
-require('../../../hooks/index.js');
-var checkboxGroup = require('./checkbox-group2.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+require('../../../utils/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = {
-  name: "GCheckboxGroup"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: checkboxGroup.checkboxGroupProps,
-  emits: checkboxGroup.checkboxGroupEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = index.useNamespace("checkbox-group");
-    return (_ctx, _cache) => {
-      const _component_a_checkbox_group = lib.CheckboxGroup;
-      return vue.openBlock(), vue.createBlock(_component_a_checkbox_group, vue.mergeProps({
-        class: [vue.unref(ns).b()]
-      }, props, vue.toHandlers(emits)), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-var CheckboxGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/checkbox-group/src/checkbox-group.vue"]]);
+const checkboxGroupEmits = {};
+const checkboxGroupProps = runtime.buildProps({});
 
-exports["default"] = CheckboxGroup;
+exports.checkboxGroupEmits = checkboxGroupEmits;
+exports.checkboxGroupProps = checkboxGroupProps;
 //# sourceMappingURL=checkbox-group.js.map

package/lib/packages/components/checkbox-group/src/checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.js","sources":["../../../../../../../packages/components/checkbox-group/src/checkbox-group.vue"],"sourcesContent":["<template>\n   <a-checkbox-group\n    :class=\"[ns.b()]\"\n    v-bind=\"props\"\n    v-on=\"emits\"\n  >\n    <slot></slot>\n  </a-checkbox-group>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { checkboxGroupEmits, checkboxGroupProps } from './checkbox-group'\ndefineOptions({\n  name: 'GCheckboxGroup',\n})\nconst ns = useNamespace('checkbox-group')\nconst props = defineProps(checkboxGroupProps)\nconst emits = defineEmits(checkboxGroupEmits)\n</script>\n"],"names":["useNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;AAeA,IAAA,MAAA,EAAA,GAAAA,kBAAA,CAAA,gBAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"checkbox-group.js","sources":["../../../../../../../packages/components/checkbox-group/src/checkbox-group.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type CheckboxGroup from './checkbox-group.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const checkboxGroupEmits = {}\nexport type CheckboxGroupEmits = typeof checkboxGroupEmits\nexport const checkboxGroupProps = buildProps({})\nexport type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>\nexport type CheckboxGroupInstance = InstanceType<typeof CheckboxGroup>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,qBAAqB,GAAC;AAEtB,MAAA,kBAAA,GAAqBA,kBAAW,CAAA,EAAE;;;;;"}