Browse Source

perf: 优化描述组件

xingyu4j 2 years ago
parent
commit
6a542b6104

+ 6 - 1
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(() => 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 = () => {
           :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"