greeks-live-ui 0.0.21 → 0.0.23

package/lib/packages/components/demo/src/demo2.js.map

@@ -1 +1 @@
-{"version":3,"file":"demo2.js","sources":["../../../../../../../packages/components/demo/src/demo.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\">\n    <v-chart class=\"chart\" :option=\"option\" autoresize />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { use } from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { PieChart } from 'echarts/charts';\nimport {\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent,\n} from 'echarts/components';\nimport VChart, { THEME_KEY } from 'vue-echarts';\nimport { ref, provide } from 'vue';\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { demoEmits, demoProps } from './demo'\ndefineOptions({\n  name: 'GDemo',\n})\nconst ns = useNamespace('demo')\nconst props = defineProps(demoProps)\nconst emits = defineEmits(demoEmits)\n\n\n\nuse([\n  CanvasRenderer,\n  PieChart,\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent,\n]);\n\nprovide(THEME_KEY, 'dark');\n\nconst option = ref({\n  title: {\n    text: 'Traffic Sources',\n    left: 'center',\n  },\n  tooltip: {\n    trigger: 'item',\n    formatter: '{a} <br/>{b} : {c} ({d}%)',\n  },\n  legend: {\n    orient: 'vertical',\n    left: 'left',\n    data: ['Direct', 'Email', 'Ad Networks', 'Video Ads', 'Search Engines'],\n  },\n  series: [\n    {\n      name: 'Traffic Sources',\n      type: 'pie',\n      radius: '55%',\n      center: ['50%', '60%'],\n      data: [\n        { value: 335, name: 'Direct' },\n        { value: 310, name: 'Email' },\n        { value: 234, name: 'Ad Networks' },\n        { value: 135, name: 'Video Ads' },\n        { value: 1548, name: 'Search Engines' },\n      ],\n      emphasis: {\n        itemStyle: {\n          shadowBlur: 10,\n          shadowOffsetX: 0,\n          shadowColor: 'rgba(0, 0, 0, 0.5)',\n        },\n      },\n    },\n  ],\n});\n</script>\n"],"names":["useNamespace","use","CanvasRenderer","PieChart","TitleComponent","TooltipComponent","LegendComponent","provide","THEME_KEY","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAA,MAAA,EAAA,GAAAA,kBAAA,CAAA,MAAA,CAAA,CAAA;AAMA,IAAAC,QAAA,CAAA;AAAA,MAAAC,wBAAA;AACA,MAAAC,eAAA;AACA,MAAAC,yBAAA;AACA,MAAAC,2BAAA;AACA,MAAAC,0BAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAAC,WAAA,CAAAC,gBAAA,EAAA,MAAA,CAAA,CAAA;AAEA,IAAA,MAAA,MAAA,GAAAC,OAAA,CAAA;AAAA,MAAA,KAAA,EAAA;AACA,QAAA,IAAA,EAAA,iBAAA;AACA,QAAA,IAAA,EAAA,QAAA;AACA,OAAA;AACA,MAAA,OAAA,EAAA;AACA,QAAA,OAAA,EAAA,MAAA;AACA,QAAA,SAAA,EAAA,2BAAA;AACA,OAAA;AACA,MAAA,MAAA,EAAA;AACA,QAAA,MAAA,EAAA,UAAA;AACA,QAAA,IAAA,EAAA,MAAA;AACA,QAAA,IAAA,EAAA,CAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,WAAA,EAAA,gBAAA,CAAA;AACA,OAAA;AACA,MAAA,MAAA,EAAA;AACA,QAAA;AACA,UAAA,IAAA,EAAA,iBAAA;AACA,UAAA,IAAA,EAAA,KAAA;AACA,UAAA,MAAA,EAAA,KAAA;AACA,UAAA,MAAA,EAAA,CAAA,KAAA,EAAA,KAAA,CAAA;AACA,UAAA,IAAA,EAAA;AACA,YAAA,EAAA,KAAA,EAAA,GAAA,EAAA,IAAA,EAAA,QAAA,EAAA;AACA,YAAA,EAAA,KAAA,EAAA,GAAA,EAAA,IAAA,EAAA,OAAA,EAAA;AACA,YAAA,EAAA,KAAA,EAAA,GAAA,EAAA,IAAA,EAAA,aAAA,EAAA;AACA,YAAA,EAAA,KAAA,EAAA,GAAA,EAAA,IAAA,EAAA,WAAA,EAAA;AACA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA;AACA,WAAA;AACA,UAAA,QAAA,EAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,UAAA,EAAA,EAAA;AACA,cAAA,aAAA,EAAA,CAAA;AACA,cAAA,WAAA,EAAA,oBAAA;AACA,aAAA;AACA,WAAA;AACA,SAAA;AACA,OAAA;AACA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"demo2.js","sources":["../../../../../../../packages/components/demo/src/demo.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Demo from './demo.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const demoEmits = {}\nexport type DemoEmits = typeof demoEmits\nexport const demoProps = buildProps({})\nexport type DemoProps = ExtractPropTypes<typeof demoProps>\nexport type DemoInstance = InstanceType<typeof Demo>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,YAAY,GAAC;AAEb,MAAA,SAAA,GAAYA,kBAAW,CAAA,EAAE;;;;;"}

package/lib/packages/components/dropdown-button/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var dropdownButton$1 = require('./src/dropdown-button.js');
-var dropdownButton = require('./src/dropdown-button2.js');
+var dropdownButton$1 = require('./src/dropdown-button2.js');
+var dropdownButton = require('./src/dropdown-button.js');
 var install = require('../../utils/vue/install.js');
 
 const GDropdownButton = install.withInstall(dropdownButton$1["default"]);

package/lib/packages/components/dropdown-button/src/dropdown-button.js

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

package/lib/packages/components/dropdown-button/src/dropdown-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-button.js","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":["useNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,MAAA,EAAA,GAAAA,kBAAA,CAAA,iBAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dropdown-button.js","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":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,sBAAsB,GAAC;AAEvB,MAAA,mBAAA,GAAsBA,kBAAW,CAAA,EAAE;;;;;"}

package/lib/packages/components/dropdown-button/src/dropdown-button2.js

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

package/lib/packages/components/dropdown-button/src/dropdown-button2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-button2.js","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":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,sBAAsB,GAAC;AAEvB,MAAA,mBAAA,GAAsBA,kBAAW,CAAA,EAAE;;;;;"}
+{"version":3,"file":"dropdown-button2.js","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":["useNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,MAAA,EAAA,GAAAA,kBAAA,CAAA,iBAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/icon/index.js

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

package/lib/packages/components/icon/src/icon.js

@@ -2,54 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-var icon = require('./icon2.js');
-require('./iconfont/iconfont.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-
-const _hoisted_1 = ["xlink:href"];
-const __default__ = {
-  name: "GIcon"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: icon.iconProps,
-  emits: icon.iconEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = index.useNamespace("icon");
-    const handleClick = (e) => {
-      emits("click", e);
-    };
-    const getWidth = () => {
-      return typeof props.size == "number" ? props.size + "px" : props.size;
-    };
-    const getHeight = () => {
-      return typeof props.size == "number" ? props.size + "px" : props.size;
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "svg",
-        vue.mergeProps({
-          class: [vue.unref(ns).b()],
-          "aria-hidden": "true"
-        }, props, vue.toHandlers(emits), {
-          onClick: handleClick,
-          style: { width: getWidth(), height: getHeight() }
-        }),
-        [
-          vue.createElementVNode("use", {
-            "xlink:href": `#${_ctx.type}`
-          }, null, 8, _hoisted_1)
-        ],
-        16
-      );
-    };
+const iconProps = {
+  type: {
+    type: String,
+    required: true
+  },
+  size: {
+    type: [Number, String]
+  },
+  color: {
+    type: String
   }
-});
-var Icon = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/icon/src/icon.vue"]]);
+};
+const iconEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
 
-exports["default"] = Icon;
+exports.iconEmits = iconEmits;
+exports.iconProps = iconProps;
 //# sourceMappingURL=icon.js.map

package/lib/packages/components/icon/src/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n  <svg\n    :class=\"[ns.b()]\"\n    aria-hidden=\"true\"\n    v-bind=\"props\"\n    v-on=\"emits\"\n    @click=\"handleClick\"\n    :style=\"{ width: getWidth(), height: getHeight() }\"\n  >\n    <use :xlink:href=\"`#${type}`\"></use>\n  </svg>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks';\nimport { iconEmits, iconProps } from './icon';\nimport './iconfont/iconfont.js';\n\ndefineOptions({\n  name: 'GIcon',\n});\nconst ns = useNamespace('icon');\nconst props = defineProps(iconProps);\nconst emits = defineEmits(iconEmits);\n\nconst handleClick = (e: MouseEvent) => {\n  emits('click', e);\n};\n\nconst getWidth = () => {\n  return typeof props.size == 'number' ? props.size + 'px' : props.size;\n};\nconst getHeight = () => {\n  return typeof props.size == 'number' ? props.size + 'px' : props.size;\n};\n</script>\n"],"names":["useNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAA,EAAA,GAAAA,kBAAA,CAAA,MAAA,CAAA,CAAA;AAIA,IAAA,MAAA,WAAA,GAAA,CAAA,CAAA,KAAA;AACA,MAAA,KAAA,CAAA,OAAA,EAAA,CAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,QAAA,GAAA,MAAA;AACA,MAAA,OAAA,OAAA,KAAA,CAAA,IAAA,IAAA,QAAA,GAAA,KAAA,CAAA,IAAA,GAAA,IAAA,GAAA,KAAA,CAAA,IAAA,CAAA;AAAA,KAAA,CAAA;AAEA,IAAA,MAAA,SAAA,GAAA,MAAA;AACA,MAAA,OAAA,OAAA,KAAA,CAAA,IAAA,IAAA,QAAA,GAAA,KAAA,CAAA,IAAA,GAAA,IAAA,GAAA,KAAA,CAAA,IAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"icon.js","sources":["../../../../../../../packages/components/icon/src/icon.ts"],"sourcesContent":["import { ExtractPropTypes } from 'vue';\n\nexport const iconProps = {\n  type: {\n    type: String,\n    required: true,\n  },\n  size: {\n    type: [Number, String],\n  },\n  color: {\n    type: String,\n  },\n};\n\nexport const iconEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n};\n\nexport type IconProps = ExtractPropTypes<typeof iconProps>;\nexport type IconEmits = typeof iconEmits;\n"],"names":[],"mappings":";;;;AAEO,MAAM,SAAY,GAAA;AAAA,EACvB,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,GACvB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AACF,EAAA;AAEO,MAAM,SAAY,GAAA;AAAA,EACvB,KAAA,EAAO,CAAC,GAAA,KAAoB,GAAe,YAAA,UAAA;AAC7C;;;;;"}

