Vanessa 2023-07-07 16:05:05 +08:00
parent 4573bf0bf3
commit 8d628593fa
2 changed files with 19 additions and 7 deletions

View file

@ -150,7 +150,7 @@
max-height: 70vh;
.b3-chip {
max-width: 220px;
max-width: 196px;
margin: 1px 0;
padding: 6px 12px 6px 14px;
float: left;

View file

@ -627,16 +627,28 @@ const getPropertiesHTML = (data: IAV) => {
let hideHTML = "";
data.columns.forEach((item: IAVColumn) => {
if (item.hidden) {
hideHTML += `<button class="b3-menu__item">
<svg class="b3-menu__icon"><use xlink:href="#${getColIconByType(item.type)}"></use></svg>
<span class="b3-menu__label">${item.name}</span>
hideHTML += `<button class="b3-menu__item" data-type="nobg">
<svg class="b3-menu__icon"><use xlink:href="#iconDrag"></use></svg>
<div class="fn__flex-1">
<span class="b3-chip">
<svg><use xlink:href="#${getColIconByType(item.type)}"></use></svg>
<span class="fn__ellipsis">${item.name}</span>
</span>
</div>
<svg class="b3-menu__action" data-type="showCol" data-id="${item.id}"><use xlink:href="#iconEyeoff"></use></svg>
<svg class="b3-menu__action"><use xlink:href="#iconEdit"></use></svg>
</button>`;
} else {
showHTML += `<button class="b3-menu__item">
<svg class="b3-menu__icon"><use xlink:href="#${getColIconByType(item.type)}"></use></svg>
<span class="b3-menu__label">${item.name}</span>
showHTML += `<button class="b3-menu__item" data-type="nobg">
<svg class="b3-menu__icon"><use xlink:href="#iconDrag"></use></svg>
<div class="fn__flex-1">
<span class="b3-chip">
<svg><use xlink:href="#${getColIconByType(item.type)}"></use></svg>
<span class="fn__ellipsis">${item.name}</span>
</span>
</div>
<svg class="b3-menu__action${item.type === "block" ? " fn__none" : ""}" data-type="hideCol" data-id="${item.id}"><use xlink:href="#iconEye"></use></svg>
<svg class="b3-menu__action${item.type === "block" ? " fn__none" : ""}"><use xlink:href="#iconEdit"></use></svg>
</button>`;
}
});