greeks-live-ui 0.1.21 → 0.1.22

package/es/packages/components/countdown/src/countdown2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"countdown2.mjs","sources":["../../../../../../../packages/components/countdown/src/countdown.vue"],"sourcesContent":["<template>\n  <div v-if=\"shouldShow\" :class=\"[ns.e('wrapper')]\">\n    <span v-if=\"showProgress\" :class=\"[ns.e('progress-wrapper')]\">\n      <a-progress\n        type=\"circle\"\n        :percent=\"percent\"\n        :size=\"progressSize\"\n        :stroke-color=\"props.strokeColor\"\n        :stroke-width=\"props.strokeWidth\"\n        :format=\"format\"\n        :class=\"{ [ns.e('is-last-minute')]: isLastMinute }\"\n      />\n    </span>\n    <span v-if=\"showText\" :class=\"[ns.e('text')]\" :title=\"hoverValue\">{{ currentDisplayValue }}</span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { countdownEmits, countdownProps } from './countdown'\n\ndefineOptions({\n  name: 'GCountdown',\n})\n\nconst ns = useNamespace('countdown')\nconst props = defineProps(countdownProps)\nconst emits = defineEmits(countdownEmits)\n\n// 响应式数据\nconst currentDisplayValue = ref('')\nconst hoverValue = ref('')\nconst percent = ref(100)\nconst isLastMinute = ref(false)\nconst startTime = ref(0)\n\nlet timer: any = null\n\n// 计算是否应该显示组件\nconst shouldShow = computed(() => {\n  return currentDisplayValue.value || props.showProgress\n})\n\nconst format = (_number: number) => {\n  return hoverValue.value;\n}\n\n// 计算显示值\nconst calcDisplayValue = (diff: number, format: 'colon' | 'unit' | 'compact') => {\n  const hours = Math.floor(diff / (1000 * 60 * 60))\n  const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60))\n  const seconds = Math.floor((diff % (1000 * 60)) / 1000)\n  \n  const displayHours = hours >= 10 ? `${hours}` : `0${hours}`\n  const displayMinutes = minutes >= 10 ? `${minutes}` : `0${minutes}`\n  let displaySeconds = `${seconds}`\n  if (minutes > 0 || hours > 0) {\n    displaySeconds = seconds >= 10 ? `${seconds}` : `0${seconds}`\n  }\n\n  switch (format) {\n    case 'unit':\n      if (hours > 0) {\n        return `${hours}h ${minutes}min ${seconds}s`\n      } else if (minutes > 0) {\n        return `${minutes}min ${seconds}s`\n      } else {\n        return `${seconds}s`\n      }\n    case 'compact':\n      if (hours > 0) {\n        return `${hours}:${displayMinutes}:${displaySeconds}`\n      } else if (minutes > 0) {\n        return `${displayMinutes}:${displaySeconds}`\n      } else {\n        return `${displaySeconds}s`\n      }\n    case 'colon':\n    default:\n      if (hours > 0) {\n        return `${displayHours}:${displayMinutes}:${displaySeconds}`\n      } else if (minutes > 0) {\n        return `${displayMinutes}:${displaySeconds}`\n      } else {\n        return `${displaySeconds}s`\n      }\n  }\n}\n\n// 主要倒计时逻辑\nconst calcTimeLeft = () => {\n  const now = Date.now()\n  let diff: number\n\n  if (props.time) {\n    // 使用time属性进行倒计时\n    const elapsed = now - startTime.value\n    diff = props.time - elapsed\n  } else if (props.endTs) {\n    // 使用endTs属性进行倒计时\n    diff = props.endTs - now\n  } else {\n    // 如果没有提供time或endTs，不显示倒计时\n    currentDisplayValue.value = ''\n    hoverValue.value = ''\n    return\n  }\n\n  isLastMinute.value = diff <= 60 * 1000 && diff > 0\n\n  if (diff <= 0) {\n    // 处理倒计时结束时的显示\n    if (props.endDisplay === null || props.endDisplay === false) {\n      currentDisplayValue.value = ''\n    } else if (props.endDisplay === '-') {\n      currentDisplayValue.value = '-'\n    } else {\n      currentDisplayValue.value = props.endDisplay as string\n    }\n    hoverValue.value = ''\n    percent.value = 0\n    clearInterval(timer)\n    emits('onEnd')\n    return\n  }\n\n  // 计算进度百分比\n  if (props.time) {\n    // 使用time属性计算进度\n    percent.value = (diff / props.time) * 100\n  } else if (props.startTs && props.endTs) {\n    // 使用startTs和endTs计算进度\n    const duration = props.endTs - props.startTs\n    percent.value = (diff / duration) * 100\n  }\n\n  // 始终计算当前显示值（使用format属性）\n  currentDisplayValue.value = calcDisplayValue(diff, props.format)\n  \n  // 计算hover时显示的值（使用hoverFormat属性）\n  hoverValue.value = calcDisplayValue(diff, props.hoverFormat)\n}\n\n// 启动倒计时\nconst startCountdown = () => {\n  // 如果使用time属性，记录开始时间\n  if (props.time) {\n    startTime.value = Date.now()\n  }\n  \n  calcTimeLeft()\n  timer = setInterval(() => {\n    calcTimeLeft()\n  }, props.updateInterval)\n}\n\n// 清理定时器\nconst clearTimers = () => {\n  if (timer) {\n    clearInterval(timer)\n    timer = null\n  }\n}\n\n// 生命周期\nonMounted(() => {\n  startCountdown()\n})\n\nonUnmounted(() => {\n  clearTimers()\n})\n</script>\n"],"names":["format"],"mappings":"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"}
+{"version":3,"file":"countdown2.mjs","sources":["../../../../../../../packages/components/countdown/src/countdown.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Countdown from './countdown.vue'\nimport type { ExtractPropTypes, PropType } from 'vue'\n\nexport const countdownEmits = {\n  'onEnd': () => true,\n}\nexport type CountdownEmits = typeof countdownEmits\n\nexport const countdownProps = buildProps({\n  startTs: {\n    type: Number,\n    default: undefined,\n  },\n  endTs: {\n    type: Number,\n    required: false,\n  },\n  time: {\n    type: Number,\n    default: undefined,\n  },\n  showProgress: {\n    type: Boolean,\n    default: false,\n  },\n  showText: {\n    type: Boolean,\n    default: true,\n  },\n  format: {\n    type: String as PropType<'colon' | 'unit' | 'compact'>,\n    default: 'colon',\n  },\n  progressSize: {\n    type: Number,\n    default: 14,\n  },\n  updateInterval: {\n    type: Number,\n    default: 1000,\n  },\n  strokeColor: {\n    type: String,\n    default: 'var(--theme-brand-500)',\n  },\n  strokeWidth: {\n    type: Number,\n    default: 8,\n  },\n  endDisplay: {\n    type: [String, Boolean, null] as PropType<string | boolean | null>,\n    default: null,\n  },\n  hoverFormat: {\n    type: String as PropType<'colon' | 'unit' | 'compact'>,\n    default: 'colon',\n  },\n})\n\nexport type CountdownProps = ExtractPropTypes<typeof countdownProps>\nexport type CountdownInstance = InstanceType<typeof Countdown>\n"],"names":[],"mappings":";;;AAIO,MAAM,cAAiB,GAAA;AAAA,EAC5B,SAAS,MAAM,IAAA;AACjB,EAAA;AAGO,MAAM,iBAAiB,UAAW,CAAA;AAAA,EACvC,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,wBAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,CAAC,MAAQ,EAAA,OAAA,EAAS,IAAI,CAAA;AAAA,IAC5B,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAC;;;;"}

