fix(components): empty icon component judgment (#4178)

* fix(components): empty icon component judgment

* revert: globals components

* fix(components): el-icon missing import

* fix: use shallowRef for icon components

* refactor: remove shallowRef

* fix: remove unused code

* fix: social-link icon size

* fix: time picker icon

* fix: v-if judge

docs/examples/input/mixed-input.vue

@@ -29,20 +29,13 @@
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent, ref } from 'vue'
+<script setup lang="ts">
+import { ref } from 'vue'
 import { Search } from '@element-plus/icons'
-export default defineComponent({
-  setup() {
-    return {
-      Search,
-      input1: ref(''),
-      input2: ref(''),
-      input3: ref(''),
-      select: ref(''),
-    }
-  },
-})
+const input1 = ref('')
+const input2 = ref('')
+const input3 = ref('')
+const select = ref('')
 </script>
 
 <style>

docs/examples/input/with-icon.vue

@@ -36,26 +36,13 @@
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent, ref } from 'vue'
+<script setup lang="ts">
+import { ref } from 'vue'
 import { Calendar, Search } from '@element-plus/icons'
-
-export default defineComponent({
-  components: {
-    Calendar,
-    Search,
-  },
-  setup() {
-    return {
-      Calendar,
-      Search,
-      input1: ref(''),
-      input2: ref(''),
-      input3: ref(''),
-      input4: ref(''),
-    }
-  },
-})
+const input1 = ref('')
+const input2 = ref('')
+const input3 = ref('')
+const input4 = ref('')
 </script>
 
 <style>