From fbb4fc9453b16e19927e5a06970f7444852e3597 Mon Sep 17 00:00:00 2001
From: Marvin Zhang <tikazyq@163.com>
Date: Mon, 24 Jun 2024 16:38:59 +0800
Subject: [PATCH] fix: attempt to fix building issue

---
 package.json                             |  2 +-
 src/components/button/Button.vue         | 19 ++-----------------
 src/components/button/FaIconButton.vue   | 16 ++++++++--------
 src/components/button/IconButton.vue     | 15 +++++++++------
 src/components/button/LabelButton.vue    |  4 ++--
 src/components/button/button.ts          | 15 +++++++++++++++
 src/components/chart/LineChart.vue       |  2 +-
 src/components/chart/MetricLineChart.vue |  2 +-
 src/components/nav/NavActionButton.vue   |  4 ++--
 9 files changed, 41 insertions(+), 38 deletions(-)
 create mode 100644 src/components/button/button.ts

diff --git a/package.json b/package.json
index 0c16bcea2248c..3692b67ddcc81 100644
--- a/package.json
+++ b/package.json
@@ -45,7 +45,7 @@
     "prebuild": "pnpm run prebuild:gen",
     "prebuild:gen": "pnpm run gen:index && pnpm run gen:svg",
     "postbuild": "pnpm run postbuild:gen",
-    "postbuild:gen": "pnpm run gen:dts && pnpm run gen:interfaces",
+    "postbuild:gen": "pnpm run gen:interfaces",
     "postbuild:dist:local": "node ./scripts/copy-dist-local.js",
     "build": "pnpm run prebuild && pnpm run build:lib && pnpm run postbuild",
     "build:dist:local": "pnpm run build && pnpm run postbuild:dist:local",
diff --git a/src/components/button/Button.vue b/src/components/button/Button.vue
index afadb48f62db6..a26077a7febc9 100644
--- a/src/components/button/Button.vue
+++ b/src/components/button/Button.vue
@@ -1,24 +1,9 @@
 <script setup lang="ts">
 defineOptions({ name: 'ClButton' });
 import { computed } from 'vue';
+import { ButtonProps } from '@/components/button/button';
 
-export interface ButtonProps {
-  tooltip?: string;
-  type?: BasicType;
-  size?: BasicSize;
-  round?: boolean;
-  circle?: boolean;
-  plain?: boolean;
-  disabled?: boolean;
-  isIcon?: boolean;
-  loading?: boolean;
-  onClick?: () => void;
-  className?: string;
-  id?: string;
-  noMargin?: boolean;
-}
-
-const props = withDefaults(defineProps<ButtonProps>(), {
+const props = withDefaults(defineProps</* @vue-ignore */ ButtonProps>(), {
   type: 'primary',
   size: 'default',
 });
diff --git a/src/components/button/FaIconButton.vue b/src/components/button/FaIconButton.vue
index bdecb9bc47630..983425b0afd86 100644
--- a/src/components/button/FaIconButton.vue
+++ b/src/components/button/FaIconButton.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
 defineOptions({ name: 'ClFaIconButton' });
 import { computed } from 'vue';
-import { ButtonProps } from '@/components/button/Button.vue';
+import { ButtonProps } from '@/components/button/button';
 
-export interface FaIconButtonProps extends /* @vue-ignore */ ButtonProps {
-  icon: Icon;
-  badgeIcon?: Icon;
-  spin?: boolean;
-}
-
-const props = defineProps<FaIconButtonProps>();
+const props = defineProps<
+  /* @vue-ignore */ ButtonProps & {
+    icon: Icon;
+    badgeIcon?: Icon;
+    spin?: boolean;
+  }
+>();
 
 const emit = defineEmits<{
   (e: 'click', event: Event): void;
diff --git a/src/components/button/IconButton.vue b/src/components/button/IconButton.vue
index 4fe9e254dd975..e2865399430a2 100644
--- a/src/components/button/IconButton.vue
+++ b/src/components/button/IconButton.vue
@@ -1,12 +1,15 @@
 <script setup lang="ts">
 defineOptions({ name: 'ClIconButton' });
-import { ButtonProps } from '@/components/button/Button.vue';
+import { ButtonProps } from '@/components/button/button';
 
-export interface IconButtonProps extends /* @vue-ignore */ ButtonProps {
-  icon: string;
-}
-
-withDefaults(defineProps<IconButtonProps>(), {});
+withDefaults(
+  defineProps<
+    /* @vue-ignore */ ButtonProps & {
+      icon: string;
+    }
+  >(),
+,  {}
+);
 </script>
 
 <template>
diff --git a/src/components/button/LabelButton.vue b/src/components/button/LabelButton.vue
index f215bdce49fdf..b0e43a37604f2 100644
--- a/src/components/button/LabelButton.vue
+++ b/src/components/button/LabelButton.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 defineOptions({ name: 'ClLabelButton' });
-import { ButtonProps } from '@/components/button/Button.vue';
+import { ButtonProps } from '@/components/button/button';
 
 defineProps<
-  ButtonProps & {
+  /* @vue-ignore */ ButtonProps & {
     label?: string;
     icon?: Icon;
   }
diff --git a/src/components/button/button.ts b/src/components/button/button.ts
new file mode 100644
index 0000000000000..e3e719a0d2afa
--- /dev/null
+++ b/src/components/button/button.ts
@@ -0,0 +1,15 @@
+export interface ButtonProps {
+  tooltip?: string;
+  type?: BasicType;
+  size?: BasicSize;
+  round?: boolean;
+  circle?: boolean;
+  plain?: boolean;
+  disabled?: boolean;
+  isIcon?: boolean;
+  loading?: boolean;
+  onClick?: () => void;
+  className?: string;
+  id?: string;
+  noMargin?: boolean;
+}
diff --git a/src/components/chart/LineChart.vue b/src/components/chart/LineChart.vue
index c1aba24fb5cdf..644bf2a64541a 100644
--- a/src/components/chart/LineChart.vue
+++ b/src/components/chart/LineChart.vue
@@ -14,7 +14,7 @@ export interface LineChartProps {
   isTimeSeries?: boolean;
 }
 
-const props = withDefaults(defineProps<LineChartProps>(), {
+const props = withDefaults(defineProps</* @vue-ignore */ LineChartProps>(), {
   width: '100%',
   height: '100%',
   theme: 'light',
diff --git a/src/components/chart/MetricLineChart.vue b/src/components/chart/MetricLineChart.vue
index 4c59e8a49d0f5..35a48c89b6016 100644
--- a/src/components/chart/MetricLineChart.vue
+++ b/src/components/chart/MetricLineChart.vue
@@ -5,7 +5,7 @@ import { plainClone } from '@/utils/object';
 import { LineChartProps } from '@/components/chart/LineChart.vue';
 
 const props = defineProps<
-  LineChartProps & {
+  /* @vue-ignore */ LineChartProps & {
     metric?: string;
   }
 >();
diff --git a/src/components/nav/NavActionButton.vue b/src/components/nav/NavActionButton.vue
index 4410010ac9c40..9d6380ad0952c 100644
--- a/src/components/nav/NavActionButton.vue
+++ b/src/components/nav/NavActionButton.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 defineOptions({ name: 'ClNavActionButton' });
-import { ButtonProps } from '@/components/button/Button.vue';
+import { ButtonProps } from '@/components/button/button';
 
 withDefaults(
   defineProps<
-    ButtonProps & {
+    /* @vue-ignore */ ButtonProps & {
       buttonType: ButtonType;
       label?: string;
       icon?: Icon;