greeks-live-ui 0.1.21 → 0.1.23

package/es/packages/components/checkbox/src/checkbox2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox2.mjs","sources":["../../../../../../../packages/components/checkbox/src/checkbox.vue"],"sourcesContent":["<template>\n  <a-checkbox\n    :class=\"[ns.b()]\"\n    v-bind=\"props\"\n    v-on=\"emits\"\n  >\n    <slot></slot>\n  </a-checkbox>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { checkboxEmits, checkboxProps } from './checkbox'\ndefineOptions({\n  name: 'GCheckbox',\n})\nconst ns = useNamespace('checkbox')\nconst props = defineProps(checkboxProps)\nconst emits = defineEmits(checkboxEmits)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"checkbox2.mjs","sources":["../../../../../../../packages/components/checkbox/src/checkbox.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Checkbox from './checkbox.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const checkboxEmits = {}\nexport type CheckboxEmits = typeof checkboxEmits\nexport const checkboxProps = buildProps({})\nexport type CheckboxProps = ExtractPropTypes<typeof checkboxProps>\nexport type CheckboxInstance = InstanceType<typeof Checkbox>\n"],"names":[],"mappings":";;;AAIO,MAAM,gBAAgB,GAAC;AAEjB,MAAA,aAAA,GAAgB,UAAW,CAAA,EAAE;;;;"}

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

@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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"];
+      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(() => {

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.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/direction-tag/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import DirectionTag from './src/direction-tag2.mjs';
-export { directionTagEmits, directionTagProps } from './src/direction-tag.mjs';
+import DirectionTag from './src/direction-tag.mjs';
+export { directionTagEmits, directionTagProps } from './src/direction-tag2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GDirectionTag = withInstall(DirectionTag);

package/es/packages/components/direction-tag/src/direction-tag.mjs

@@ -1,22 +1,80 @@
-import '../../../utils/index.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, toDisplayString } from 'vue';
+import '../../../hooks/index.mjs';
+import { directionTagProps, directionTagEmits } from './direction-tag2.mjs';
 import '../../../constants/index.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 { Long, Buy, Short, Sell } from '../../../constants/trade.mjs';
 import { CHANGE_EVENT } from '../../../constants/event.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const directionTagEmits = {
-  "update:direction": (value) => true,
-  [CHANGE_EVENT]: (value) => true
+const __default__ = {
+  name: "GDirectionTag"
 };
-const directionTagProps = buildProps({
-  direction: {
-    type: String,
-    default: "buy"
-  },
-  mode: {
-    type: String,
-    default: "trade"
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: directionTagProps,
+  emits: directionTagEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("direction-tag");
+    const { t } = useLocale();
+    const directionValue = computed({
+      get() {
+        return props.direction;
+      },
+      set(value) {
+        emits("update:direction", value);
+      }
+    });
+    const displayText = computed(() => {
+      if (props.mode === "position") {
+        return directionValue.value === Long ? t("message.long") : t("message.short");
+      }
+      return directionValue.value === Buy ? t("message.buy") : t("message.sell");
+    });
+    const directionStyle = computed(() => {
+      const isPositive = directionValue.value === Buy || directionValue.value === Long;
+      return {
+        borderColor: isPositive ? "var(--theme-green-primary)" : "var(--theme-red-primary)",
+        color: isPositive ? "var(--theme-green-primary)" : "var(--theme-red-primary)",
+        backgroundColor: isPositive ? "var(--theme-green-1)" : "var(--theme-red-1)"
+      };
+    });
+    const handleClick = () => {
+      let newDirection;
+      if (props.mode === "position") {
+        newDirection = directionValue.value === Long ? Short : Long;
+      } else {
+        newDirection = directionValue.value === Buy ? Sell : Buy;
+      }
+      directionValue.value = newDirection;
+      emits(CHANGE_EVENT, newDirection);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([unref(ns).b()]),
+          style: normalizeStyle(unref(directionStyle)),
+          onClick: handleClick
+        },
+        [
+          createElementVNode(
+            "span",
+            {
+              class: normalizeClass([unref(ns).e("text")])
+            },
+            toDisplayString(unref(displayText)),
+            3
+          )
+        ],
+        6
+      );
+    };
   }
 });
+var DirectionTag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/direction-tag/src/direction-tag.vue"]]);
 
-export { directionTagEmits, directionTagProps };
+export { DirectionTag as default };
 //# sourceMappingURL=direction-tag.mjs.map

