test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-04 13:09:07 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

amis-saas-6892 fix: 长文本公式输入框基于codeMirror实现

Browse Source 
Change-Id: Id04fddb52e9591ba42c66505ea4c00cea3a97122
This commit is contained in:
igrowp 2022-10-26 11:20:59 +08:00
parent e4103d697d
commit 35c05ef045
2 changed files with 43 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/amis-editor-core/scss/control/_expression-formula-control.scss
View File

@ -9,4 +9,7 @@
height: 14px;
}
}
}
.btn-configured-tooltip {
font-size: 12px;
}

42
packages/amis-editor-core/scss/control/_textarea-formula-control.scss
View File

@ -23,6 +23,44 @@
border-color: var(--Form-input-onHover-borderColor);
}
&-editor {
& > .CodeMirror {
height: 100px;
}
.cm-field, .cm-expression {
display: inline-block;
position: relative;
padding: 0 5px;
border-radius: 3px;
color: #fff;
margin: 0 1px;
background: #007bff;
cursor: pointer;
&:hover {
.expression-popover {
display: block;
}
}
.expression-popover {
position: absolute;
display: none;
left: 0;
bottom: -24px;
transform: translate(calc(24px - 50%));
font-size: 12px;
width: max-content;
color: #000;
border-radius: 4px;
padding: 0 8px;
background: var(--Tooltip-bg);
box-shadow: var(--Tooltip-boxShadow);
}
}
}
&-content {
position: relative;
width: 100%;
@ -48,7 +86,7 @@
}
&-menus {
min-width: 80px;
min-width: 60px;
right: 0;
left: auto;
}
@ -56,7 +94,7 @@
&-expression {
display: inline-block;
cursor: pointer;
padding: 0 4px;
padding: 0 4px 0 8px;
margin: 0 1px 1px;
color: white;
background-color: $editor-active-color;