package/es/packages/components/currency-icon/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import CurrencyIcon from './src/currency-icon.mjs';
-export { currencyIconEmits, currencyIconProps } from './src/currency-icon2.mjs';
+import CurrencyIcon from './src/currency-icon2.mjs';
+export { currencyIconEmits, currencyIconProps } from './src/currency-icon.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GCurrencyIcon = withInstall(CurrencyIcon);

package/es/packages/components/currency-icon/src/currency-icon.mjs

@@ -1,50 +1,13 @@
-import { defineComponent, computed, openBlock, createBlock, unref, createElementBlock, normalizeClass, toDisplayString } from 'vue';
-import { GIcon } from '../../icon/index.mjs';
-import '../../../hooks/index.mjs';
-import { currencyIconProps, currencyIconEmits } from './currency-icon2.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: "GCurrencyIcon"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: currencyIconProps,
-  emits: currencyIconEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("currency-icon");
-    function hasCurrencyIcon(name) {
-      if (name.toUpperCase() === "ALL") {
-        return true;
-      }
-      const currencyIconList = ["btc", "eth", "usdc", "usdt", "bch", "link", "avax", "ton", "trx", "bnb", "btcdvol", "ethdvol", "xrp", "ada", "doge", "uni", "dot", "shib", "fill", "stakedeth", "sol", "btcdvol", "paxg", "eurr", "algo", "near", "steth", "usyc", "usde", "buidl", "okb"];
-      return currencyIconList.includes(name.toLowerCase());
-    }
-    const currencyName = computed(() => {
-      if (props.currency.toUpperCase() === "ALL") {
-        return "currency_all_coins";
-      }
-      return `currency_${props.currency.toLowerCase()}`;
-    });
-    return (_ctx, _cache) => {
-      return hasCurrencyIcon(_ctx.currency.toLowerCase()) ? (openBlock(), createBlock(unref(GIcon), {
-        key: 0,
-        name: unref(currencyName)
-      }, null, 8, ["name"])) : (openBlock(), createElementBlock(
-        "div",
-        {
-          key: 1,
-          class: normalizeClass([unref(ns).e("fallback")])
-        },
-        toDisplayString(_ctx.currency.slice(0, 1).toUpperCase()),
-        3
-      ));
-    };
+const currencyIconEmits = {};
+const currencyIconProps = buildProps({
+  currency: {
+    type: String,
+    required: true
   }
 });
-var CurrencyIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/currency-icon/src/currency-icon.vue"]]);
 
-export { CurrencyIcon as default };
+export { currencyIconEmits, currencyIconProps };
 //# sourceMappingURL=currency-icon.mjs.map

