perf: resolve duplicate component names (#6039)

apps/web-antd/src/adapter/component/index.ts

@@ -136,20 +136,34 @@ async function initComponentAdapter() {
     // 如果你的组件体积比较大，可以使用异步加载
     // Button: () =>
     // import('xxx').then((res) => res.Button),
-    ApiSelect: withDefaultPlaceholder(ApiComponent, 'select', {
+    ApiSelect: withDefaultPlaceholder(
+      {
+        ...ApiComponent,
+        name: 'ApiSelect',
+      },
+      'select',
+      {
         component: Select,
         loadingSlot: 'suffixIcon',
         visibleEvent: 'onDropdownVisibleChange',
         modelPropName: 'value',
-    }),
+      },
-    ApiTreeSelect: withDefaultPlaceholder(ApiComponent, 'select', {
+    ),
+    ApiTreeSelect: withDefaultPlaceholder(
+      {
+        ...ApiComponent,
+        name: 'ApiTreeSelect',
+      },
+      'select',
+      {
         component: TreeSelect,
         fieldNames: { label: 'label', value: 'value', children: 'children' },
         loadingSlot: 'suffixIcon',
         modelPropName: 'value',
         optionsPropName: 'treeData',
         visibleEvent: 'onVisibleChange',
-    }),
+      },
+    ),
     AutoComplete,
     Checkbox,
     CheckboxGroup,

apps/web-ele/src/adapter/component/index.ts

@@ -184,19 +184,33 @@ async function initComponentAdapter() {
     // 如果你的组件体积比较大，可以使用异步加载
     // Button: () =>
     // import('xxx').then((res) => res.Button),
-    ApiSelect: withDefaultPlaceholder(ApiComponent, 'select', {
+    ApiSelect: withDefaultPlaceholder(
+      {
+        ...ApiComponent,
+        name: 'ApiSelect',
+      },
+      'select',
+      {
         component: ElSelectV2,
         loadingSlot: 'loading',
         visibleEvent: 'onVisibleChange',
-    }),
+      },
-    ApiTreeSelect: withDefaultPlaceholder(ApiComponent, 'select', {
+    ),
+    ApiTreeSelect: withDefaultPlaceholder(
+      {
+        ...ApiComponent,
+        name: 'ApiTreeSelect',
+      },
+      'select',
+      {
         component: ElTreeSelect,
         props: { label: 'label', children: 'children' },
         nodeKey: 'value',
         loadingSlot: 'loading',
         optionsPropName: 'data',
         visibleEvent: 'onVisibleChange',
-    }),
+      },
+    ),
     Checkbox: ElCheckbox,
     CheckboxGroup: (props, { attrs, slots }) => {
       let defaultSlot;

apps/web-naive/src/adapter/component/index.ts

@@ -131,11 +131,24 @@ async function initComponentAdapter() {
     // Button: () =>
     // import('xxx').then((res) => res.Button),
 
-    ApiSelect: withDefaultPlaceholder(ApiComponent, 'select', {
+    ApiSelect: withDefaultPlaceholder(
+      {
+        ...ApiComponent,
+        name: 'ApiSelect',
+      },
+      'select',
+      {
         component: NSelect,
         modelPropName: 'value',
-    }),
+      },
-    ApiTreeSelect: withDefaultPlaceholder(ApiComponent, 'select', {
+    ),
+    ApiTreeSelect: withDefaultPlaceholder(
+      {
+        ...ApiComponent,
+        name: 'ApiTreeSelect',
+      },
+      'select',
+      {
         component: NTreeSelect,
         nodeKey: 'value',
         loadingSlot: 'arrow',
@@ -143,7 +156,8 @@ async function initComponentAdapter() {
         modelPropName: 'value',
         optionsPropName: 'options',
         visibleEvent: 'onVisibleChange',
-    }),
+      },
+    ),
     Checkbox: NCheckbox,
     CheckboxGroup: (props, { attrs, slots }) => {
       let defaultSlot;