perf: 优化描述组件

xingyu4j
1 parent 983a6369
Showing 1 changed file with 6 additions and 1 deletions
yudao-ui-admin-vue3/src/components/Descriptions/src/Descriptions.vue
@@ -2,7 +2,7 @@
 import { ElCollapseTransition, ElDescriptions, ElDescriptionsItem, ElTooltip } from 'element-plus'
 import { useDesign } from '@/hooks/web/useDesign'
 import { propTypes } from '@/utils/propTypes'
-import { ref, unref, PropType, computed, useAttrs } from 'vue'
+import { ref, unref, PropType, computed, useAttrs, useSlots } from 'vue'
 import { useAppStore } from '@/store/modules/app'
 import { DescriptionsSchema } from '@/types/descriptions'
  
@@ -12,6 +12,8 @@ const mobile = computed(() =&gt; appStore.getMobile)
  
 const attrs = useAttrs()
  
+const slots = useSlots()
+
 const props = defineProps({
   title: propTypes.string.def(''),
   message: propTypes.string.def(''),
@@ -96,6 +98,9 @@ const toggleClick = () =&gt; {
           :direction="mobile ? 'vertical' : 'horizontal'"
           v-bind="getBindValue"
         >
+          <template v-if="slots['extra']" #extra>
+            <slot name="extra"></slot>
+          </template>
           <ElDescriptionsItem
             v-for="item in schema"
             :key="item.field"