package/es/packages/components/currency-icon/src/currency-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"currency-icon.mjs","sources":["../../../../../../../packages/components/currency-icon/src/currency-icon.vue"],"sourcesContent":["<template>\n  <g-icon\n    v-if=\"hasCurrencyIcon(currency.toLowerCase())\"\n    :name=\"currencyName\"\n  />\n  <div\n    v-else\n    :class=\"[ns.e('fallback')]\"\n  >\n    {{ currency.slice(0, 1).toUpperCase() }}\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport GIcon from '@greeks-live-ui/components/icon'\nimport { computed } from 'vue'\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { currencyIconEmits, currencyIconProps } from './currency-icon'\n\ndefineOptions({\n  name: 'GCurrencyIcon',\n})\n\nconst ns = useNamespace('currency-icon')\nconst props = defineProps(currencyIconProps)\nconst emits = defineEmits(currencyIconEmits)\n\n// 判断是否存在icon\nfunction hasCurrencyIcon(name: string): boolean {\n  if(name.toUpperCase() === 'ALL') {\n    return true\n  }\n  const currencyIconList = ['btc', 'eth', 'usdc', 'usdt', 'bch', 'link', 'avax', 'ton', 'trx', 'bnb', 'btcdvol', 'ethdvol', 'xrp', 'ada', 'doge', 'uni', 'dot', 'shib', 'fill', 'stakedeth', 'sol', 'btcdvol', 'paxg', 'eurr', 'algo', 'near', 'steth', 'usyc', 'usde', 'buidl', 'okb']\n  return currencyIconList.includes(name.toLowerCase())\n}\n\nconst currencyName = computed(() => {\n  if(props.currency.toUpperCase() === 'ALL') {\n    return 'currency_all_coins'\n  }\n  return `currency_${props.currency.toLowerCase()}`\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,eAAA,CAAA,CAAA;AAKA,IAAA,SAAA,eAAA,CAAA,IAAA,EAAA;AACA,MAAA,IAAA,IAAA,CAAA,WAAA,EAAA,KAAA,KAAA,EAAA;AACA,QAAA,OAAA,IAAA,CAAA;AAAA,OAAA;AAEA,MAAA,MAAA,gBAAA,GAAA,CAAA,KAAA,EAAA,KAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,SAAA,EAAA,SAAA,EAAA,KAAA,EAAA,KAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,EAAA,MAAA,EAAA,MAAA,EAAA,WAAA,EAAA,KAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AACA,MAAA,OAAA,gBAAA,CAAA,QAAA,CAAA,IAAA,CAAA,WAAA,EAAA,CAAA,CAAA;AAAA,KAAA;AAGA,IAAA,MAAA,YAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,QAAA,CAAA,WAAA,EAAA,KAAA,KAAA,EAAA;AACA,QAAA,OAAA,oBAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,SAAA,EAAA,KAAA,CAAA,QAAA,CAAA,WAAA,EAAA,CAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"currency-icon.mjs","sources":["../../../../../../../packages/components/currency-icon/src/currency-icon.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type CurrencyIcon from './currency-icon.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const currencyIconEmits = {}\nexport type CurrencyIconEmits = typeof currencyIconEmits\n\nexport const currencyIconProps = buildProps({\n  currency: {\n    type: String,\n    required: true,\n  },\n})\n\nexport type CurrencyIconProps = ExtractPropTypes<typeof currencyIconProps>\nexport type CurrencyIconInstance = InstanceType<typeof CurrencyIcon>\n"],"names":[],"mappings":";;;AAIO,MAAM,oBAAoB,GAAC;AAG3B,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAC;;;;"}

package/es/packages/components/currency-icon/src/currency-icon2.mjs

@@ -1,13 +1,50 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, computed, openBlock, createBlock, unref, createElementBlock, normalizeClass, toDisplayString } from 'vue';
+import { GIcon } from '../../icon/index.mjs';
+import '../../../hooks/index.mjs';
+import { currencyIconProps, currencyIconEmits } from './currency-icon.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const currencyIconEmits = {};
-const currencyIconProps = buildProps({
-  currency: {
-    type: String,
-    required: true
+const __default__ = {
+  name: "GCurrencyIcon"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: currencyIconProps,
+  emits: currencyIconEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("currency-icon");
+    function hasCurrencyIcon(name) {
+      if (name.toUpperCase() === "ALL") {
+        return true;
+      }
+      const currencyIconList = ["btc", "eth", "usdc", "usdt", "bch", "link", "avax", "ton", "trx", "bnb", "btcdvol", "ethdvol", "xrp", "ada", "doge", "uni", "dot", "shib", "fill", "stakedeth", "sol", "btcdvol", "paxg", "eurr", "algo", "near", "steth", "usyc", "usde", "buidl", "okb", "hype"];
+      return currencyIconList.includes(name.toLowerCase());
+    }
+    const currencyName = computed(() => {
+      if (props.currency.toUpperCase() === "ALL") {
+        return "currency_all_coins";
+      }
+      return `currency_${props.currency.toLowerCase()}`;
+    });
+    return (_ctx, _cache) => {
+      return hasCurrencyIcon(_ctx.currency.toLowerCase()) ? (openBlock(), createBlock(unref(GIcon), {
+        key: 0,
+        name: unref(currencyName)
+      }, null, 8, ["name"])) : (openBlock(), createElementBlock(
+        "div",
+        {
+          key: 1,
+          class: normalizeClass([unref(ns).e("fallback")])
+        },
+        toDisplayString(_ctx.currency.slice(0, 1).toUpperCase()),
+        3
+      ));
+    };
   }
 });
+var CurrencyIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/currency-icon/src/currency-icon.vue"]]);
 
-export { currencyIconEmits, currencyIconProps };
+export { CurrencyIcon as default };
 //# sourceMappingURL=currency-icon2.mjs.map

package/es/packages/components/currency-icon/src/currency-icon2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"currency-icon2.mjs","sources":["../../../../../../../packages/components/currency-icon/src/currency-icon.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type CurrencyIcon from './currency-icon.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const currencyIconEmits = {}\nexport type CurrencyIconEmits = typeof currencyIconEmits\n\nexport const currencyIconProps = buildProps({\n  currency: {\n    type: String,\n    required: true,\n  },\n})\n\nexport type CurrencyIconProps = ExtractPropTypes<typeof currencyIconProps>\nexport type CurrencyIconInstance = InstanceType<typeof CurrencyIcon>\n"],"names":[],"mappings":";;;AAIO,MAAM,oBAAoB,GAAC;AAG3B,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAC;;;;"}
+{"version":3,"file":"currency-icon2.mjs","sources":["../../../../../../../packages/components/currency-icon/src/currency-icon.vue"],"sourcesContent":["<template>\n  <g-icon\n    v-if=\"hasCurrencyIcon(currency.toLowerCase())\"\n    :name=\"currencyName\"\n  />\n  <div\n    v-else\n    :class=\"[ns.e('fallback')]\"\n  >\n    {{ currency.slice(0, 1).toUpperCase() }}\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport GIcon from '@greeks-live-ui/components/icon'\nimport { computed } from 'vue'\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { currencyIconEmits, currencyIconProps } from './currency-icon'\n\ndefineOptions({\n  name: 'GCurrencyIcon',\n})\n\nconst ns = useNamespace('currency-icon')\nconst props = defineProps(currencyIconProps)\nconst emits = defineEmits(currencyIconEmits)\n\n// 判断是否存在icon\nfunction hasCurrencyIcon(name: string): boolean {\n  if(name.toUpperCase() === 'ALL') {\n    return true\n  }\n  const currencyIconList = ['btc', 'eth', 'usdc', 'usdt', 'bch', 'link', 'avax', 'ton', 'trx', 'bnb', 'btcdvol', 'ethdvol', 'xrp', 'ada', 'doge', 'uni', 'dot', 'shib', 'fill', 'stakedeth', 'sol', 'btcdvol', 'paxg', 'eurr', 'algo', 'near', 'steth', 'usyc', 'usde', 'buidl', 'okb', 'hype']\n  return currencyIconList.includes(name.toLowerCase())\n}\n\nconst currencyName = computed(() => {\n  if(props.currency.toUpperCase() === 'ALL') {\n    return 'currency_all_coins'\n  }\n  return `currency_${props.currency.toLowerCase()}`\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,eAAA,CAAA,CAAA;AAKA,IAAA,SAAA,eAAA,CAAA,IAAA,EAAA;AACA,MAAA,IAAA,IAAA,CAAA,WAAA,EAAA,KAAA,KAAA,EAAA;AACA,QAAA,OAAA,IAAA,CAAA;AAAA,OAAA;AAEA,MAAA,MAAA,gBAAA,GAAA,CAAA,KAAA,EAAA,KAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,SAAA,EAAA,SAAA,EAAA,KAAA,EAAA,KAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,EAAA,MAAA,EAAA,MAAA,EAAA,WAAA,EAAA,KAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,CAAA,CAAA;AACA,MAAA,OAAA,gBAAA,CAAA,QAAA,CAAA,IAAA,CAAA,WAAA,EAAA,CAAA,CAAA;AAAA,KAAA;AAGA,IAAA,MAAA,YAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,QAAA,CAAA,WAAA,EAAA,KAAA,KAAA,EAAA;AACA,QAAA,OAAA,oBAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,SAAA,EAAA,KAAA,CAAA,QAAA,CAAA,WAAA,EAAA,CAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/currency-radio-group/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import CurrencyRadioGroup from './src/currency-radio-group.mjs';
-export { currencyRadioGroupEmits, currencyRadioGroupProps } from './src/currency-radio-group2.mjs';
+import CurrencyRadioGroup from './src/currency-radio-group2.mjs';
+export { currencyRadioGroupEmits, currencyRadioGroupProps } from './src/currency-radio-group.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GCurrencyRadioGroup = withInstall(CurrencyRadioGroup);

package/es/packages/components/currency-radio-group/src/currency-radio-group.mjs

@@ -1,63 +1,24 @@
-import { defineComponent, computed, h, ref, watch, openBlock, createBlock, unref, normalizeClass } from 'vue';
-import { Segmented } from 'ant-design-vue';
-import { GCurrencyIcon } from '../../currency-icon/index.mjs';
-import '../../../hooks/index.mjs';
-import { currencyRadioGroupProps, currencyRadioGroupEmits } from './currency-radio-group2.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: "GCurrencyRadioGroup"
+const currencyRadioGroupEmits = {
+  "update:modelValue": (value) => true,
+  "change": (value) => true
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: currencyRadioGroupProps,
-  emits: currencyRadioGroupEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("currency-radio-group");
-    const currencies = computed(() => {
-      if (props.customCurrencies.length > 0) {
-        return props.customCurrencies;
-      }
-      return [
-        ...props.showAll ? [{ label: "All", value: "ALL" }] : [],
-        { label: "BTC", value: "BTC" },
-        { label: "ETH", value: "ETH" },
-        { label: "USDC", value: "USDC" },
-        { label: "USDT", value: "USDT" }
-      ];
-    });
-    const iconCurrenciesOptions = computed(() => {
-      return currencies.value.map((currency) => ({
-        value: currency.value,
-        label: h("div", { class: "flex items-center justify-center w-full" }, [
-          currency.value !== "ALL" ? h(GCurrencyIcon, { currency: currency.value, class: "mr-1" }) : null,
-          h("span", {}, currency.label)
-        ])
-      }));
-    });
-    const selectedValue = ref(props.modelValue);
-    watch(() => props.modelValue, (newVal) => {
-      selectedValue.value = newVal;
-    });
-    const handleChange = (value) => {
-      emits("update:modelValue", value);
-      emits("change", value);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Segmented), {
-        value: selectedValue.value,
-        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => selectedValue.value = $event),
-        options: unref(iconCurrenciesOptions),
-        class: normalizeClass([unref(ns).b()]),
-        onChange: handleChange,
-        size: "small"
-      }, null, 8, ["value", "options", "class"]);
-    };
+const currencyRadioGroupProps = buildProps({
+  modelValue: {
+    type: String,
+    default: "ALL"
+  },
+  showAll: {
+    type: Boolean,
+    default: true
+  },
+  customCurrencies: {
+    type: Array,
+    default: () => []
   }
 });
