mirror of
https://gitee.com/baidu/amis.git
synced 2024-11-30 02:58:05 +08:00
[amis-saas-4806] feat: 事件动作树优化及支持搜索
Change-Id: I41ecf6e4d3a0f4aabfcf98982af649a1ed86f3a5
This commit is contained in:
chengjinyang
parent
691d8b26d9
commit
d66addbabc
@ -53,10 +53,10 @@
|
||||
"@types/sortablejs": "^1.10.7",
|
||||
"@types/tinycolor2": "^1.4.3",
|
||||
"ajv": "^8.8.2",
|
||||
"amis": "^2.0.0-rc.15",
|
||||
"amis-core": "^2.0.0-rc.15",
|
||||
"amis-formula": "^2.0.0-rc.15",
|
||||
"amis-ui": "^2.0.0-rc.15",
|
||||
"amis": "^2.0.0-rc.16",
|
||||
"amis-core": "^2.0.0-rc.16",
|
||||
"amis-formula": "^2.0.0-rc.16",
|
||||
"amis-ui": "^2.0.0-rc.16",
|
||||
"axios": "0.21.1",
|
||||
"concurrently": "^6.2.0",
|
||||
"css-loader": "^6.2.0",
|
||||
|
||||
@ -143,7 +143,7 @@
|
||||
overflow: hidden;
|
||||
background: #e9effd;
|
||||
}
|
||||
|
||||
|
||||
&-dragBar {
|
||||
display: inline-flex;
|
||||
margin-left: 0;
|
||||
@ -152,22 +152,22 @@
|
||||
cursor: move;
|
||||
color: #8c8c8c;
|
||||
}
|
||||
|
||||
|
||||
&-action {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-right: #{px2rem(10px)};
|
||||
}
|
||||
|
||||
|
||||
&:hover {
|
||||
& > svg,
|
||||
& > svg path {
|
||||
fill: var(--primary);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
& > svg,
|
||||
& > svg path {
|
||||
fill: var(--text--muted-color);
|
||||
@ -202,7 +202,7 @@
|
||||
background-position: 50% 80%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
&-action-placeholder {
|
||||
width: 100%;
|
||||
min-height: #{px2rem(320px)};
|
||||
@ -213,11 +213,11 @@
|
||||
font-size: 12px;
|
||||
color: #84868C;
|
||||
line-height: #{px2rem(24px)};
|
||||
|
||||
|
||||
&.no-settings {
|
||||
min-height: #{px2rem(160px)};
|
||||
}
|
||||
|
||||
|
||||
&-img {
|
||||
width: #{px2rem(64px)};
|
||||
height: #{px2rem(64px)};
|
||||
@ -227,17 +227,17 @@
|
||||
background-position: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&-action-js-editor {
|
||||
max-width: #{px2rem(780px)};
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.action-config-dialog {
|
||||
.antd-Modal-content, .cxd-Modal-content {
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
|
||||
.cxd-Tree {
|
||||
font-size: 12px;
|
||||
.cxd-Tree-itemArrow {
|
||||
@ -256,7 +256,7 @@
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.action-config-panel {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #E8E9EB;
|
||||
@ -265,33 +265,93 @@
|
||||
max-height: #{px2rem(420px)};
|
||||
width: 100%;
|
||||
@include panel-sm-content();
|
||||
|
||||
|
||||
.action-panel-title {
|
||||
margin: 16px 16px 12px;
|
||||
line-height: 18px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
|
||||
.action-tree-search {
|
||||
margin: 0 16px 8px;
|
||||
.cxd-TextControl-input {
|
||||
background: url('../static/search.svg') no-repeat right 12px center;
|
||||
padding-right: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
.action-search-list {
|
||||
.search-result-label:hover {
|
||||
background: var(--Tree-item-onHover-bg-pure);
|
||||
}
|
||||
}
|
||||
|
||||
.left-panel {
|
||||
height: 100%;
|
||||
padding-right: 0px;
|
||||
border-right: 1px solid #E8E9EB;
|
||||
max-width: #{px2rem(200px)};
|
||||
.action-tree {
|
||||
height: calc(100% - 48px);
|
||||
height: calc(100% - 88px);
|
||||
border-top: 1px solid #E8E9EB;
|
||||
.action-tree-control {
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
padding-right: 0;
|
||||
padding: 0;
|
||||
|
||||
.cxd-Tree-placeholder {
|
||||
margin-top: 82px;
|
||||
height: 64px;
|
||||
background: url('../static/empty.png') center/contain no-repeat;
|
||||
color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.cxd-Tree {
|
||||
&-list {
|
||||
& > .cxd-Tree-item {
|
||||
font-size: 12px;
|
||||
& > .cxd-Tree-itemLabel:first-child{
|
||||
font-weight: 500;
|
||||
.cxd-Tree-itemLabel {
|
||||
flex-direction: row-reverse;
|
||||
padding-left: 16px;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
|
||||
.cxd-Tree-itemText {
|
||||
color: #151A26;
|
||||
|
||||
.is-matched {
|
||||
color: #2468F2;
|
||||
}
|
||||
}
|
||||
|
||||
.cxd-Tree-item-icons {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cxd-Tree-itemArrow.is-folded > svg {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
.cxd-Tree-sublist {
|
||||
margin-left: 0;
|
||||
|
||||
.cxd-Tree-itemLabel .cxd-Tree-itemText {
|
||||
padding-left: var(--Tree-indent);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cxd-Tree-item--isLeaf {
|
||||
.cxd-Tree-itemLabel.is-checked::before {
|
||||
content: '';
|
||||
background: url('../static/check.svg') no-repeat center center;
|
||||
height: var(--Tree-itemHeight);
|
||||
line-height: var(--Tree-itemHeight);
|
||||
width: 15px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -302,13 +362,13 @@
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
padding: 0 8px 0 0;
|
||||
|
||||
|
||||
.action-desc {
|
||||
font-size: 12px;
|
||||
margin-left: 40px;
|
||||
color: var(--Form-description-color);
|
||||
}
|
||||
|
||||
|
||||
.ae-ApiControl-tabs {
|
||||
.cxd-Tabs-links {
|
||||
margin-left: 0;
|
||||
@ -317,12 +377,12 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.ae-ApiControl-tabContent {
|
||||
max-height: #{px2rem(430px)};
|
||||
overflow-y: auto;
|
||||
padding-bottom: 0;
|
||||
|
||||
|
||||
.cxd-Tabs-pane {
|
||||
padding-left: 0;
|
||||
padding-bottom: 0;
|
||||
@ -332,21 +392,21 @@
|
||||
width: auto;
|
||||
min-width: #{px2rem(320px)};;
|
||||
}
|
||||
|
||||
|
||||
&-container {
|
||||
max-height: calc(100% - 46px);
|
||||
margin: 0px 16px 16px;
|
||||
.action-panel-title {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
|
||||
.action-exec-on {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.event-item-header-tip {
|
||||
background: #070c14d9 !important;
|
||||
box-shadow: 0 px2rem(2px) px2rem(8px) 0 rgba(7, 12, 20, 0.12);
|
||||
@ -356,7 +416,7 @@
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.event-item-header-tip.cxd-Tooltip--top {
|
||||
.cxd-Tooltip-arrow {
|
||||
&:after {
|
||||
@ -364,7 +424,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.event-item-header-tip.cxd-Tooltip--bottom {
|
||||
.cxd-Tooltip-arrow {
|
||||
&:after {
|
||||
@ -372,4 +432,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
16
packages/amis-editor-core/static/check.svg
Normal file
16
packages/amis-editor-core/static/check.svg
Normal file
@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<title>编组 2</title>
|
||||
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="补充滚动出现阴影样式" transform="translate(-404.000000, -558.000000)">
|
||||
<g id="编组-42备份-3" transform="translate(212.000000, 163.000000)">
|
||||
<g id="编组-43" transform="translate(25.000000, 101.000000)">
|
||||
<g id="编组-2" transform="translate(167.000000, 294.000000)">
|
||||
<rect id="矩形" stroke="#979797" fill="#D8D8D8" opacity="0" x="0.5" y="0.5" width="15" height="15"></rect>
|
||||
<path d="M13.5204,4.00008 L14.2274,4.70608 L7.155,11.77708 L7.157,11.77828 L6.449,12.48528 L1.5,7.53528 L2.206,6.82928 L6.448,11.07108 L13.5204,4.00008 Z" id="图标-填色" fill="#2468F2"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
8
packages/amis-editor-core/static/search.svg
Normal file
8
packages/amis-editor-core/static/search.svg
Normal file
@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<title>4.图标元件/7.通用/搜索</title>
|
||||
<g id="4.图标元件/7.通用/搜索" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect id="0" stroke="#979797" fill="#D8D8D8" opacity="0" x="0.5" y="0.5" width="15" height="15"></rect>
|
||||
<path d="M7.5,12 C5.019,12 3,9.981 3,7.5 C3,5.019 5.019,3 7.5,3 C9.981,3 12,5.019 12,7.5 C12,9.981 9.981,12 7.5,12 L7.5,12 Z M13.794,13.089 L11.723,11.019 C12.519,10.063 13,8.837 13,7.5 C13,4.468 10.533,2 7.5,2 C4.467,2 2,4.468 2,7.5 C2,10.532 4.467,13 7.5,13 C8.836,13 10.062,12.521 11.016,11.726 L13.087,13.797 L13.794,13.089 Z" id="图标-填色" fill="#080E1A"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 849 B |
Loading…
Reference in New Issue
Block a user