<script setup lang="ts">
|
import CommonAttr from '@/custom-component/common/CommonAttr.vue'
|
import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
|
import { storeToRefs } from 'pinia'
|
import { toRefs } from 'vue'
|
|
const dvMainStore = dvMainStoreWithOut()
|
const { curComponent } = storeToRefs(dvMainStore)
|
const props = defineProps({
|
themes: {
|
type: String,
|
default: 'dark'
|
}
|
})
|
|
const { themes } = toRefs(props)
|
</script>
|
|
<template>
|
<div class="attr-list de-collapse-style">
|
<CommonAttr :themes="themes" :element="curComponent"></CommonAttr>
|
</div>
|
</template>
|
|
<style lang="less" scoped>
|
.content {
|
width: 100%;
|
font-size: 12px;
|
padding: 10px;
|
}
|
|
.de-collapse-style {
|
:deep(.ed-collapse-item__header) {
|
height: 34px !important;
|
line-height: 34px !important;
|
padding: 0 0 0 6px !important;
|
font-size: 12px !important;
|
font-weight: 400 !important;
|
}
|
:deep(.ed-form-item) {
|
display: block;
|
margin-bottom: 8px;
|
}
|
:deep(.ed-form-item__label) {
|
justify-content: flex-start;
|
}
|
}
|
|
:deep(.ed-textarea__inner) {
|
color: #ffffff;
|
background-color: #000000;
|
}
|
</style>
|
