jiangyc/ruoyi-plus-soybean
1
0
Fork 0
mirror of https://github.com/m-xlsea/ruoyi-plus-soybean.git synced 2025-09-24 07:49:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 新增菜单管理页面

Browse Source
This commit is contained in:
xlsea
2024-09-03 12:19:57 +08:00
parent 89f5e8577e
commit 8ab7ee2268
130 changed files with 1797 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/custom/button-icon.vue
View File

@ -1,6 +1,7 @@
<script setup lang="ts">
import type { PopoverPlacement } from 'naive-ui';
import type { ButtonProps, PopoverPlacement } from 'naive-ui';
import { twMerge } from 'tailwind-merge';
import { computed, useAttrs } from 'vue';
defineOptions({
name: 'ButtonIcon',
@ -17,6 +18,8 @@ interface Props {
/** Tooltip placement */
tooltipPlacement?: PopoverPlacement;
zIndex?: number;
quaternary?: boolean;
[key: string]: any;
}
const props = withDefaults(defineProps<Props>(), {
@ -24,16 +27,23 @@ const props = withDefaults(defineProps<Props>(), {
icon: '',
tooltipContent: '',
tooltipPlacement: 'bottom',
zIndex: 98
zIndex: 98,
quaternary: true
});
const DEFAULT_CLASS = 'h-[36px] text-icon';
const attrs: ButtonProps = useAttrs();
const quaternary = computed(() => {
return !(attrs.text || attrs.dashed || attrs.ghost) && props.quaternary;
});
</script>
<template>
<NTooltip :placement="tooltipPlacement" :z-index="zIndex" :disabled="!tooltipContent">
<template #trigger>
<NButton quaternary :class="twMerge(DEFAULT_CLASS, props.class)" v-bind="$attrs">
<NButton :quaternary="quaternary" :class="twMerge(DEFAULT_CLASS, props.class)" :focusable="false" v-bind="attrs">
<div class="flex-center gap-8px">
<slot>
<SvgIcon :icon="icon" />