Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-23 18:10:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

💄 menu

Browse source
This commit is contained in:
Vanessa 2023-07-27 13:38:14 +08:00
parent d417fc39d3
commit e92b6d0241
7 changed files with 27 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

1
app/src/assets/scss/business/_av.scss
View file

@ -238,7 +238,6 @@
position: relative;
.b3-menu {
max-height: 70vh;
min-width: 200px;
&__item .b3-chip {

6
app/src/protyle/render/av/col.ts
View file

@ -108,7 +108,8 @@ export const getEditHTML = (options: {
</button>`;
});
}
return `${html}
return `<div class="b3-menu__items">
${html}
<button class="b3-menu__separator"></button>
<button class="b3-menu__item" data-type="${colData.hidden ? "showCol" : "hideCol"}">
<svg class="b3-menu__icon" style=""><use xlink:href="#icon${colData.hidden ? "Eye" : "Eyeoff"}"></use></svg>
@ -121,7 +122,8 @@ export const getEditHTML = (options: {
<button class="b3-menu__item" data-type="removeCol">
<svg class="b3-menu__icon" style=""><use xlink:href="#iconTrashcan"></use></svg>
<span class="b3-menu__label">${window.siyuan.languages.delete}</span>
</button>`;
</button>
</div>`;
};
export const bindEditEvent = (options: { protyle: IProtyle, data: IAV, menuElement: HTMLElement }) => {

4
app/src/protyle/render/av/date.ts
View file

@ -31,7 +31,8 @@ export const getDateHTML = (data: IAVTable, cellElements: HTMLElement[]) => {
if (cellValue?.value?.date?.content2) {
value2 = dayjs(cellValue.value.date.content2).format("YYYY-MM-DDTHH:mm");
}
return `<div>
return `<div class="b3-menu__items">
<div>
<input type="datetime-local" value="${value}" class="b3-text-field fn__size200"><br>
<input type="datetime-local" value="${value2}" style="margin-top: 8px" class="b3-text-field fn__size200${hasEndDate ? "" : " fn__none"}">
<button class="b3-menu__separator"></button>
@ -45,6 +46,7 @@ export const getDateHTML = (data: IAVTable, cellElements: HTMLElement[]) => {
<svg class="b3-menu__icon"><use xlink:href="#iconTrashcan"></use></svg>
<span class="b3-menu__label">${window.siyuan.languages.clear}</span>
</button>
</div>
</div>`;
};

6
app/src/protyle/render/av/filter.ts
View file

@ -376,7 +376,8 @@ export const getFiltersHTML = (data: IAVTable) => {
<svg class="b3-menu__action" data-type="removeFilter"><use xlink:href="#iconTrashcan"></use></svg>
</button>`;
});
return `<button class="b3-menu__item" data-type="nobg">
return `<div class="b3-menu__items">
<button class="b3-menu__item" data-type="nobg">
<span class="block__icon" style="padding: 8px;margin-left: -4px;" data-type="goConfig">
<svg><use xlink:href="#iconLeft"></use></svg>
</span>
@ -392,5 +393,6 @@ ${html}
<button class="b3-menu__item${html ? "" : " fn__none"}" data-type="removeFilters">
<svg class="b3-menu__icon"><use xlink:href="#iconTrashcan"></use></svg>
<span class="b3-menu__label">${window.siyuan.languages.delete}</span>
</button>`;
</button>
</div>`;
};

12
app/src/protyle/render/av/openMenuPanel.ts
View file

@ -670,7 +670,8 @@ const getPropertiesHTML = (data: IAVTable) => {
</button>
${hideHTML}`;
}
return `<button class="b3-menu__item" data-type="nobg">
return `<div class="b3-menu__items">
<button class="b3-menu__item" data-type="nobg">
<span class="block__icon" style="padding: 8px;margin-left: -4px;" data-type="goConfig">
<svg><use xlink:href="#iconLeft"></use></svg>
</span>
@ -694,11 +695,13 @@ ${hideHTML}
<button class="b3-menu__item" data-type="newCol">
<svg class="b3-menu__icon"><use xlink:href="#iconAdd"></use></svg>
<span class="b3-menu__label">${window.siyuan.languages.new}</span>
</button>`;
</button>
</div>`;
};
const getConfigHTML = (data: IAVTable) => {
return `<button class="b3-menu__item" data-type="nobg">
return `<div class="b3-menu__items">
<button class="b3-menu__item" data-type="nobg">
<span class="b3-menu__label">${window.siyuan.languages.config}</span>
<svg class="b3-menu__action" data-type="close" style="opacity: 1"><use xlink:href="#iconCloseRound"></use></svg>
</button>
@ -726,5 +729,6 @@ const getConfigHTML = (data: IAVTable) => {
<span class="b3-menu__label">${window.siyuan.languages.pageCount}</span>
<span class="b3-menu__accelerator">50</span>
<svg class="b3-menu__icon b3-menu__icon--arrow"><use xlink:href="#iconRight"></use></svg>
</button>`;
</button>
</div>`;
};

6
app/src/protyle/render/av/select.ts
View file

@ -532,9 +532,11 @@ export const getSelectHTML = (data: IAVTable, cellElements: HTMLElement[]) => {
}
});
return `<div class="b3-chips">
return `<div class="b3-menu__items">
<div class="b3-chips">
${selectedHTML}
<input>
</div>
<div>${filterSelectHTML("", colData.options)}</div>`;
<div>${filterSelectHTML("", colData.options)}</div>
</div>`;
};

6
app/src/protyle/render/av/sort.ts
View file

@ -105,7 +105,8 @@ export const getSortsHTML = (columns: IAVColumn[], sorts: IAVSort[]) => {
<svg class="b3-menu__action" data-type="removeSort"><use xlink:href="#iconTrashcan"></use></svg>
</button>`;
});
return `<button class="b3-menu__item" data-type="nobg">
return `<div class="b3-menu__items">
<button class="b3-menu__item" data-type="nobg">
<span class="block__icon" style="padding: 8px;margin-left: -4px;" data-type="goConfig">
<svg><use xlink:href="#iconLeft"></use></svg>
</span>
@ -121,5 +122,6 @@ ${html}
<button class="b3-menu__item${html ? "" : " fn__none"}" data-type="removeSorts">
<svg class="b3-menu__icon"><use xlink:href="#iconTrashcan"></use></svg>
<span class="b3-menu__label">${window.siyuan.languages.delete}</span>
</button>`;
</button>
</div>`;
};