package/es/packages/components/direction-tag/src/direction-tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"direction-tag.mjs","sources":["../../../../../../../packages/components/direction-tag/src/direction-tag.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type DirectionTag from './direction-tag.vue'\nimport type { ExtractPropTypes, PropType } from 'vue'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@greeks-live-ui/constants'\nimport type { TradeDirection, PositionDirection } from '@greeks-live-ui/constants'\n\nexport const directionTagEmits = {\n  'update:direction': (value: TradeDirection | PositionDirection) => true,\n  [CHANGE_EVENT]: (value: TradeDirection | PositionDirection) => true,\n}\nexport type DirectionTagEmits = typeof directionTagEmits\n\nexport const directionTagProps = buildProps({\n  direction: {\n    type: String as PropType<TradeDirection | PositionDirection>,\n    default: 'buy',\n  },\n  mode: {\n    type: String as PropType<'trade' | 'position'>,\n    default: 'trade',\n  },\n})\nexport type DirectionTagProps = ExtractPropTypes<typeof directionTagProps>\nexport type DirectionTagInstance = InstanceType<typeof DirectionTag>\n"],"names":[],"mappings":";;;;;AAMO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,kBAAA,EAAoB,CAAC,KAA8C,KAAA,IAAA;AAAA,EACnE,CAAC,YAAe,GAAA,CAAC,KAA8C,KAAA,IAAA;AACjE,EAAA;AAGO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAC;;;;"}
+{"version":3,"file":"direction-tag.mjs","sources":["../../../../../../../packages/components/direction-tag/src/direction-tag.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b()]\"\n    :style=\"directionStyle\"\n    @click=\"handleClick\"\n  >\n    <span :class=\"[ns.e('text')]\">\n      {{ displayText }}\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace, useLocale } from '@greeks-live-ui/hooks'\nimport { directionTagEmits, directionTagProps } from './direction-tag'\nimport { Buy, Sell, Long, Short, CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@greeks-live-ui/constants'\nimport type { TradeDirection, PositionDirection } from '@greeks-live-ui/constants'\n\ndefineOptions({\n  name: 'GDirectionTag',\n})\n\nconst ns = useNamespace('direction-tag')\nconst props = defineProps(directionTagProps)\nconst emits = defineEmits(directionTagEmits)\nconst { t } = useLocale()\n\nconst directionValue = computed({\n  get() {\n    return props.direction\n  },\n  set(value: TradeDirection | PositionDirection) {\n    emits('update:direction', value)\n  },\n})\n\nconst displayText = computed(() => {\n  if (props.mode === 'position') {\n    return directionValue.value === Long ? t('message.long') : t('message.short')\n  }\n  return directionValue.value === Buy ? t('message.buy') : t('message.sell')\n})\n\nconst directionStyle = computed(() => {\n  const isPositive = directionValue.value === Buy || directionValue.value === Long\n  return {\n    borderColor: isPositive ? 'var(--theme-green-primary)' : 'var(--theme-red-primary)',\n    color: isPositive ? 'var(--theme-green-primary)' : 'var(--theme-red-primary)',\n    backgroundColor: isPositive ? 'var(--theme-green-1)' : 'var(--theme-red-1)',\n  }\n})\n\nconst handleClick = () => {\n  let newDirection: TradeDirection | PositionDirection\n  \n  if (props.mode === 'position') {\n    newDirection = directionValue.value === Long ? Short : Long\n  } else {\n    newDirection = directionValue.value === Buy ? Sell : Buy\n  }\n  \n  directionValue.value = newDirection\n  emits(CHANGE_EVENT, newDirection)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAuBA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,eAAA,CAAA,CAAA;AAGA,IAAA,MAAA,EAAA,CAAA,EAAA,GAAA,SAAA,EAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAA,QAAA,CAAA;AAAA,MAAA,GAAA,GAAA;AAEA,QAAA,OAAA,KAAA,CAAA,SAAA,CAAA;AAAA,OAAA;AACA,MAAA,GAAA,CAAA,KAAA,EAAA;AAEA,QAAA,KAAA,CAAA,kBAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,IAAA,KAAA,UAAA,EAAA;AACA,QAAA,OAAA,cAAA,CAAA,KAAA,KAAA,IAAA,GAAA,CAAA,CAAA,cAAA,CAAA,GAAA,CAAA,CAAA,eAAA,CAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,cAAA,CAAA,KAAA,KAAA,GAAA,GAAA,CAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,cAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,cAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,MAAA,UAAA,GAAA,cAAA,CAAA,KAAA,KAAA,GAAA,IAAA,cAAA,CAAA,KAAA,KAAA,IAAA,CAAA;AACA,MAAA,OAAA;AAAA,QAAA,WAAA,EAAA,UAAA,GAAA,4BAAA,GAAA,0BAAA;AACA,QAAA,KAAA,EAAA,UAAA,GAAA,4BAAA,GAAA,0BAAA;AACA,QAAA,eAAA,EAAA,UAAA,GAAA,sBAAA,GAAA,oBAAA;AACA,OAAA,CAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAA,MAAA;AACA,MAAA,IAAA,YAAA,CAAA;AAEA,MAAA,IAAA,KAAA,CAAA,IAAA,KAAA,UAAA,EAAA;AACA,QAAA,YAAA,GAAA,cAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,GAAA,IAAA,CAAA;AAAA,OAAA,MAAA;AAEA,QAAA,YAAA,GAAA,cAAA,CAAA,KAAA,KAAA,GAAA,GAAA,IAAA,GAAA,GAAA,CAAA;AAAA,OAAA;AAGA,MAAA,cAAA,CAAA,KAAA,GAAA,YAAA,CAAA;AACA,MAAA,KAAA,CAAA,YAAA,EAAA,YAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/direction-tag/src/direction-tag2.mjs

@@ -1,80 +1,22 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, toDisplayString } from 'vue';
-import '../../../hooks/index.mjs';
-import { directionTagProps, directionTagEmits } from './direction-tag.mjs';
+import '../../../utils/index.mjs';
 import '../../../constants/index.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 { Long, Buy, Short, Sell } from '../../../constants/trade.mjs';
 import { CHANGE_EVENT } from '../../../constants/event.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = {
-  name: "GDirectionTag"
+const directionTagEmits = {
+  "update:direction": (value) => true,
+  [CHANGE_EVENT]: (value) => true
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: directionTagProps,
-  emits: directionTagEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("direction-tag");
-    const { t } = useLocale();
-    const directionValue = computed({
-      get() {
-        return props.direction;
-      },
-      set(value) {
-        emits("update:direction", value);
-      }
-    });
-    const displayText = computed(() => {
-      if (props.mode === "position") {
-        return directionValue.value === Long ? t("message.long") : t("message.short");
-      }
-      return directionValue.value === Buy ? t("message.buy") : t("message.sell");
-    });
-    const directionStyle = computed(() => {
-      const isPositive = directionValue.value === Buy || directionValue.value === Long;
-      return {
-        borderColor: isPositive ? "var(--theme-green-primary)" : "var(--theme-red-primary)",
-        color: isPositive ? "var(--theme-green-primary)" : "var(--theme-red-primary)",
-        backgroundColor: isPositive ? "var(--theme-green-1)" : "var(--theme-red-1)"
-      };
-    });
-    const handleClick = () => {
-      let newDirection;
-      if (props.mode === "position") {
-        newDirection = directionValue.value === Long ? Short : Long;
-      } else {
-        newDirection = directionValue.value === Buy ? Sell : Buy;
-      }
-      directionValue.value = newDirection;
-      emits(CHANGE_EVENT, newDirection);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass([unref(ns).b()]),
-          style: normalizeStyle(unref(directionStyle)),
-          onClick: handleClick
-        },
-        [
-          createElementVNode(
-            "span",
-            {
-              class: normalizeClass([unref(ns).e("text")])
-            },
-            toDisplayString(unref(displayText)),
-            3
-          )
-        ],
-        6
-      );
-    };
+const directionTagProps = buildProps({
+  direction: {
+    type: String,
+    default: "buy"
+  },
+  mode: {
+    type: String,
+    default: "trade"
   }
 });