-var CurrencyRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/currency-radio-group/src/currency-radio-group.vue"]]);
 
-export { CurrencyRadioGroup as default };
+export { currencyRadioGroupEmits, currencyRadioGroupProps };
 //# sourceMappingURL=currency-radio-group.mjs.map

package/es/packages/components/currency-radio-group/src/currency-radio-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"currency-radio-group.mjs","sources":["../../../../../../../packages/components/currency-radio-group/src/currency-radio-group.vue"],"sourcesContent":["<template>\n  <a-segmented\n    v-model:value=\"selectedValue\"\n    :options=\"iconCurrenciesOptions\"\n    :class=\"[ns.b()]\"\n    @change=\"handleChange\"\n    size=\"small\"\n  >\n  </a-segmented>\n</template>\n\n<script setup lang=\"ts\">\nimport { Segmented as ASegmented } from 'ant-design-vue'\nimport { GCurrencyIcon } from '@greeks-live-ui/components/currency-icon'\nimport { computed, ref, watch, h } from 'vue'\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { currencyRadioGroupEmits, currencyRadioGroupProps } from './currency-radio-group'\n\ndefineOptions({\n  name: 'GCurrencyRadioGroup',\n})\n\nconst ns = useNamespace('currency-radio-group')\nconst props = defineProps(currencyRadioGroupProps)\nconst emits = defineEmits(currencyRadioGroupEmits)\n\n// 币种选项\nconst currencies = computed(() => {\n  if(props.customCurrencies.length > 0) {\n    return props.customCurrencies\n  }\n  return [\n    ...(props.showAll ? [{ label: 'All', value: 'ALL' }] : []),\n    { label: 'BTC', value: 'BTC' },\n    { label: 'ETH', value: 'ETH' },\n    { label: 'USDC', value: 'USDC' },\n    { label: 'USDT', value: 'USDT' }\n  ]\n})\n\n// 带有图标的选项\nconst iconCurrenciesOptions = computed(() => {\n  return currencies.value.map(currency => ({\n    value: currency.value,\n    label: h('div', { class: 'flex items-center justify-center w-full' }, [\n      currency.value !== 'ALL' \n        ? h(GCurrencyIcon, { currency: currency.value, class: 'mr-1' }) \n        : null,\n      h('span', {}, currency.label)\n    ])\n  }))\n})\n\nconst selectedValue = ref<string>(props.modelValue)\n\nwatch(() => props.modelValue, (newVal) => {\n  selectedValue.value = newVal\n})\n\nconst handleChange = (value: string) => {\n  emits('update:modelValue', value)\n  emits('change', value)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAsBA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,sBAAA,CAAA,CAAA;AAKA,IAAA,MAAA,UAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,gBAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,gBAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA;AAAA,QAAA,GAAA,KAAA,CAAA,OAAA,GAAA,CAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA;AACA,QAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA;AACA,QAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA;AACA,QAAA,EAAA,KAAA,EAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA;AACA,QAAA,EAAA,KAAA,EAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA;AACA,OAAA,CAAA;AACA,KAAA,CAAA,CAAA;AAIA,IAAA,MAAA,qBAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,OAAA,UAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,QAAA,MAAA;AAAA,QAAA,KAAA,EAAA,QAAA,CAAA,KAAA;AACA,QAAA,KAAA,EAAA,CAAA,CAAA,KAAA,EAAA,EAAA,KAAA,EAAA,yCAAA,EAAA,EAAA;AACA,UAAA,QAAA,CAAA,KAAA,KAAA,KAAA,GAAA,CAAA,CAAA,aAAA,EAAA,EAAA,QAAA,EAAA,QAAA,CAAA,KAAA,EAAA,KAAA,EAAA,MAAA,EAAA,CAAA,GAAA,IAAA;AAGA,UAAA,CAAA,CAAA,MAAA,EAAA,EAAA,EAAA,QAAA,CAAA,KAAA,CAAA;AACA,SAAA,CAAA;AACA,OAAA,CAAA,CAAA,CAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,aAAA,GAAA,GAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAEA,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,UAAA,EAAA,CAAA,MAAA,KAAA;AACA,MAAA,aAAA,CAAA,KAAA,GAAA,MAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,YAAA,GAAA,CAAA,KAAA,KAAA;AACA,MAAA,KAAA,CAAA,mBAAA,EAAA,KAAA,CAAA,CAAA;AACA,MAAA,KAAA,CAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"currency-radio-group.mjs","sources":["../../../../../../../packages/components/currency-radio-group/src/currency-radio-group.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type CurrencyRadioGroup from './currency-radio-group.vue'\nimport type { ExtractPropTypes, PropType } from 'vue'\n\nexport const currencyRadioGroupEmits = {\n  'update:modelValue': (value: string) => true,\n  'change': (value: string) => true,\n}\nexport type CurrencyRadioGroupEmits = typeof currencyRadioGroupEmits\n\nexport const currencyRadioGroupProps = buildProps({\n  modelValue: {\n    type: String,\n    default: 'ALL',\n  },\n  showAll: {\n    type: Boolean,\n    default: true,\n  },\n  customCurrencies: {\n    type: Array as PropType<{ label: string; value: string }[]>,\n    default: () => [],\n  },\n})\n\nexport type CurrencyRadioGroupProps = ExtractPropTypes<typeof currencyRadioGroupProps>\nexport type CurrencyRadioGroupInstance = InstanceType<typeof CurrencyRadioGroup>\n"],"names":[],"mappings":";;;AAIO,MAAM,uBAA0B,GAAA;AAAA,EACrC,mBAAA,EAAqB,CAAC,KAAkB,KAAA,IAAA;AAAA,EACxC,QAAA,EAAU,CAAC,KAAkB,KAAA,IAAA;AAC/B,EAAA;AAGO,MAAM,0BAA0B,UAAW,CAAA;AAAA,EAChD,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAC;;;;"}

package/es/packages/components/currency-radio-group/src/currency-radio-group2.mjs

@@ -1,24 +1,63 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, computed, h, ref, watch, openBlock, createBlock, unref, normalizeClass } from 'vue';
+import { Segmented } from 'ant-design-vue';
+import { GCurrencyIcon } from '../../currency-icon/index.mjs';
+import '../../../hooks/index.mjs';
+import { currencyRadioGroupProps, currencyRadioGroupEmits } from './currency-radio-group.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const currencyRadioGroupEmits = {
-  "update:modelValue": (value) => true,
-  "change": (value) => true
+const __default__ = {
+  name: "GCurrencyRadioGroup"
 };
