amis 1.8.0-beta.16 → 1.8.0-beta.17

package/lib/themes/default-ie11.css

@@ -27365,6 +27365,21 @@ td.rdtQuarter.rdtDisabled > span {
 .cxd-TabsTransfer .cxd-Transfer-title {
   height: 40px;
 }
+.cxd-TabsTransfer-tabs .cxd-Tabs-linksContainer {
+  padding-left: 1.25rem;
+  padding-top: 0.5rem;
+  background-color: #f7f7f9;
+}
+.cxd-TabsTransfer-search {
+  margin: 0.5rem 0.5rem;
+}
+.cxd-TabsTransfer-search .cxd-InputBox {
+  border: 1px solid #e8e9eb;
+}
+.cxd-TabsTransfer .cxd-Transfer-result .cxd-Transfer-title {
+  height: 2.5rem;
+  line-height: 2.5rem;
+}
 .cxd-TabsTransfer-placeholder {
   height: 2rem;
   line-height: 1.4285714286;
@@ -28822,7 +28837,7 @@ td.rdtQuarter.rdtDisabled > span {
   box-sizing: border-box;
   background: #fafafa;
   border-radius: 0.25rem 0.25rem 0 0;
-  border-bottom: 0.0625rem solid #b8babf;
+  border-bottom: none;
   font-weight: 500;
 }
 .cxd-FormulaEditor-editor {
@@ -28858,11 +28873,11 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-FormulaEditor-panel {
   display: flex;
+  flex: 1;
   flex-flow: column nowrap;
   justify-content: space-between;
   align-items: stretch;
   height: 15.625rem;
-  width: 13.75rem;
   border-radius: 0.25rem;
   border: 0.0625rem solid #b8babf;
 }
@@ -28880,7 +28895,7 @@ td.rdtQuarter.rdtDisabled > span {
   box-sizing: border-box;
   background: #fafafa;
   border-radius: 0.25rem 0.25rem 0 0;
-  border-bottom: 0.0625rem solid #b8babf;
+  border-bottom: none;
   font-weight: 500;
 }
 .cxd-FormulaEditor-panel-body {
@@ -28889,36 +28904,96 @@ td.rdtQuarter.rdtDisabled > span {
   flex-flow: column nowrap;
   max-height: 13.75rem;
 }
+.cxd-FormulaEditor-panel-body--tabs {
+  max-height: 15.625rem;
+}
 .cxd-FormulaEditor-VariableList-root {
-  max-height: 13.75rem;
+  max-height: 100%;
+}
+.cxd-FormulaEditor-VariableList-body {
+  display: flex;
+  flex-flow: column nowrap;
+  max-height: 100%;
 }
-.cxd-FormulaEditor-VariableList-root.is-scrollable {
+.cxd-FormulaEditor-VariableList-base {
+  --Form-input-fontSize: var(--fontSizeSm);
+  --gap-sm: 0.625rem;
+  flex: 1;
+  max-height: 100%;
+}
+.cxd-FormulaEditor-VariableList-base.is-scrollable {
   overflow-x: hidden;
   overflow-y: auto;
 }
-.cxd-FormulaEditor-VariableList-root.is-scrollable::-webkit-scrollbar {
+.cxd-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar {
   width: 6px;
   height: 6px;
 }
-.cxd-FormulaEditor-VariableList-root.is-scrollable::-webkit-scrollbar-thumb {
+.cxd-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background: rgba(0, 0, 0, 0.3);
 }
-.cxd-FormulaEditor-VariableList-base {
-  --Form-input-fontSize: var(--fontSizeSm);
-  max-width: inherit;
-  overflow: hidden;
+.cxd-FormulaEditor-VariableList-searchBox {
+  display: flex;
+  width: auto;
+  flex-shrink: 0;
+  padding: 0.5rem;
+}
+.cxd-FormulaEditor-VariableList-searchBox > div {
+  flex: 1;
+  font-size: 0.75rem;
+  height: 1.5rem;
 }
 .cxd-FormulaEditor-VariableList-tabs {
   --Tabs-linkFontSize: var(--fontSizeSm);
   --Tabs--card-linkPadding: 0.3125rem;
-  max-height: 13.75rem;
+  max-height: 100%;
   display: flex;
   flex-flow: column nowrap;
   justify-content: space-between;
 }
-.cxd-FormulaEditor-VariableList-tabs > ul {
-  border-top: none;
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content {
+  padding: 0;
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub .cxd-FormulaEditor-VariableList-body {
+  max-height: 13.75rem;
+  overflow-y: hidden;
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base::-webkit-scrollbar-thumb {
+  border-radius: 3px;
+  background: rgba(0, 0, 0, 0.3);
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-linksContainer-wrapper {
+  width: 100%;
+  height: 1.875rem;
+  line-height: 1.875rem;
+  padding: 0 0.625rem;
+  box-sizing: border-box;
+  background: #fafafa;
+  border-radius: 0.25rem 0.25rem 0 0;
+  border-bottom: none;
+  font-weight: 500;
+  max-height: 1.875rem;
+  min-height: 1.875rem;
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-linksContainer-wrapper ul.cxd-Tabs-links > li {
+  height: 30px;
+  line-height: 30px;
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-linksContainer-wrapper ul.cxd-Tabs-links > li > a {
+  margin: 0;
+  padding: 0;
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-linksContainer--overflow > div {
+  margin: 0;
 }
 .cxd-FormulaEditor-VariableList-tabs > div {
   overflow-x: hidden;
@@ -28962,6 +29037,9 @@ td.rdtQuarter.rdtDisabled > span {
   align-items: stretch;
   flex: 1;
 }
+.cxd-FormulaEditor-FuncList .cxd-FormulaEditor-panel {
+  width: 11.75rem;
+}
 .cxd-FormulaEditor-FuncList:not(:last-child) {
   margin-right: 0.625rem;
 }

package/lib/themes/default.css

@@ -1370,6 +1370,8 @@
   --Tooltip-title-paddingY: var(--gap-sm);
   --Transfer-title-bg: #f6f8f8;
   --Transfer-selection-maxHeight: 21.875rem;
+  --TabsTransfer-title-bg: #f7f7f9;
+  --TabsTransfer-border-color: #e8e9eb;
   --Tree-indent: var(--gap-md);
   --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
   --Tree-item-onHover-bg: rgba(0, 126, 255, 0.08);
@@ -29076,6 +29078,21 @@ td.rdtQuarter.rdtDisabled > span {
 .cxd-TabsTransfer .cxd-Transfer-title {
   height: 40px;
 }
+.cxd-TabsTransfer-tabs .cxd-Tabs-linksContainer {
+  padding-left: 1.25rem;
+  padding-top: 0.5rem;
+  background-color: var(--TabsTransfer-title-bg);
+}
+.cxd-TabsTransfer-search {
+  margin: var(--gap-sm) var(--gap-sm);
+}
+.cxd-TabsTransfer-search .cxd-InputBox {
+  border: 1px solid var(--TabsTransfer-border-color);
+}
+.cxd-TabsTransfer .cxd-Transfer-result .cxd-Transfer-title {
+  height: 2.5rem;
+  line-height: 2.5rem;
+}
 .cxd-TabsTransfer-placeholder {
   height: var(--Form-input-height);
   line-height: var(--Form-input-lineHeight);
@@ -30468,7 +30485,7 @@ td.rdtQuarter.rdtDisabled > span {
   box-sizing: border-box;
   background: var(--InputFormula-header-bgColor);
   border-radius: var(--borderRadius) var(--borderRadius) 0 0;
-  border-bottom: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+  border-bottom: none;
   font-weight: 500;
 }
 .cxd-FormulaEditor-editor {
@@ -30504,11 +30521,11 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-FormulaEditor-panel {
   display: flex;
+  flex: 1;
   flex-flow: column nowrap;
   justify-content: space-between;
   align-items: stretch;
   height: 15.625rem;
-  width: 13.75rem;
   border-radius: var(--borderRadius);
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
 }
@@ -30526,7 +30543,7 @@ td.rdtQuarter.rdtDisabled > span {
   box-sizing: border-box;
   background: var(--InputFormula-header-bgColor);
   border-radius: var(--borderRadius) var(--borderRadius) 0 0;
-  border-bottom: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+  border-bottom: none;
   font-weight: 500;
 }
 .cxd-FormulaEditor-panel-body {
@@ -30535,36 +30552,96 @@ td.rdtQuarter.rdtDisabled > span {
   flex-flow: column nowrap;
   max-height: 13.75rem;
 }
+.cxd-FormulaEditor-panel-body--tabs {
+  max-height: 15.625rem;
+}
 .cxd-FormulaEditor-VariableList-root {
-  max-height: 13.75rem;
+  max-height: 100%;
 }
-.cxd-FormulaEditor-VariableList-root.is-scrollable {
+.cxd-FormulaEditor-VariableList-body {
+  display: flex;
+  flex-flow: column nowrap;
+  max-height: 100%;
+}
+.cxd-FormulaEditor-VariableList-base {
+  --Form-input-fontSize: var(--fontSizeSm);
+  --gap-sm: 0.625rem;
+  flex: 1;
+  max-height: 100%;
+}
+.cxd-FormulaEditor-VariableList-base.is-scrollable {
   overflow-x: hidden;
   overflow-y: auto;
 }
-.cxd-FormulaEditor-VariableList-root.is-scrollable::-webkit-scrollbar {
+.cxd-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar {
   width: 6px;
   height: 6px;
 }
-.cxd-FormulaEditor-VariableList-root.is-scrollable::-webkit-scrollbar-thumb {
+.cxd-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background: rgba(0, 0, 0, 0.3);
 }
-.cxd-FormulaEditor-VariableList-base {
-  --Form-input-fontSize: var(--fontSizeSm);
-  max-width: inherit;
-  overflow: hidden;
+.cxd-FormulaEditor-VariableList-searchBox {
+  display: flex;
+  width: auto;
+  flex-shrink: 0;
+  padding: 0.5rem;
+}
+.cxd-FormulaEditor-VariableList-searchBox > div {
+  flex: 1;
+  font-size: var(--fontSizeSm);
+  height: var(--gap-xl);
 }
 .cxd-FormulaEditor-VariableList-tabs {
   --Tabs-linkFontSize: var(--fontSizeSm);
   --Tabs--card-linkPadding: 0.3125rem;
-  max-height: 13.75rem;
+  max-height: 100%;
   display: flex;
   flex-flow: column nowrap;
   justify-content: space-between;
 }
-.cxd-FormulaEditor-VariableList-tabs > ul {
-  border-top: none;
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content {
+  padding: 0;
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub .cxd-FormulaEditor-VariableList-body {
+  max-height: 13.75rem;
+  overflow-y: hidden;
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base::-webkit-scrollbar-thumb {
+  border-radius: 3px;
+  background: rgba(0, 0, 0, 0.3);
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-linksContainer-wrapper {
+  width: 100%;
+  height: 1.875rem;
+  line-height: 1.875rem;
+  padding: 0 0.625rem;
+  box-sizing: border-box;
+  background: var(--InputFormula-header-bgColor);
+  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
+  border-bottom: none;
+  font-weight: 500;
+  max-height: 1.875rem;
+  min-height: 1.875rem;
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-linksContainer-wrapper ul.cxd-Tabs-links > li {
+  height: 30px;
+  line-height: 30px;
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-linksContainer-wrapper ul.cxd-Tabs-links > li > a {
+  margin: 0;
+  padding: 0;
+}
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-linksContainer--overflow > div {
+  margin: 0;
 }
 .cxd-FormulaEditor-VariableList-tabs > div {
   overflow-x: hidden;
@@ -30608,6 +30685,9 @@ td.rdtQuarter.rdtDisabled > span {
   align-items: stretch;
   flex: 1;
 }
+.cxd-FormulaEditor-FuncList .cxd-FormulaEditor-panel {
+  width: 11.75rem;
+}
 .cxd-FormulaEditor-FuncList:not(:last-child) {
   margin-right: 0.625rem;
 }