mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-01-13 01:21:58 +00:00
Merge branch 'polyfill/vision' of gitlab.alibaba-inc.com:ali-lowcode/ali-lowcode-engine into polyfill/vision
This commit is contained in:
kangwei
commit
73699ffe67
@ -130,7 +130,7 @@
|
||||
> .lc-field-head {
|
||||
padding-left: @x-gap/2;
|
||||
background: var(--color-block-background-light);
|
||||
border-bottom-color: var(--color-line-light);
|
||||
border-bottom-color: var(--color-line-light, rgba(31, 56, 88, .1));
|
||||
> .lc-field-icon {
|
||||
margin-right: @x-gap/2;
|
||||
}
|
||||
|
||||
@ -54,12 +54,12 @@ body {
|
||||
display: none;
|
||||
}
|
||||
.lc-panel-title {
|
||||
height: 38px;
|
||||
font-size: 14px;
|
||||
background-color: var(--pane-title-bg-color,rgba(31,56,88,.04));
|
||||
height: 48px;
|
||||
font-size: 16px;
|
||||
// background-color: var(--pane-title-bg-color,rgba(31,56,88,.04));
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
justify-content: flex-start;
|
||||
padding: 0 15px;
|
||||
border-bottom: 1px solid var(--color-line-normal,rgba(31,56,88,.1));
|
||||
|
||||
@ -72,7 +72,7 @@ body {
|
||||
|
||||
.lc-panel-body {
|
||||
position: absolute;
|
||||
top: 38px;
|
||||
top: 48px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
@ -153,6 +153,72 @@ body {
|
||||
}
|
||||
}
|
||||
*/
|
||||
/*覆盖旧面板*/
|
||||
/*组件面板*/
|
||||
.ve-component-list {
|
||||
.ve-component-list-body{
|
||||
.ve-component-list-sidebar{
|
||||
.ve-component-list-navigator{
|
||||
.navigator-group{
|
||||
&:last-child{
|
||||
&::after{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&::after{
|
||||
content: '';
|
||||
display: block;
|
||||
height: 1px;
|
||||
background-color: #EDEFF3;
|
||||
line-height: 0;
|
||||
margin: 4px 12px 0;
|
||||
}
|
||||
.navigator-group-head{
|
||||
.navigator-group-title{
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
.navigator-group-item{
|
||||
border-left: 2px solid transparent;
|
||||
&.active{
|
||||
border-left-color: #0079f2;
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*数据源*/
|
||||
.engine-datapool{
|
||||
.engine-datapool-view-group{
|
||||
padding-top: 48px;
|
||||
.engine-datapool-view-group-title{
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
font-size: 16px;
|
||||
background-color: transparent;
|
||||
padding: 0 16px;
|
||||
border-bottom: 1px solid #EDEFF3;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*动作面板*/
|
||||
.ve-action-pane{
|
||||
border-top: none;
|
||||
.rc-tabs{
|
||||
.rc-tabs-bar{
|
||||
background-color: transparent;
|
||||
.rc-tabs-tab{
|
||||
line-height: 1;
|
||||
&.rc-tabs-tab-active{
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.my-dock {
|
||||
@ -222,8 +288,9 @@ body {
|
||||
}
|
||||
.lc-pane-close{
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 6px;
|
||||
right: 16px;
|
||||
top: 16px;
|
||||
height: auto;
|
||||
z-index: 2;
|
||||
.next-icon{
|
||||
line-height: 1;
|
||||
@ -231,17 +298,31 @@ body {
|
||||
}
|
||||
.lc-tabs-title {
|
||||
width: 100%;
|
||||
height: 36px;
|
||||
height: 32px;
|
||||
position: relative;
|
||||
display: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: rgba(31,56,88,0.04);
|
||||
// background: rgba(31,56,88,0.04);
|
||||
border-bottom: 1px solid #EDEFF3;
|
||||
margin-top: 48px;
|
||||
.lc-tab-title{
|
||||
flex: 1;
|
||||
height: 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-bottom: 2px solid transparent;
|
||||
cursor: pointer;
|
||||
&.actived{
|
||||
border-bottom-color: #0079F2;
|
||||
}
|
||||
}
|
||||
}
|
||||
.lc-tabs-content {
|
||||
position: absolute;
|
||||
top: 36px;
|
||||
top: 80px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
@ -272,7 +353,7 @@ body {
|
||||
height: 46px;
|
||||
|
||||
svg {
|
||||
fill: var(--color-icon-normal,rgba(31,56,88,.4));
|
||||
// fill: var(--color-icon-normal,rgba(31,56,88,.4));
|
||||
}
|
||||
|
||||
&.has-tip{
|
||||
@ -308,8 +389,9 @@ body {
|
||||
}
|
||||
.lc-pane-close {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 6px;
|
||||
right: 16px;
|
||||
top: 16px;
|
||||
height: auto;
|
||||
z-index: 2;
|
||||
.next-icon {
|
||||
line-height: 1;
|
||||
|
||||
@ -48,12 +48,27 @@ export class InstanceNodeSelector extends React.Component<IProps, IState> {
|
||||
node.select();
|
||||
}
|
||||
};
|
||||
|
||||
onMouseOver = (node: Node) => (_: any, flag = true) => {
|
||||
if (node && typeof node.hover === 'function') {
|
||||
node.hover(flag);
|
||||
}
|
||||
};
|
||||
onMouseOut = (node: Node) => (_: any, flag = false) => {
|
||||
if (node && typeof node.hover === 'function') {
|
||||
node.hover(flag);
|
||||
}
|
||||
};
|
||||
renderNodes = (node: Node) => {
|
||||
const nodes = this.state.parentNodes || [];
|
||||
const children = nodes.map((node, key) => {
|
||||
return (
|
||||
<div key={key} onClick={this.onSelect(node)} className="instance-node-selector-node">
|
||||
<div
|
||||
key={key}
|
||||
onClick={this.onSelect(node)}
|
||||
onMouseEnter={this.onMouseOver(node)}
|
||||
onMouseLeave={this.onMouseOut(node)}
|
||||
className="instance-node-selector-node"
|
||||
>
|
||||
<div className="instance-node-selector-node-content">
|
||||
<Title
|
||||
className="instance-node-selector-node-title"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user