chore: 优化部分代码(同步 GiDemo 更新)

This commit is contained in:
2025-01-13 23:33:39 +08:00
parent ccfec2155f
commit 33e0c61bb6
5 changed files with 114 additions and 56 deletions

View File

@@ -3,7 +3,7 @@
<a-grid class="w-full" :col-gap="8" v-bind="options.grid" :collapsed="collapsed">
<template v-for="(item, index) in columns" :key="item.field">
<a-grid-item
v-if="item.show !== undefined ? isShow(item) : !isHide(item.hide)"
v-if="item.show !== undefined ? isShow(item) : !isHide(item)"
v-show="colVShow(index)"
v-bind="item.gridItemProps || props.options.gridItem"
:span="item.span || options.gridItem?.span"

View File

@@ -33,10 +33,10 @@
</a-doption>
</template>
</a-dropdown>
<a-popover
<a-popover
v-if="showSettingColumnBtn" trigger="click" position="br"
:content-style="{ minWidth: '120px', padding: '6px 8px 10px' }"
>
>
<a-tooltip content="列设置">
<a-button>
<template #icon>
@@ -77,15 +77,15 @@
</a-row>
<div class="gi-table__body" :class="`gi-table__body-pagination-${attrs['page-position']}`">
<div class="gi-table__container">
<a-table
ref="tableRef"
:stripe="stripe"
:size="size"
column-resizable
:bordered="{ cell: isBordered }"
v-bind="{ ...attrs, columns: _columns }"
:scrollbar="true"
:data="data"
<a-table
ref="tableRef"
:stripe="stripe"
:size="size"
column-resizable
:bordered="{ cell: isBordered }"
v-bind="{ ...attrs, columns: _columns }"
:scrollbar="true"
:data="data"
>
<template v-for="key in Object.keys(slots)" :key="key" #[key]="scoped">
<slot :key="key" :name="key" v-bind="scoped"></slot>

View File

@@ -1,11 +1,13 @@
<template>
<div ref="rootRef" class="ca-split-panel" :class="{
'is-vertical': vertical,
'is-resizing': resizing,
'is-collapse': isCollapse,
'is-responsive': isResponsive,
'is-mobile': isMobile,
}" :style="customStyle">
<div
ref="rootRef" class="ca-split-panel" :class="{
'is-vertical': vertical,
'is-resizing': resizing,
'is-collapse': isCollapse,
'is-responsive': isResponsive,
'is-mobile': isMobile,
}" :style="customStyle"
>
<div class="container" :style="sideStyle">
<div ref="sideRef" class="ca-split-panel__side">
<div class="ca-split-panel__content">
@@ -15,10 +17,12 @@
<!-- 竖线和按钮 -->
<div class="divider-container">
<div v-show="!isCollapse" class="divider"></div>
<div v-if="allowCollapse" class="ca-split-panel__collapse-trigger" :class="{
'is-collapse': isCollapse,
'is-mobile': isMobile,
}" @click="toggleCollapse">
<div
v-if="allowCollapse" class="ca-split-panel__collapse-trigger" :class="{
'is-collapse': isCollapse,
'is-mobile': isMobile,
}" @click="toggleCollapse"
>
<div class="ca-split-panel__collapse-trigger-icon">
<IconRight v-if="isCollapse" size="20" />
<IconLeft v-else size="20" />
@@ -234,14 +238,14 @@ onUnmounted(() => {
z-index: 2;
width: 100%;
height: 100%;
box-shadow: 0px 0px 0px 1px var(--color-border-1);
box-shadow: 0 0 0 1px var(--color-border-1);
background-color: var(--color-bg-1);
display: flex;
justify-content: center;
align-items: center;
&:hover {
box-shadow: 0px 0px 0px 1px var(--color-border-2);
box-shadow: 0 0 0 1px var(--color-border-2);
background-color: var(--color-border-2);
}
}