-const currencyRadioGroupProps = buildProps({
-  modelValue: {
-    type: String,
-    default: "ALL"
-  },
-  showAll: {
-    type: Boolean,
-    default: true
-  },
-  customCurrencies: {
-    type: Array,
-    default: () => []
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: currencyRadioGroupProps,
+  emits: currencyRadioGroupEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("currency-radio-group");
+    const currencies = computed(() => {
+      if (props.customCurrencies.length > 0) {
+        return props.customCurrencies;
+      }
+      return [
+        ...props.showAll ? [{ label: "All", value: "ALL" }] : [],
+        { label: "BTC", value: "BTC" },
+        { label: "ETH", value: "ETH" },
+        { label: "USDC", value: "USDC" },
+        { label: "USDT", value: "USDT" }
+      ];
+    });
+    const iconCurrenciesOptions = computed(() => {
+      return currencies.value.map((currency) => ({
+        value: currency.value,
+        label: h("div", { class: "flex items-center justify-center w-full" }, [
+          currency.value !== "ALL" ? h(GCurrencyIcon, { currency: currency.value, class: "mr-1" }) : null,
+          h("span", {}, currency.label)
+        ])
+      }));
+    });
+    const selectedValue = ref(props.modelValue);
+    watch(() => props.modelValue, (newVal) => {
+      selectedValue.value = newVal;
+    });
+    const handleChange = (value) => {
+      emits("update:modelValue", value);
+      emits("change", value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Segmented), {
+        value: selectedValue.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => selectedValue.value = $event),
+        options: unref(iconCurrenciesOptions),
+        class: normalizeClass([unref(ns).b()]),
+        onChange: handleChange,
+        size: "small"
+      }, null, 8, ["value", "options", "class"]);
+    };
   }
 });
