| | |
| | | :draggable="draggable || treeDraggable" |
| | | > |
| | | <template #default="{ node, data }"> |
| | | <span class="custom-tree-node"> |
| | | <span class="flex items-center" style="width: calc(100% - 20px)"> |
| | | <span class="custom-tree-node overflow-hidden"> |
| | | <span class="flex items-center flex-auto" > |
| | | <template v-if="showNodeIcon"> |
| | | <SvgIcon v-if="nodeIcon" :name="nodeIcon(node, data)" :size="14" color="rgb(64,158,255)"> </SvgIcon> |
| | | <SvgIcon |
| | |
| | | </div> |
| | | </el-tooltip> |
| | | </span> |
| | | <span class="flex items-center"> |
| | | <span class="flex items-center flex-0"> |
| | | <slot name="listNodeSuffix" :data="data" :node="node"></slot> |
| | | |
| | | <el-dropdown v-if="typeof showMoreOperate === 'function' ? showMoreOperate(node, data) : showMoreOperate"> |
| | |
| | | </el-dropdown-menu> |
| | | </template> |
| | | </el-dropdown> |
| | | <SvgIcon |
| | | v-if="suffixIcon" |
| | | :size="18" |
| | | :name="suffixIconFun(node, data).name" |
| | | :color="suffixIconFun(node, data).color" |
| | | ></SvgIcon> |
| | | |
| | | </span> |
| | | </span> |
| | | </template> |
| | |
| | | flex: 1; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | font-size: 14px; |
| | | width: calc(100% - 24px); |
| | | } |
| | | |
| | | :deep(.el-tree-node__content) { |