package/lib/packages/components/icon/src/icon2.js

@@ -2,22 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const iconProps = {
-  type: {
-    type: String,
-    required: true
-  },
-  size: {
-    type: [Number, String]
-  },
-  color: {
-    type: String
-  }
-};
-const iconEmits = {
-  click: (evt) => evt instanceof MouseEvent
+var vue = require('vue');
+require('../../../hooks/index.js');
+var icon = require('./icon.js');
+require('./iconfont/iconfont.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+
+const _hoisted_1 = ["xlink:href"];
+const __default__ = {
+  name: "GIcon"
 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: icon.iconProps,
+  emits: icon.iconEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = index.useNamespace("icon");
+    const handleClick = (e) => {
+      emits("click", e);
+    };
+    const getWidth = () => {
+      return typeof props.size == "number" ? props.size + "px" : props.size;
+    };
+    const getHeight = () => {
+      return typeof props.size == "number" ? props.size + "px" : props.size;
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "svg",
+        vue.mergeProps({
+          class: [vue.unref(ns).b()],
+          "aria-hidden": "true"
+        }, props, vue.toHandlers(emits), {
+          onClick: handleClick,
+          style: { width: getWidth(), height: getHeight() }
+        }),
+        [
+          vue.createElementVNode("use", {
+            "xlink:href": `#${_ctx.type}`
+          }, null, 8, _hoisted_1)
+        ],
+        16
+      );
+    };
+  }
+});
+var Icon = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/icon/src/icon.vue"]]);
 
