refactor(utils): refactor iconPropType

[holazz]

Please make sure these boxes are checked before submitting your PR, thank you!

• Make sure you follow contributing guide English | (中文 | Español | Français).
• Make sure you are merging your commits to dev branch.
• Add some descriptions and refer to relative issues for your PR.

[github-actions]

[ryuhangyeong]

Suggest

Due to this change, I think the type of icon props description in the document should also change. What do you think?

ex. https://element-plus.org/en-US/component/link.html#attributes

[holazz]

Suggest

Due to this change, I think the type of icon props description in the document should also change. What do you think?

ex. element-plus.org/en-US/component/link.html#attributes

You're right! I forget it and I will add later.

[github-actions]

🧪 Playground Preview: https://element-plus.run/?pr=9502
Please comment the example via this playground if needed.

[tolking]

Maybe the string type should not be removed.

When globally register the Icon components, we can pass a string to use the icon.

// main.ts

import { Edit } from '@element-plus/icons-vue'

createApp(App).component('icon-edit', Edit).mount('#app')

<template>
    <el-button
      type="primary"
      icon="icon-edit"
      circle
    />
    <el-link
      type="primary"
      icon="icon-edit"
      circle
    >
      Link
   </el-link>
   <el-input suffix-icon="icon-edit" />
</template>

[holazz]

Maybe the string type should not be removed.

When globally register the Icon components, we can pass a string to use the icon.

// main.ts

import { Edit } from '@element-plus/icons-vue'

createApp(App).component('icon-edit', Edit).mount('#app')

<template>
    <el-button
      type="primary"
      icon="icon-edit"
      circle
    />
    <el-link
      type="primary"
      icon="icon-edit"
      circle
    >
      Link
   </el-link>
   <el-input suffix-icon="icon-edit" />
</template>

I haven't found a use case for passing string, turns out it's here! I'll create a PR later to fix this.

[tolking]

The Component type contains the function component type(() => VNode), it does not seem to make sense to split the two.

type True = (() => VNode) extends Component ? true : false

[holazz]

The Component type contains the function component type(() => VNode), it does not seem to make sense to split the two.

type True = (() => VNode) extends Component ? true : false

Sorry for my carelessness. 😅