-var DirectionTag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/direction-tag/src/direction-tag.vue"]]);
 
-export { DirectionTag as default };
+export { directionTagEmits, directionTagProps };
 //# sourceMappingURL=direction-tag2.mjs.map

package/es/packages/components/direction-tag/src/direction-tag2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"direction-tag2.mjs","sources":["../../../../../../../packages/components/direction-tag/src/direction-tag.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b()]\"\n    :style=\"directionStyle\"\n    @click=\"handleClick\"\n  >\n    <span :class=\"[ns.e('text')]\">\n      {{ displayText }}\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace, useLocale } from '@greeks-live-ui/hooks'\nimport { directionTagEmits, directionTagProps } from './direction-tag'\nimport { Buy, Sell, Long, Short, CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@greeks-live-ui/constants'\nimport type { TradeDirection, PositionDirection } from '@greeks-live-ui/constants'\n\ndefineOptions({\n  name: 'GDirectionTag',\n})\n\nconst ns = useNamespace('direction-tag')\nconst props = defineProps(directionTagProps)\nconst emits = defineEmits(directionTagEmits)\nconst { t } = useLocale()\n\nconst directionValue = computed({\n  get() {\n    return props.direction\n  },\n  set(value: TradeDirection | PositionDirection) {\n    emits('update:direction', value)\n  },\n})\n\nconst displayText = computed(() => {\n  if (props.mode === 'position') {\n    return directionValue.value === Long ? t('message.long') : t('message.short')\n  }\n  return directionValue.value === Buy ? t('message.buy') : t('message.sell')\n})\n\nconst directionStyle = computed(() => {\n  const isPositive = directionValue.value === Buy || directionValue.value === Long\n  return {\n    borderColor: isPositive ? 'var(--theme-green-primary)' : 'var(--theme-red-primary)',\n    color: isPositive ? 'var(--theme-green-primary)' : 'var(--theme-red-primary)',\n    backgroundColor: isPositive ? 'var(--theme-green-1)' : 'var(--theme-red-1)',\n  }\n})\n\nconst handleClick = () => {\n  let newDirection: TradeDirection | PositionDirection\n  \n  if (props.mode === 'position') {\n    newDirection = directionValue.value === Long ? Short : Long\n  } else {\n    newDirection = directionValue.value === Buy ? Sell : Buy\n  }\n  \n  directionValue.value = newDirection\n  emits(CHANGE_EVENT, newDirection)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAuBA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,eAAA,CAAA,CAAA;AAGA,IAAA,MAAA,EAAA,CAAA,EAAA,GAAA,SAAA,EAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAA,QAAA,CAAA;AAAA,MAAA,GAAA,GAAA;AAEA,QAAA,OAAA,KAAA,CAAA,SAAA,CAAA;AAAA,OAAA;AACA,MAAA,GAAA,CAAA,KAAA,EAAA;AAEA,QAAA,KAAA,CAAA,kBAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,IAAA,KAAA,UAAA,EAAA;AACA,QAAA,OAAA,cAAA,CAAA,KAAA,KAAA,IAAA,GAAA,CAAA,CAAA,cAAA,CAAA,GAAA,CAAA,CAAA,eAAA,CAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,cAAA,CAAA,KAAA,KAAA,GAAA,GAAA,CAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,cAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,cAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,MAAA,UAAA,GAAA,cAAA,CAAA,KAAA,KAAA,GAAA,IAAA,cAAA,CAAA,KAAA,KAAA,IAAA,CAAA;AACA,MAAA,OAAA;AAAA,QAAA,WAAA,EAAA,UAAA,GAAA,4BAAA,GAAA,0BAAA;AACA,QAAA,KAAA,EAAA,UAAA,GAAA,4BAAA,GAAA,0BAAA;AACA,QAAA,eAAA,EAAA,UAAA,GAAA,sBAAA,GAAA,oBAAA;AACA,OAAA,CAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAA,MAAA;AACA,MAAA,IAAA,YAAA,CAAA;AAEA,MAAA,IAAA,KAAA,CAAA,IAAA,KAAA,UAAA,EAAA;AACA,QAAA,YAAA,GAAA,cAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,GAAA,IAAA,CAAA;AAAA,OAAA,MAAA;AAEA,QAAA,YAAA,GAAA,cAAA,CAAA,KAAA,KAAA,GAAA,GAAA,IAAA,GAAA,GAAA,CAAA;AAAA,OAAA;AAGA,MAAA,cAAA,CAAA,KAAA,GAAA,YAAA,CAAA;AACA,MAAA,KAAA,CAAA,YAAA,EAAA,YAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"direction-tag2.mjs","sources":["../../../../../../../packages/components/direction-tag/src/direction-tag.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type DirectionTag from './direction-tag.vue'\nimport type { ExtractPropTypes, PropType } from 'vue'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@greeks-live-ui/constants'\nimport type { TradeDirection, PositionDirection } from '@greeks-live-ui/constants'\n\nexport const directionTagEmits = {\n  'update:direction': (value: TradeDirection | PositionDirection) => true,\n  [CHANGE_EVENT]: (value: TradeDirection | PositionDirection) => true,\n}\nexport type DirectionTagEmits = typeof directionTagEmits\n\nexport const directionTagProps = buildProps({\n  direction: {\n    type: String as PropType<TradeDirection | PositionDirection>,\n    default: 'buy',\n  },\n  mode: {\n    type: String as PropType<'trade' | 'position'>,\n    default: 'trade',\n  },\n})\nexport type DirectionTagProps = ExtractPropTypes<typeof directionTagProps>\nexport type DirectionTagInstance = InstanceType<typeof DirectionTag>\n"],"names":[],"mappings":";;;;;AAMO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,kBAAA,EAAoB,CAAC,KAA8C,KAAA,IAAA;AAAA,EACnE,CAAC,YAAe,GAAA,CAAC,KAA8C,KAAA,IAAA;AACjE,EAAA;AAGO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAC;;;;"}

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);