+var CurrencyRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/currency-radio-group/src/currency-radio-group.vue"]]);
 
-export { currencyRadioGroupEmits, currencyRadioGroupProps };
+export { CurrencyRadioGroup as default };
 //# sourceMappingURL=currency-radio-group2.mjs.map

package/es/packages/components/currency-radio-group/src/currency-radio-group2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"currency-radio-group2.mjs","sources":["../../../../../../../packages/components/currency-radio-group/src/currency-radio-group.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type CurrencyRadioGroup from './currency-radio-group.vue'\nimport type { ExtractPropTypes, PropType } from 'vue'\n\nexport const currencyRadioGroupEmits = {\n  'update:modelValue': (value: string) => true,\n  'change': (value: string) => true,\n}\nexport type CurrencyRadioGroupEmits = typeof currencyRadioGroupEmits\n\nexport const currencyRadioGroupProps = buildProps({\n  modelValue: {\n    type: String,\n    default: 'ALL',\n  },\n  showAll: {\n    type: Boolean,\n    default: true,\n  },\n  customCurrencies: {\n    type: Array as PropType<{ label: string; value: string }[]>,\n    default: () => [],\n  },\n})\n\nexport type CurrencyRadioGroupProps = ExtractPropTypes<typeof currencyRadioGroupProps>\nexport type CurrencyRadioGroupInstance = InstanceType<typeof CurrencyRadioGroup>\n"],"names":[],"mappings":";;;AAIO,MAAM,uBAA0B,GAAA;AAAA,EACrC,mBAAA,EAAqB,CAAC,KAAkB,KAAA,IAAA;AAAA,EACxC,QAAA,EAAU,CAAC,KAAkB,KAAA,IAAA;AAC/B,EAAA;AAGO,MAAM,0BAA0B,UAAW,CAAA;AAAA,EAChD,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAC;;;;"}
+{"version":3,"file":"currency-radio-group2.mjs","sources":["../../../../../../../packages/components/currency-radio-group/src/currency-radio-group.vue"],"sourcesContent":["<template>\n  <a-segmented\n    v-model:value=\"selectedValue\"\n    :options=\"iconCurrenciesOptions\"\n    :class=\"[ns.b()]\"\n    @change=\"handleChange\"\n    size=\"small\"\n  >\n  </a-segmented>\n</template>\n\n<script setup lang=\"ts\">\nimport { Segmented as ASegmented } from 'ant-design-vue'\nimport { GCurrencyIcon } from '@greeks-live-ui/components/currency-icon'\nimport { computed, ref, watch, h } from 'vue'\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { currencyRadioGroupEmits, currencyRadioGroupProps } from './currency-radio-group'\n\ndefineOptions({\n  name: 'GCurrencyRadioGroup',\n})\n\nconst ns = useNamespace('currency-radio-group')\nconst props = defineProps(currencyRadioGroupProps)\nconst emits = defineEmits(currencyRadioGroupEmits)\n\n// 币种选项\nconst currencies = computed(() => {\n  if(props.customCurrencies.length > 0) {\n    return props.customCurrencies\n  }\n  return [\n    ...(props.showAll ? [{ label: 'All', value: 'ALL' }] : []),\n    { label: 'BTC', value: 'BTC' },\n    { label: 'ETH', value: 'ETH' },\n    { label: 'USDC', value: 'USDC' },\n    { label: 'USDT', value: 'USDT' }\n  ]\n})\n\n// 带有图标的选项\nconst iconCurrenciesOptions = computed(() => {\n  return currencies.value.map(currency => ({\n    value: currency.value,\n    label: h('div', { class: 'flex items-center justify-center w-full' }, [\n      currency.value !== 'ALL' \n        ? h(GCurrencyIcon, { currency: currency.value, class: 'mr-1' }) \n        : null,\n      h('span', {}, currency.label)\n    ])\n  }))\n})\n\nconst selectedValue = ref<string>(props.modelValue)\n\nwatch(() => props.modelValue, (newVal) => {\n  selectedValue.value = newVal\n})\n\nconst handleChange = (value: string) => {\n  emits('update:modelValue', value)\n  emits('change', value)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAsBA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,sBAAA,CAAA,CAAA;AAKA,IAAA,MAAA,UAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,gBAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,gBAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA;AAAA,QAAA,GAAA,KAAA,CAAA,OAAA,GAAA,CAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA;AACA,QAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA;AACA,QAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA,KAAA,EAAA;AACA,QAAA,EAAA,KAAA,EAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA;AACA,QAAA,EAAA,KAAA,EAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA;AACA,OAAA,CAAA;AACA,KAAA,CAAA,CAAA;AAIA,IAAA,MAAA,qBAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,OAAA,UAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,QAAA,MAAA;AAAA,QAAA,KAAA,EAAA,QAAA,CAAA,KAAA;AACA,QAAA,KAAA,EAAA,CAAA,CAAA,KAAA,EAAA,EAAA,KAAA,EAAA,yCAAA,EAAA,EAAA;AACA,UAAA,QAAA,CAAA,KAAA,KAAA,KAAA,GAAA,CAAA,CAAA,aAAA,EAAA,EAAA,QAAA,EAAA,QAAA,CAAA,KAAA,EAAA,KAAA,EAAA,MAAA,EAAA,CAAA,GAAA,IAAA;AAGA,UAAA,CAAA,CAAA,MAAA,EAAA,EAAA,EAAA,QAAA,CAAA,KAAA,CAAA;AACA,SAAA,CAAA;AACA,OAAA,CAAA,CAAA,CAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,aAAA,GAAA,GAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAEA,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,UAAA,EAAA,CAAA,MAAA,KAAA;AACA,MAAA,aAAA,CAAA,KAAA,GAAA,MAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,YAAA,GAAA,CAAA,KAAA,KAAA;AACA,MAAA,KAAA,CAAA,mBAAA,EAAA,KAAA,CAAA,CAAA;AACA,MAAA,KAAA,CAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;"}

package/es/packages/components/dropdown-button/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import DropdownButton from './src/dropdown-button2.mjs';
-export { dropdownButtonEmits, dropdownButtonProps } from './src/dropdown-button.mjs';
+import DropdownButton from './src/dropdown-button.mjs';
+export { dropdownButtonEmits, dropdownButtonProps } from './src/dropdown-button2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GDropdownButton = withInstall(DropdownButton);

package/es/packages/components/dropdown-button/src/dropdown-button.mjs

@@ -1,8 +1,42 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { DropdownButton as DropdownButton$1 } from 'ant-design-vue/es';
+import { defineComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot, createCommentVNode } from 'vue';
+import '../../../hooks/index.mjs';
+import { dropdownButtonProps, dropdownButtonEmits } from './dropdown-button2.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const dropdownButtonEmits = {};
-const dropdownButtonProps = buildProps({});
+const __default__ = {
+  name: "GDropdownButton"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: dropdownButtonProps,
+  emits: dropdownButtonEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("dropdown-button");
+    return (_ctx, _cache) => {
+      const _component_a_dropdown_button = DropdownButton$1;
+      return openBlock(), createBlock(_component_a_dropdown_button, mergeProps({
+        class: [unref(ns).b()]
+      }, props, toHandlers(emits)), {
+        overlay: withCtx(() => [
+          _ctx.$slots.overlay ? renderSlot(_ctx.$slots, "overlay", { key: 0 }) : createCommentVNode("v-if", true)
+        ]),
+        icon: withCtx(() => [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            createCommentVNode(' <img src="./arrow.svg" alt="arrow" /> ')
+          ])
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+var DropdownButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/dropdown-button/src/dropdown-button.vue"]]);
 
-export { dropdownButtonEmits, dropdownButtonProps };
+export { DropdownButton as default };
 //# sourceMappingURL=dropdown-button.mjs.map

package/es/packages/components/dropdown-button/src/dropdown-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-button.mjs","sources":["../../../../../../../packages/components/dropdown-button/src/dropdown-button.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type DropdownButton from './dropdown-button.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const dropdownButtonEmits = {}\nexport type DropdownButtonEmits = typeof dropdownButtonEmits\nexport const dropdownButtonProps = buildProps({})\nexport type DropdownButtonProps = ExtractPropTypes<typeof dropdownButtonProps>\nexport type DropdownButtonInstance = InstanceType<typeof DropdownButton>\n"],"names":[],"mappings":";;;AAIO,MAAM,sBAAsB,GAAC;AAEvB,MAAA,mBAAA,GAAsB,UAAW,CAAA,EAAE;;;;"}
+{"version":3,"file":"dropdown-button.mjs","sources":["../../../../../../../packages/components/dropdown-button/src/dropdown-button.vue"],"sourcesContent":["<template>\n  <a-dropdown-button :class=\"[ns.b()]\" v-bind=\"props\" v-on=\"emits\">\n    <template #overlay>\n      <slot v-if=\"$slots.overlay\" name=\"overlay\"></slot>\n    </template>\n    <template #icon>\n      <slot name=\"icon\">\n        <!-- <img src=\"./arrow.svg\" alt=\"arrow\" /> -->\n      </slot>\n    </template>\n    <slot></slot>\n  </a-dropdown-button>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { dropdownButtonEmits, dropdownButtonProps } from './dropdown-button'\ndefineOptions({\n  name: 'GDropdownButton',\n})\nconst ns = useNamespace('dropdown-button')\nconst props = defineProps(dropdownButtonProps)\nconst emits = defineEmits(dropdownButtonEmits)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAmBA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,iBAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/dropdown-button/src/dropdown-button2.mjs

@@ -1,42 +1,8 @@
-import { DropdownButton as DropdownButton$1 } from 'ant-design-vue/es';
-import { defineComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot, createCommentVNode } from 'vue';
-import '../../../hooks/index.mjs';
-import { dropdownButtonProps, dropdownButtonEmits } from './dropdown-button.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: "GDropdownButton"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: dropdownButtonProps,
-  emits: dropdownButtonEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("dropdown-button");
-    return (_ctx, _cache) => {
-      const _component_a_dropdown_button = DropdownButton$1;
-      return openBlock(), createBlock(_component_a_dropdown_button, mergeProps({
-        class: [unref(ns).b()]
-      }, props, toHandlers(emits)), {
-        overlay: withCtx(() => [
-          _ctx.$slots.overlay ? renderSlot(_ctx.$slots, "overlay", { key: 0 }) : createCommentVNode("v-if", true)
-        ]),
-        icon: withCtx(() => [
-          renderSlot(_ctx.$slots, "icon", {}, () => [
-            createCommentVNode(' <img src="./arrow.svg" alt="arrow" /> ')
-          ])
-        ]),
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-var DropdownButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/dropdown-button/src/dropdown-button.vue"]]);
+const dropdownButtonEmits = {};
+const dropdownButtonProps = buildProps({});
 
-export { DropdownButton as default };
+export { dropdownButtonEmits, dropdownButtonProps };
 //# sourceMappingURL=dropdown-button2.mjs.map

package/es/packages/components/dropdown-button/src/dropdown-button2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-button2.mjs","sources":["../../../../../../../packages/components/dropdown-button/src/dropdown-button.vue"],"sourcesContent":["<template>\n  <a-dropdown-button :class=\"[ns.b()]\" v-bind=\"props\" v-on=\"emits\">\n    <template #overlay>\n      <slot v-if=\"$slots.overlay\" name=\"overlay\"></slot>\n    </template>\n    <template #icon>\n      <slot name=\"icon\">\n        <!-- <img src=\"./arrow.svg\" alt=\"arrow\" /> -->\n      </slot>\n    </template>\n    <slot></slot>\n  </a-dropdown-button>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { dropdownButtonEmits, dropdownButtonProps } from './dropdown-button'\ndefineOptions({\n  name: 'GDropdownButton',\n})\nconst ns = useNamespace('dropdown-button')\nconst props = defineProps(dropdownButtonProps)\nconst emits = defineEmits(dropdownButtonEmits)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAmBA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,iBAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dropdown-button2.mjs","sources":["../../../../../../../packages/components/dropdown-button/src/dropdown-button.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type DropdownButton from './dropdown-button.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const dropdownButtonEmits = {}\nexport type DropdownButtonEmits = typeof dropdownButtonEmits\nexport const dropdownButtonProps = buildProps({})\nexport type DropdownButtonProps = ExtractPropTypes<typeof dropdownButtonProps>\nexport type DropdownButtonInstance = InstanceType<typeof DropdownButton>\n"],"names":[],"mappings":";;;AAIO,MAAM,sBAAsB,GAAC;AAEvB,MAAA,mBAAA,GAAsB,UAAW,CAAA,EAAE;;;;"}

package/es/packages/components/greeks-summary/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import GreeksSummary from './src/greeks-summary.mjs';
-export { greeksSummaryEmits, greeksSummaryProps } from './src/greeks-summary2.mjs';
+import GreeksSummary from './src/greeks-summary2.mjs';
+export { greeksSummaryEmits, greeksSummaryProps } from './src/greeks-summary.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GGreeksSummary = withInstall(GreeksSummary);