greeks-live-ui 0.1.20 → 0.1.21

package/es/packages/components/radio/src/radio2.mjs

@@ -1,34 +1,8 @@
-import { Radio as Radio$1 } from 'ant-design-vue/es';
-import { defineComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot } from 'vue';
-import '../../../hooks/index.mjs';
-import { radioProps, radioEmits } from './radio.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: "GRadio"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: radioProps,
-  emits: radioEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("radio");
-    return (_ctx, _cache) => {
-      const _component_a_radio = Radio$1;
-      return openBlock(), createBlock(_component_a_radio, mergeProps({
-        class: [unref(ns).b()]
-      }, props, toHandlers(emits)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-var Radio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/radio/src/radio.vue"]]);
+const radioEmits = {};
+const radioProps = buildProps({});
 
-export { Radio as default };
+export { radioEmits, radioProps };
 //# sourceMappingURL=radio2.mjs.map

package/es/packages/components/radio/src/radio2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio2.mjs","sources":["../../../../../../../packages/components/radio/src/radio.vue"],"sourcesContent":["<template>\n  <a-radio\n    :class=\"[ns.b()]\"\n    v-bind=\"props\"\n    v-on=\"emits\"\n  >\n    <slot></slot>\n  </a-radio>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { radioEmits, radioProps } from './radio'\ndefineOptions({\n  name: 'GRadio',\n})\nconst ns = useNamespace('radio')\nconst props = defineProps(radioProps)\nconst emits = defineEmits(radioEmits)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,OAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"radio2.mjs","sources":["../../../../../../../packages/components/radio/src/radio.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils';\nimport type Radio from './radio.vue';\nimport type { ExtractPropTypes } from 'vue';\n\nexport const radioEmits = {};\nexport type RadioEmits = typeof radioEmits;\nexport const radioProps = buildProps({});\nexport type RadioProps = ExtractPropTypes<typeof radioProps>;\nexport type RadioInstance = InstanceType<typeof Radio>;\n"],"names":[],"mappings":";;;AAIO,MAAM,aAAa,GAAC;AAEd,MAAA,UAAA,GAAa,UAAW,CAAA,EAAE;;;;"}

package/es/packages/components/select/index.mjs

@@ -1,7 +1,7 @@
 import '../../utils/index.mjs';
-import Select from './src/select.mjs';
+import Select from './src/select2.mjs';
 import Option from './src/option.mjs';
-export { selectEmits, selectProps } from './src/select2.mjs';
+export { selectEmits, selectProps } from './src/select.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 
 const GSelect = withInstall(Select, {

package/es/packages/components/select/src/option.mjs

@@ -1,7 +1,7 @@
 import { SelectOption } from 'ant-design-vue/es';
 import { defineComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot } from 'vue';
 import '../../../hooks/index.mjs';
-import { selectProps, selectEmits } from './select2.mjs';
+import { selectProps, selectEmits } from './select.mjs';
 import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 

package/es/packages/components/select/src/select.mjs

@@ -1,46 +1,15 @@
-import { Select as Select$1 } from 'ant-design-vue/es';
-import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot, createVNode } from 'vue';
-import '../../../hooks/index.mjs';
-import { selectProps, selectEmits } from './select2.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+export { SelectOption as GSelectOption } from 'ant-design-vue';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = {
-  name: "GSelect"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: selectProps,
-  emits: selectEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("select");
-    return (_ctx, _cache) => {
-      const _component_g_icon = resolveComponent("g-icon");
-      const _component_a_select = Select$1;
-      return openBlock(), createBlock(_component_a_select, mergeProps({
-        ref: "select",
-        class: [unref(ns).b(), unref(ns).m(props.size)]
-      }, props, toHandlers(emits), {
-        getPopupContainer: (triggerNode) => triggerNode.parentElement
-      }), {
-        suffixIcon: withCtx(() => [
-          renderSlot(_ctx.$slots, "suffixIcon", {}, () => [
-            createVNode(_component_g_icon, {
-              name: "basic_arrow_down_solid",
-              size: 24
-            })
-          ])
-        ]),
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class", "getPopupContainer"]);
-    };
+const selectEmits = {};
+const selectProps = buildProps({
+  size: {
+    type: String,
+    values: ["small", "medium", "large"],
+    default: "medium"
   }
 });
-var Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/select/src/select.vue"]]);
 
-export { Select as default };
+export { selectEmits, selectProps };
 //# sourceMappingURL=select.mjs.map

package/es/packages/components/select/src/select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.mjs","sources":["../../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <a-select\n    ref=\"select\"\n    :class=\"[ns.b(), ns.m(props.size)]\"\n    v-bind=\"props\"\n    v-on=\"emits\"\n    :getPopupContainer=\"(triggerNode) => triggerNode.parentElement\"\n  >\n    <template #suffixIcon>\n      <slot name=\"suffixIcon\">\n        <g-icon name=\"basic_arrow_down_solid\" :size=\"24\"></g-icon>\n      </slot>\n    </template>\n    <slot></slot>\n  </a-select>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { selectEmits, selectProps } from './select'\n\ndefineOptions({\n  name: 'GSelect',\n})\n\nconst ns = useNamespace('select')\nconst props = defineProps(selectProps)\nconst emits = defineEmits(selectEmits)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAyBA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,QAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"select.mjs","sources":["../../../../../../../packages/components/select/src/select.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils';\nimport type { ExtractPropTypes } from 'vue';\nimport type GSelect from './select.vue';\nimport { SelectOption as GSelectOption } from 'ant-design-vue';\n\nexport const selectEmits = {};\nexport type SelectEmits = typeof selectEmits;\n\nexport const selectProps = buildProps({\n  size: {\n    type: String,\n    values: ['small', 'medium', 'large'],\n    default: 'medium',\n  },\n});\nexport type SelectProps = ExtractPropTypes<typeof selectProps>;\n\nexport type SelectInstance = InstanceType<typeof GSelect>;\n\nexport { GSelect, GSelectOption };\n"],"names":[],"mappings":";;;;AAKO,MAAM,cAAc,GAAC;AAGrB,MAAM,cAAc,UAAW,CAAA;AAAA,EACpC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,CAAC,OAAS,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IACnC,OAAS,EAAA,QAAA;AAAA,GACX;AACF,CAAC;;;;"}

package/es/packages/components/select/src/select2.mjs

@@ -1,15 +1,46 @@
-import '../../../utils/index.mjs';
-export { SelectOption as GSelectOption } from 'ant-design-vue';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { Select as Select$1 } from 'ant-design-vue/es';
+import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot, createVNode } from 'vue';
+import '../../../hooks/index.mjs';
+import { selectProps, selectEmits } from './select.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const selectEmits = {};
-const selectProps = buildProps({
-  size: {
-    type: String,
-    values: ["small", "medium", "large"],
-    default: "medium"
+const __default__ = {
+  name: "GSelect"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: selectProps,
+  emits: selectEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("select");
+    return (_ctx, _cache) => {
+      const _component_g_icon = resolveComponent("g-icon");
+      const _component_a_select = Select$1;
+      return openBlock(), createBlock(_component_a_select, mergeProps({
+        ref: "select",
+        class: [unref(ns).b(), unref(ns).m(props.size)]
+      }, props, toHandlers(emits), {
+        getPopupContainer: (triggerNode) => triggerNode.parentElement
+      }), {
+        suffixIcon: withCtx(() => [
+          renderSlot(_ctx.$slots, "suffixIcon", {}, () => [
+            createVNode(_component_g_icon, {
+              name: "basic_arrow_down_solid",
+              size: 24
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class", "getPopupContainer"]);
+    };
   }
 });
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/select/src/select.vue"]]);
 
-export { selectEmits, selectProps };
+export { Select as default };
 //# sourceMappingURL=select2.mjs.map

package/es/packages/components/select/src/select2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select2.mjs","sources":["../../../../../../../packages/components/select/src/select.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils';\nimport type { ExtractPropTypes } from 'vue';\nimport type GSelect from './select.vue';\nimport { SelectOption as GSelectOption } from 'ant-design-vue';\n\nexport const selectEmits = {};\nexport type SelectEmits = typeof selectEmits;\n\nexport const selectProps = buildProps({\n  size: {\n    type: String,\n    values: ['small', 'medium', 'large'],\n    default: 'medium',\n  },\n});\nexport type SelectProps = ExtractPropTypes<typeof selectProps>;\n\nexport type SelectInstance = InstanceType<typeof GSelect>;\n\nexport { GSelect, GSelectOption };\n"],"names":[],"mappings":";;;;AAKO,MAAM,cAAc,GAAC;AAGrB,MAAM,cAAc,UAAW,CAAA;AAAA,EACpC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,CAAC,OAAS,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IACnC,OAAS,EAAA,QAAA;AAAA,GACX;AACF,CAAC;;;;"}
+{"version":3,"file":"select2.mjs","sources":["../../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <a-select\n    ref=\"select\"\n    :class=\"[ns.b(), ns.m(props.size)]\"\n    v-bind=\"props\"\n    v-on=\"emits\"\n    :getPopupContainer=\"(triggerNode) => triggerNode.parentElement\"\n  >\n    <template #suffixIcon>\n      <slot name=\"suffixIcon\">\n        <g-icon name=\"basic_arrow_down_solid\" :size=\"24\"></g-icon>\n      </slot>\n    </template>\n    <slot></slot>\n  </a-select>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { selectEmits, selectProps } from './select'\n\ndefineOptions({\n  name: 'GSelect',\n})\n\nconst ns = useNamespace('select')\nconst props = defineProps(selectProps)\nconst emits = defineEmits(selectEmits)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAyBA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,QAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/spin/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Spin from './src/spin2.mjs';
-export { spinEmits, spinProps } from './src/spin.mjs';
+import Spin from './src/spin.mjs';
+export { spinEmits, spinProps } from './src/spin2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GSpin = withInstall(Spin);

package/es/packages/components/spin/src/spin.mjs

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

package/es/packages/components/spin/src/spin.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spin.mjs","sources":["../../../../../../../packages/components/spin/src/spin.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Spin from './spin.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const spinEmits = {}\nexport type SpinEmits = typeof spinEmits\nexport const spinProps = buildProps({})\nexport type SpinProps = ExtractPropTypes<typeof spinProps>\nexport type SpinInstance = InstanceType<typeof Spin>\n"],"names":[],"mappings":";;;AAIO,MAAM,YAAY,GAAC;AAEb,MAAA,SAAA,GAAY,UAAW,CAAA,EAAE;;;;"}
+{"version":3,"file":"spin.mjs","sources":["../../../../../../../packages/components/spin/src/spin.vue"],"sourcesContent":["<template>\n  <a-spin :class=\"[ns.b()]\" v-bind=\"props\" v-on=\"emits\">\n    <slot></slot>\n  </a-spin>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks';\nimport { spinEmits, spinProps } from './spin';\ndefineOptions({\n  name: 'GSpin',\n});\nconst ns = useNamespace('spin');\nconst props = defineProps(spinProps);\nconst emits = defineEmits(spinEmits);\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/spin/src/spin2.mjs

@@ -1,34 +1,8 @@
-import { Spin as Spin$1 } from 'ant-design-vue/es';
-import { defineComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot } from 'vue';
-import '../../../hooks/index.mjs';
-import { spinProps, spinEmits } from './spin.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: "GSpin"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: spinProps,
-  emits: spinEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("spin");
-    return (_ctx, _cache) => {
-      const _component_a_spin = Spin$1;
-      return openBlock(), createBlock(_component_a_spin, mergeProps({
-        class: [unref(ns).b()]
-      }, props, toHandlers(emits)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-var Spin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/spin/src/spin.vue"]]);
+const spinEmits = {};
+const spinProps = buildProps({});
 
-export { Spin as default };
+export { spinEmits, spinProps };
 //# sourceMappingURL=spin2.mjs.map

package/es/packages/components/spin/src/spin2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spin2.mjs","sources":["../../../../../../../packages/components/spin/src/spin.vue"],"sourcesContent":["<template>\n  <a-spin :class=\"[ns.b()]\" v-bind=\"props\" v-on=\"emits\">\n    <slot></slot>\n  </a-spin>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks';\nimport { spinEmits, spinProps } from './spin';\ndefineOptions({\n  name: 'GSpin',\n});\nconst ns = useNamespace('spin');\nconst props = defineProps(spinProps);\nconst emits = defineEmits(spinEmits);\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"spin2.mjs","sources":["../../../../../../../packages/components/spin/src/spin.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Spin from './spin.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const spinEmits = {}\nexport type SpinEmits = typeof spinEmits\nexport const spinProps = buildProps({})\nexport type SpinProps = ExtractPropTypes<typeof spinProps>\nexport type SpinInstance = InstanceType<typeof Spin>\n"],"names":[],"mappings":";;;AAIO,MAAM,YAAY,GAAC;AAEb,MAAA,SAAA,GAAY,UAAW,CAAA,EAAE;;;;"}

package/es/packages/components/tag/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Tag from './src/tag2.mjs';
-export { tagEmits, tagProps } from './src/tag.mjs';
+import Tag from './src/tag.mjs';
+export { tagEmits, tagProps } from './src/tag2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GTag = withInstall(Tag);

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

@@ -1,33 +1,117 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createElementVNode, Fragment, createTextVNode, toDisplayString } from 'vue';
+import '../../../hooks/index.mjs';
+import { tagProps, tagEmits } from './tag2.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const tagEmits = {};
-const tagProps = buildProps({
-  value: {
-    type: String,
-    default: ""
-  },
-  type: {
-    type: String,
-    default: "green"
-  },
-  border: {
-    type: Boolean,
-    default: false
-  },
-  borderRadius: {
-    type: [String, Number],
-    default: 8
-  },
-  width: {
-    type: [String, Number],
-    default: "fit-content"
-  },
-  height: {
-    type: [String, Number],
-    default: "auto"
+const __default__ = {
+  name: "GTag"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: tagProps,
+  emits: tagEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("tag");
+    const colorMap = {
+      green: {
+        backgroundColor: "var(--theme-green-1)",
+        color: "var(--theme-green-primary)",
+        borderColor: "var(--theme-green-primary)"
+      },
+      red: {
+        backgroundColor: "var(--theme-red-1)",
+        color: "var(--theme-red-primary)",
+        borderColor: "var(--theme-red-primary)"
+      },
+      blue: {
+        backgroundColor: "var(--theme-blue-1)",
+        color: "var(--theme-blue-7)",
+        borderColor: "var(--theme-blue-7)"
+      },
+      yellow: {
+        backgroundColor: "var(--theme-orange-1)",
+        color: "var(--theme-orange-7)",
+        borderColor: "var(--theme-orange-7)"
+      },
+      gray: {
+        backgroundColor: "var(--theme-gray-2)",
+        color: "var(--theme-gray-8)",
+        borderColor: "var(--theme-gray-8)"
+      },
+      brand: {
+        backgroundColor: "var(--theme-brand-50)",
+        color: "var(--theme-brand-500)",
+        borderColor: "var(--theme-brand-500)"
+      }
+    };
+    const color = computed(() => colorMap[props.type].color);
+    const backgroundColor = computed(() => colorMap[props.type].backgroundColor);
+    const borderColor = computed(() => {
+      if (props.border) {
+        return colorMap[props.type].borderColor;
+      }
+      return "transparent";
+    });
+    const width = computed(() => {
+      const type = typeof props.width;
+      if (type === "string") {
+        return props.width;
+      }
+      return `${props.width}px`;
+    });
+    const height = computed(() => {
+      const type = typeof props.height;
+      if (type === "string") {
+        return props.height;
+      }
+      return `${props.height}px`;
+    });
+    const borderRadius = computed(() => {
+      const type = typeof props.borderRadius;
+      if (type === "string") {
+        return props.borderRadius;
+      }
+      return `${props.borderRadius}px`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([unref(ns).b()]),
+          style: normalizeStyle({ backgroundColor: unref(backgroundColor), borderColor: unref(borderColor), width: unref(width), height: unref(height), borderRadius: unref(borderRadius) })
+        },
+        [
+          renderSlot(_ctx.$slots, "prefix"),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass([unref(ns).e("text")]),
+              style: normalizeStyle({ color: unref(color) })
+            },
+            [
+              _ctx.value ? (openBlock(), createElementBlock(
+                Fragment,
+                { key: 0 },
+                [
+                  createTextVNode(
+                    toDisplayString(_ctx.value),
+                    1
+                  )
+                ],
+                64
+              )) : renderSlot(_ctx.$slots, "default", { key: 1 })
+            ],
+            6
+          )
+        ],
+        6
+      );
+    };
   }
 });
+var Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/tag/src/tag.vue"]]);
 
-export { tagEmits, tagProps };
+export { Tag as default };
 //# sourceMappingURL=tag.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"tag.mjs","sources":["../../../../../../../packages/components/tag/src/tag.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Tag from './tag.vue'\nimport type { ExtractPropTypes, PropType } from 'vue'\n\nexport const tagEmits = {}\nexport type TagEmits = typeof tagEmits\n\nexport const tagProps = buildProps({\n  value: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String as PropType<'green' | 'red' | 'blue' | 'yellow' | 'gray' | 'brand'>,\n    default: 'green',\n  },\n  border: {\n    type: Boolean,\n    default: false,\n  },\n  borderRadius: {\n    type: [String, Number],\n    default: 8,\n  },\n  width: {\n    type: [String, Number],\n    default: 'fit-content',\n  },\n  height: {\n    type: [String, Number],\n    default: 'auto',\n  },\n})\n\nexport type TagProps = ExtractPropTypes<typeof tagProps>\nexport type TagInstance = InstanceType<typeof Tag>\n"],"names":[],"mappings":";;;AAIO,MAAM,WAAW,GAAC;AAGlB,MAAM,WAAW,UAAW,CAAA;AAAA,EACjC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,aAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,MAAA;AAAA,GACX;AACF,CAAC;;;;"}
+{"version":3,"file":"tag.mjs","sources":["../../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b()]\"\n    :style=\"{backgroundColor, borderColor, width, height, borderRadius}\"\n  >\n    <slot name=\"prefix\"></slot>\n    <div\n      :class=\"[ns.e('text')]\"\n      :style=\"{color}\"\n    >\n      <template v-if=\"value\">\n        {{ value }}\n      </template>\n      <template v-else>\n        <slot></slot>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { tagEmits, tagProps } from './tag'\n\ndefineOptions({\n  name: 'GTag',\n})\n\nconst ns = useNamespace('tag')\nconst props = defineProps(tagProps)\nconst emits = defineEmits(tagEmits)\n\nconst colorMap = {\n  green: {\n    backgroundColor: 'var(--theme-green-1)',\n    color: 'var(--theme-green-primary)',\n    borderColor: 'var(--theme-green-primary)',\n  },\n  red: {\n    backgroundColor: 'var(--theme-red-1)',\n    color: 'var(--theme-red-primary)',\n    borderColor: 'var(--theme-red-primary)',\n  },\n  blue: {\n    backgroundColor: 'var(--theme-blue-1)',\n    color: 'var(--theme-blue-7)',\n    borderColor: 'var(--theme-blue-7)',\n  },\n  yellow: {\n    backgroundColor: 'var(--theme-orange-1)',\n    color: 'var(--theme-orange-7)',\n    borderColor: 'var(--theme-orange-7)',\n  },\n  gray: {\n    backgroundColor: 'var(--theme-gray-2)',\n    color: 'var(--theme-gray-8)',\n    borderColor: 'var(--theme-gray-8)',\n  },\n  brand: {\n    backgroundColor: 'var(--theme-brand-50)',\n    color: 'var(--theme-brand-500)',\n    borderColor: 'var(--theme-brand-500)',\n  }\n}\n\nconst color = computed(() => colorMap[props.type].color)\nconst backgroundColor = computed(() => colorMap[props.type].backgroundColor)\nconst borderColor = computed(() => {\n  if (props.border) {\n    return colorMap[props.type].borderColor\n  }\n  return 'transparent'\n})\n\nconst width = computed(() => {\n  const type = typeof props.width\n  if (type === 'string') {\n    return props.width\n  }\n  return `${props.width}px`\n})\n\nconst height = computed(() => {\n  const type = typeof props.height\n  if (type === 'string') {\n    return props.height\n  }\n  return `${props.height}px`\n})\n\nconst borderRadius = computed(() => {\n  const type = typeof props.borderRadius\n  if (type === 'string') {\n    return props.borderRadius\n  }\n  return `${props.borderRadius}px`\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6BA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAIA,IAAA,MAAA,QAAA,GAAA;AAAA,MAAA,KAAA,EAAA;AACA,QAAA,eAAA,EAAA,sBAAA;AACA,QAAA,KAAA,EAAA,4BAAA;AACA,QAAA,WAAA,EAAA,4BAAA;AACA,OAAA;AACA,MAAA,GAAA,EAAA;AACA,QAAA,eAAA,EAAA,oBAAA;AACA,QAAA,KAAA,EAAA,0BAAA;AACA,QAAA,WAAA,EAAA,0BAAA;AACA,OAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,eAAA,EAAA,qBAAA;AACA,QAAA,KAAA,EAAA,qBAAA;AACA,QAAA,WAAA,EAAA,qBAAA;AACA,OAAA;AACA,MAAA,MAAA,EAAA;AACA,QAAA,eAAA,EAAA,uBAAA;AACA,QAAA,KAAA,EAAA,uBAAA;AACA,QAAA,WAAA,EAAA,uBAAA;AACA,OAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,eAAA,EAAA,qBAAA;AACA,QAAA,KAAA,EAAA,qBAAA;AACA,QAAA,WAAA,EAAA,qBAAA;AACA,OAAA;AACA,MAAA,KAAA,EAAA;AACA,QAAA,eAAA,EAAA,uBAAA;AACA,QAAA,KAAA,EAAA,wBAAA;AACA,QAAA,WAAA,EAAA,wBAAA;AACA,OAAA;AACA,KAAA,CAAA;AAGA,IAAA,MAAA,KAAA,GAAA,QAAA,CAAA,MAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,eAAA,GAAA,QAAA,CAAA,MAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,eAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,MAAA,EAAA;AACA,QAAA,OAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,WAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,aAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,KAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,OAAA,KAAA,CAAA,KAAA,CAAA;AACA,MAAA,IAAA,IAAA,KAAA,QAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,KAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,MAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,OAAA,KAAA,CAAA,MAAA,CAAA;AACA,MAAA,IAAA,IAAA,KAAA,QAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,MAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,EAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,YAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,OAAA,KAAA,CAAA,YAAA,CAAA;AACA,MAAA,IAAA,IAAA,KAAA,QAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,YAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,EAAA,KAAA,CAAA,YAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,117 +1,33 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createElementVNode, Fragment, createTextVNode, toDisplayString } from 'vue';
-import '../../../hooks/index.mjs';
-import { tagProps, tagEmits } from './tag.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: "GTag"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: tagProps,
-  emits: tagEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("tag");
-    const colorMap = {
-      green: {
-        backgroundColor: "var(--theme-green-1)",
-        color: "var(--theme-green-primary)",
-        borderColor: "var(--theme-green-primary)"
-      },
-      red: {
-        backgroundColor: "var(--theme-red-1)",
-        color: "var(--theme-red-primary)",
-        borderColor: "var(--theme-red-primary)"
-      },
-      blue: {
-        backgroundColor: "var(--theme-blue-1)",
-        color: "var(--theme-blue-7)",
-        borderColor: "var(--theme-blue-7)"
-      },
-      yellow: {
-        backgroundColor: "var(--theme-orange-1)",
-        color: "var(--theme-orange-7)",
-        borderColor: "var(--theme-orange-7)"
-      },
-      gray: {
-        backgroundColor: "var(--theme-gray-2)",
-        color: "var(--theme-gray-8)",
-        borderColor: "var(--theme-gray-8)"
-      },
-      brand: {
-        backgroundColor: "var(--theme-brand-50)",
-        color: "var(--theme-brand-500)",
-        borderColor: "var(--theme-brand-500)"
-      }
-    };
-    const color = computed(() => colorMap[props.type].color);
-    const backgroundColor = computed(() => colorMap[props.type].backgroundColor);
-    const borderColor = computed(() => {
-      if (props.border) {
-        return colorMap[props.type].borderColor;
-      }
-      return "transparent";
-    });
-    const width = computed(() => {
-      const type = typeof props.width;
-      if (type === "string") {
-        return props.width;
-      }
-      return `${props.width}px`;
-    });
-    const height = computed(() => {
-      const type = typeof props.height;
-      if (type === "string") {
-        return props.height;
-      }
-      return `${props.height}px`;
-    });
-    const borderRadius = computed(() => {
-      const type = typeof props.borderRadius;
-      if (type === "string") {
-        return props.borderRadius;
-      }
-      return `${props.borderRadius}px`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass([unref(ns).b()]),
-          style: normalizeStyle({ backgroundColor: unref(backgroundColor), borderColor: unref(borderColor), width: unref(width), height: unref(height), borderRadius: unref(borderRadius) })
-        },
-        [
-          renderSlot(_ctx.$slots, "prefix"),
-          createElementVNode(
-            "div",
-            {
-              class: normalizeClass([unref(ns).e("text")]),
-              style: normalizeStyle({ color: unref(color) })
-            },
-            [
-              _ctx.value ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 0 },
-                [
-                  createTextVNode(
-                    toDisplayString(_ctx.value),
-                    1
-                  )
-                ],
-                64
-              )) : renderSlot(_ctx.$slots, "default", { key: 1 })
-            ],
-            6
-          )
-        ],
-        6
-      );
-    };
+const tagEmits = {};
+const tagProps = buildProps({
+  value: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    default: "green"
+  },
+  border: {
+    type: Boolean,
+    default: false
+  },
+  borderRadius: {
+    type: [String, Number],
+    default: 8
+  },
+  width: {
+    type: [String, Number],
+    default: "fit-content"
+  },
+  height: {
+    type: [String, Number],
+    default: "auto"
   }
 });
-var Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/tag/src/tag.vue"]]);
 
-export { Tag as default };
+export { tagEmits, tagProps };
 //# sourceMappingURL=tag2.mjs.map