@wufengteam/inputs/es/ApiObject/components/ServiceDetails/index.css

平台提供的右侧属性编辑器，需要在主工程中注册

.wufeng-inputs-modalWrap .editor-tabs-tabpane {
  height: 100%;
}
.wufeng-inputs-modalWrap button[class^='editor-btn'] {
  padding: 0 15px;
}
.wufeng-inputs-modalWrap div[class^='editor-modal-body'] {
  padding: 0 !important;
}
.wufeng-inputs-modalWrap div[class^='editor-tabs-nav-list'] {
  gap: 32px;
}
.wufeng-inputs-modalWrap .editor-tabs-top > .editor-tabs-nav,
.wufeng-inputs-modalWrap .editor-tabs-bottom > .editor-tabs-nav,
.wufeng-inputs-modalWrap .editor-tabs-top > div > .editor-tabs-nav,
.wufeng-inputs-modalWrap .editor-tabs-bottom > div > .editor-tabs-nav {
  margin: 0 0 8px 0;
}
.wufeng-inputs-modalWrap .editor-tabs-tab {
  padding: 8px 0;
}
.wufeng-inputs-modalWrap div[class$='editor-table-pagination'] {
  margin: 0 !important;
}
.wufeng-inputs-modalWrap div[class^='editor-row'] {
  height: 100%;
}
.wufeng-inputs-modalWrap div[class^='editor-tabs-content'] {
  height: 100%;
}
.wufeng-inputs-modalWrap div[class^='editor-table-wrapper'] {
  height: 100%;
}
.wufeng-inputs-modalWrap div[class^='editor-spin-nested-loading'] {
  height: 100%;
}
.wufeng-inputs-modalWrap div[class^='editor-spin-container'] {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.wufeng-inputs-modalWrap div[class$='editor-table-fixed-header'] {
  height: 100%;
  flex: 1;
  overflow: hidden;
}
.wufeng-inputs-modalWrap div[class^='editor-table-container'] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.wufeng-inputs-modalWrap div[class^='editor-table-body'] {
  height: 100%;
  flex: 1;
}
.wufeng-inputs-modalWrap span[class*='editor-tree-node-content-wrapper'] {
  display: flex !important;
  font-size: 13px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #1c242e;
  line-height: 20px;
  align-items: center;
}
.wufeng-inputs-modalWrap .wufeng-inputs-footerWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wufeng-inputs-modalWrap .wufeng-inputs-footerWrap .wufeng-inputs-refresh {
  color: #47e;
  font-size: 12px;
  cursor: pointer;
}
.wufeng-inputs-modalWrap .wufeng-inputs-footerWrap .wufeng-inputs-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer {
  display: flex;
  flex-direction: column;
  height: 55vh;
  position: relative;
  overflow: hidden;
  padding: 0 16px;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-tabs {
  flex: 1;
  overflow: hidden;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-tabs .wufeng-inputs-tabsTitle {
  font-size: 14px;
  font-family: Roboto-Regular, Roboto;
  font-weight: 400;
  line-height: 22px;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-tabs .wufeng-inputs-colItemLeft {
  height: 100%;
  border-right: 1px solid #f2f3f5;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
  text-overflow: ellipsis;
  width: 100%;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-tabs .wufeng-inputs-colItemRight {
  height: 100%;
  overflow: auto;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-inputGroupWrap {
  width: 100%;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-inputGroupWrap .wufeng-inputs-service-tree {
  width: calc(100% - 108px);
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-inputGroupWrap .wufeng-inputs-service-tree span[class*='editor-input-group-addon'] {
  display: none;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-inputGroupWrap .wufeng-inputs-search {
  width: 100%;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-inputGroupWrap .wufeng-inputs-search span[class*='editor-input-group-addon'] {
  display: none;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap {
  margin-top: 8px;
  height: calc(100% - 40px);
  overflow-y: auto;
  width: 100%;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .wufeng-inputs-treeWrap {
  height: calc(100%);
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .editor-tree-switcher {
  width: 12px;
  line-height: 28px;
  background: none;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .editor-tree-iconEle {
  display: flex;
  align-items: center;
  width: auto;
  height: 30px;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .wufeng-inputs-normalItem {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 42px;
  padding: 12px 16px;
  font-size: 12px;
  cursor: pointer;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .wufeng-inputs-normalItem .wufeng-inputs-normalTitle {
  flex: 1 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #1c242e;
  font-weight: 400;
  font-size: 12px;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .wufeng-inputs-normalItem .wufeng-inputs-normalTitle .wufeng-inputs-normalUrl {
  color: rgba(28, 36, 46, 0.35);
  margin-left: 4px;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .wufeng-inputs-select-normalItem {
  background: rgba(68, 119, 238, 0.1) !important;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .wufeng-inputs-treeItem {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 30px;
  padding-left: 6px;
  padding-right: 16px;
  font-size: 12px;
  align-items: center;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .wufeng-inputs-treeItem .wufeng-inputs-normalTitle {
  flex: 1 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #1c242e;
  font-weight: 400;
  font-size: 12px;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .wufeng-inputs-treeItem .wufeng-inputs-normalTitle .editor-tree-icon__customize {
  display: none;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .wufeng-inputs-treeItem .wufeng-inputs-normalTitle .wufeng-inputs-normalUrl {
  color: rgba(28, 36, 46, 0.35);
  margin-left: 4px;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .wufeng-inputs-bottomLine {
  width: calc(100% - 32px);
  margin: 0 16px;
  border-bottom: 1px dashed #f0f0f0;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .editor-tree-title {
  width: 100%;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .editor-tree-switcher {
  margin: auto;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .editor-tree-treenode {
  padding-top: 4px;
  padding-bottom: 8px;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .editor-tree-treenode-selected:before {
  background: rgba(68, 119, 238, 0.1);
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-list-Wrap .editor-tree-node-content-wrapper {
  padding: 0;
}
.wufeng-inputs-modalWrap .wufeng-inputs-modalContainer .wufeng-inputs-empty-Wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wufeng-inputs-service-details {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 100%;
}
.wufeng-inputs-service-details .wufeng-inputs-paramBg {
  flex: 1;
  background: rgba(0, 0, 0, 0.25);
}
.wufeng-inputs-service-details .wufeng-inputs-paramContent {
  width: 90%;
  height: 100%;
  background-color: #fff;
}
.wufeng-inputs-service-details .wufeng-inputs-paramContent .wufeng-inputs-paramBack {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 32px;
  padding: 0 16px;
  background: #f6f8fa;
}
.wufeng-inputs-service-details .wufeng-inputs-paramContent .wufeng-inputs-paramBack .editor-btn-link:hover {
  color: #47e;
}
.wufeng-inputs-service-details .wufeng-inputs-paramContent .editor-tabs-tab {
  font-size: 12px;
}
.wufeng-inputs-service-details .wufeng-inputs-paramContent .editor-tabs-nav-list {
  gap: 10px;
}
.wufeng-inputs-service-details .wufeng-inputs-paramContent .editor-table-row-expand-icon {
  margin-top: 0;
}
.wufeng-inputs-service-details .wufeng-inputs-paramContent .wufeng-inputs-paramList {
  height: calc(100% - 28px);
}
.wufeng-inputs-service-details .wufeng-inputs-paramContent .wufeng-inputs-paramList .wufeng-inputs-paramTable {
  height: calc(100% - 40px);
  padding: 0 16px;
}