feat: 新增业务组件

This commit is contained in:
xlsea
2024-09-11 17:34:31 +08:00
parent 9cbbaff297
commit 0a62e4dcaa
6 changed files with 107 additions and 70 deletions

View File

@ -1,9 +1,9 @@
<script setup lang="ts">
defineOptions({
name: 'TableColumnCheckAlert'
name: 'TableRowCheckAlert'
});
const checkedRowKeys = defineModel<CommonType.IdType[]>('columns', { required: true });
const checkedRowKeys = defineModel<CommonType.IdType[]>('checkedRowKeys', { required: true });
</script>
<template>

View File

@ -7,16 +7,17 @@ defineOptions({
interface Props {
defaultExpanded?: boolean;
siderTitle?: string;
}
withDefaults(defineProps<Props>(), {
defaultExpanded: false
defaultExpanded: false,
siderTitle: undefined
});
const time = new Date().getTime();
const breakpoints = useBreakpoints(breakpointsTailwind);
const isCollapse = breakpoints.smaller('lg');
const title = defineModel<string>('title');
</script>
<template>
@ -36,11 +37,11 @@ const title = defineModel<string>('title');
content-class="sider-layout-card-content"
>
<NCollapse v-if="isCollapse" :default-expanded-names="defaultExpanded ? [`table-sider-layout${time}`] : []">
<NCollapseItem :title="title" :name="`table-sider-layout${time}`" display-directive="show">
<NCollapseItem :title="siderTitle" :name="`table-sider-layout${time}`" display-directive="show">
<slot name="sider" />
<template #header>
<slot name="header">
<span>{{ title }}</span>
<span>{{ siderTitle }}</span>
</slot>
</template>
<template #header-extra>
@ -65,7 +66,7 @@ const title = defineModel<string>('title');
<slot name="sider" />
<template #header>
<slot name="header">
<span>{{ title }}</span>
<span>{{ siderTitle }}</span>
</slot>
</template>
<template #header-extra>