<template>
    <el-link class="table-row-link-normal link-el-container most-link" type="success" :class="{ 'is-link-disabled': !!props.disabled }" :underline="false">
        <slot></slot>
    </el-link>
</template>

<script setup>
import { ref, defineProps } from "vue"
const props = defineProps({
    /** 禁用标志 */
    disabled: {
        type: [Boolean, String, Number],
        default: () => false
    },
    type: {
        type: String,
        default: undefined
    }
});
</script>

<style scoped lang="scss">
.table-row-link-normal.link-el-container.most-link {
    color: #808596;
    margin-left: 10px;
    margin-right: 0;
    cursor: pointer;
    color: var(--el-color-primary);

    &:hover {
        color: var(--el-color-primary);
        opacity: 0.9;
    }
    &.is-link-disabled {
        color: #808596;
        cursor: not-allowed;

        &:hover {
            color: #808596;
            opacity: 0.9;
        }
    }
}
</style>