|
@@ -263,27 +263,30 @@ export default defineComponent({
|
|
|
});
|
|
|
return () => (
|
|
|
<>
|
|
|
- <div id="selectionBgBox" class={styles.staveBgContainer}>
|
|
|
- {
|
|
|
- selectData.staves.map((item: any) => {
|
|
|
- return (
|
|
|
- <>
|
|
|
- {
|
|
|
- item.staveBox && item.multipleRestMeasures <= 1 &&
|
|
|
- <div
|
|
|
- style={{
|
|
|
- left:item.staveBox.left,
|
|
|
- top:`calc(${item.staveBox.top} + ${item.staveBox.height})`,
|
|
|
- width:item.staveBox.width
|
|
|
- }}
|
|
|
- class={[styles.staveBg]}
|
|
|
- ></div>
|
|
|
- }
|
|
|
- </>
|
|
|
- )
|
|
|
- })
|
|
|
- }
|
|
|
- </div>
|
|
|
+ {
|
|
|
+ !state.isPreView &&
|
|
|
+ <div id="selectionBgBox" class={styles.staveBgContainer}>
|
|
|
+ {
|
|
|
+ selectData.staves.map((item: any) => {
|
|
|
+ return (
|
|
|
+ <>
|
|
|
+ {
|
|
|
+ item.staveBox && item.multipleRestMeasures <= 1 &&
|
|
|
+ <div
|
|
|
+ style={{
|
|
|
+ left:item.staveBox.left,
|
|
|
+ top:`calc(${item.staveBox.top} + ${item.staveBox.height})`,
|
|
|
+ width:item.staveBox.width
|
|
|
+ }}
|
|
|
+ class={[styles.staveBg]}
|
|
|
+ ></div>
|
|
|
+ }
|
|
|
+ </>
|
|
|
+ )
|
|
|
+ })
|
|
|
+ }
|
|
|
+ </div>
|
|
|
+ }
|
|
|
<div
|
|
|
id="selectionBox"
|
|
|
class={[
|