-exports.iconEmits = iconEmits;
-exports.iconProps = iconProps;
+exports["default"] = Icon;
 //# sourceMappingURL=icon2.js.map

package/lib/packages/components/icon/src/icon2.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon2.js","sources":["../../../../../../../packages/components/icon/src/icon.ts"],"sourcesContent":["import { ExtractPropTypes } from 'vue';\n\nexport const iconProps = {\n  type: {\n    type: String,\n    required: true,\n  },\n  size: {\n    type: [Number, String],\n  },\n  color: {\n    type: String,\n  },\n};\n\nexport const iconEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n};\n\nexport type IconProps = ExtractPropTypes<typeof iconProps>;\nexport type IconEmits = typeof iconEmits;\n"],"names":[],"mappings":";;;;AAEO,MAAM,SAAY,GAAA;AAAA,EACvB,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,GACvB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AACF,EAAA;AAEO,MAAM,SAAY,GAAA;AAAA,EACvB,KAAA,EAAO,CAAC,GAAA,KAAoB,GAAe,YAAA,UAAA;AAC7C;;;;;"}
+{"version":3,"file":"icon2.js","sources":["../../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n  <svg\n    :class=\"[ns.b()]\"\n    aria-hidden=\"true\"\n    v-bind=\"props\"\n    v-on=\"emits\"\n    @click=\"handleClick\"\n    :style=\"{ width: getWidth(), height: getHeight() }\"\n  >\n    <use :xlink:href=\"`#${type}`\"></use>\n  </svg>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks';\nimport { iconEmits, iconProps } from './icon';\nimport './iconfont/iconfont.js';\n\ndefineOptions({\n  name: 'GIcon',\n});\nconst ns = useNamespace('icon');\nconst props = defineProps(iconProps);\nconst emits = defineEmits(iconEmits);\n\nconst handleClick = (e: MouseEvent) => {\n  emits('click', e);\n};\n\nconst getWidth = () => {\n  return typeof props.size == 'number' ? props.size + 'px' : props.size;\n};\nconst getHeight = () => {\n  return typeof props.size == 'number' ? props.size + 'px' : props.size;\n};\n</script>\n"],"names":["useNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAA,EAAA,GAAAA,kBAAA,CAAA,MAAA,CAAA,CAAA;AAIA,IAAA,MAAA,WAAA,GAAA,CAAA,CAAA,KAAA;AACA,MAAA,KAAA,CAAA,OAAA,EAAA,CAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,QAAA,GAAA,MAAA;AACA,MAAA,OAAA,OAAA,KAAA,CAAA,IAAA,IAAA,QAAA,GAAA,KAAA,CAAA,IAAA,GAAA,IAAA,GAAA,KAAA,CAAA,IAAA,CAAA;AAAA,KAAA,CAAA;AAEA,IAAA,MAAA,SAAA,GAAA,MAAA;AACA,MAAA,OAAA,OAAA,KAAA,CAAA,IAAA,IAAA,QAAA,GAAA,KAAA,CAAA,IAAA,GAAA,IAAA,GAAA,KAAA,CAAA,IAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}