amis 2.0.0-rc.10 → 2.0.0-rc.14

package/lib/themes/cxd-ie11.css

@@ -7330,7 +7330,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button--sm .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--sm > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--sm > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--sm .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--sm > .pull-right {
@@ -7339,7 +7339,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button--sm .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--sm > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--sm > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--sm .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--sm > .pull-right {
@@ -7367,7 +7367,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button--md .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--md > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--md > .pull-left {
-  margin-right: 0.75rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--md .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--md > .pull-right {
@@ -7376,7 +7376,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button--md .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--md > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--md > .pull-left {
-  margin-right: 0.75rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--md .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--md > .pull-right {
@@ -7404,7 +7404,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button--lg .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--lg > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--lg > .pull-left {
-  margin-right: 1rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--lg .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--lg > .pull-right {
@@ -7413,7 +7413,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button--lg .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--lg > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--lg > .pull-left {
-  margin-right: 1rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--lg .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--lg > .pull-right {
@@ -7452,7 +7452,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Button > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button > .pull-left {
-  margin-right: 0.75rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Button > .pull-right {
@@ -7461,7 +7461,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Button > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button > .pull-left {
-  margin-right: 0.75rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Button > .pull-right {
@@ -7501,6 +7501,7 @@ img.cxd-AsideNav-itemIcon {
           text-decoration: none;
   border: none;
   height: auto;
+  padding: 0;
 }
 .cxd-Button--link:hover:focus {
   color: #209bfd;
@@ -9365,7 +9366,7 @@ input[type=button].cxd-Button--block {
 .cxd-ArrayInput-addBtn .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .cxd-ArrayInput-addBtn > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-ArrayInput-addBtn .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-ArrayInput-addBtn > .pull-right {
@@ -9374,7 +9375,7 @@ input[type=button].cxd-Button--block {
 .cxd-ArrayInput-addBtn .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .cxd-ArrayInput-addBtn > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-ArrayInput-addBtn .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-ArrayInput-addBtn > .pull-right {
@@ -10653,7 +10654,8 @@ input[type=button].cxd-Button--block {
     flex-direction: row;
     align-items: stretch;
   }
-  .cxd-Page--withSidebar > .cxd-Page-content {
+  .cxd-Page--withSidebar > .cxd-Page-content,
+.cxd-Page--withSidebar .cxd-PullRefresh {
     width: 0;
     flex-grow: 1;
   }
@@ -12238,6 +12240,15 @@ input[type=button].cxd-Button--block {
       -ms-user-select: none;
           user-select: none;
 }
+.cxd-CBPicker-trigger {
+  cursor: pointer;
+  transition: transform 0.2s ease-out;
+  display: flex;
+  color: #84868c;
+}
+.cxd-CBPicker-trigger:hover {
+  color: #2468f2;
+}
 @-webkit-keyframes contextMenuInSpecial {
   from {
     transform: scale3d(1, 1, 1);
@@ -12695,7 +12706,6 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
 }
 .cxd-Crud-toolbar-item {
-  margin-left: 0.625rem;
   margin-top: 0.625rem;
   line-height: 1.5;
   height: 1.875rem;
@@ -12703,6 +12713,9 @@ input[type=button].cxd-Button--block {
   display: inline-flex;
   align-items: center;
 }
+.cxd-Crud-toolbar-item:not(:first-child) {
+  margin-left: 0.625rem;
+}
 .cxd-Crud-toolbar-item--left {
   float: left;
 }
@@ -12734,7 +12747,6 @@ input[type=button].cxd-Button--block {
 }
 @media (min-width: 576px) {
   .cxd-Crud-toolbar {
-    margin-left: calc(0.625rem * -1);
     margin-top: calc(0.625rem * -1);
     flex-basis: 0;
     flex-grow: 1;
@@ -12747,11 +12759,137 @@ input[type=button].cxd-Button--block {
     clear: both;
   }
   .cxd-Crud-toolbar-item {
+    line-height: 1.5;
+    height: 1.875rem;
+    vertical-align: middle;
+  }
+  .cxd-Crud-toolbar-item:not(:first-child) {
     margin-left: 0.625rem;
+  }
+  .cxd-Crud-toolbar-item--left {
+    float: left;
+  }
+  .cxd-Crud-toolbar-item--right {
+    float: right;
+  }
+  .cxd-Crud-actions > * + .cxd-Button,
+.cxd-Crud-actions > * + .cxd-Button--disabled-wrap {
+    margin-left: 0.625rem;
+  }
+}
+.cxd-Crud2 {
+  position: relative;
+}
+.cxd-Crud2-selection, .cxd-Crud2-toolbar, .cxd-Crud2-body {
+  margin-bottom: 0.75rem;
+}
+.cxd-Crud2-selectionLabel {
+  display: inline-block;
+  vertical-align: top;
+  margin-top: 0.25rem;
+}
+.cxd-Crud2-value {
+  cursor: pointer;
+  vertical-align: middle;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  line-height: calc( 1.4285714286 * 14px - 0.125rem );
+  display: inline-block;
+  font-size: 12px;
+  color: #2468f2;
+  background: #e4edfe;
+  border: 0.0625rem solid #b3cbfc;
+  border-radius: 2px;
+  margin-right: 0.25rem;
+  margin-top: 0.25rem;
+}
+.cxd-Crud2-value:hover {
+  background: #ccdcfd;
+}
+.cxd-Crud2-value.is-disabled {
+  pointer-events: none;
+  opacity: 0.65;
+}
+.cxd-Crud2-valueIcon {
+  cursor: pointer;
+  border-right: 0.0625rem solid #b3cbfc;
+  padding: 1px 5px;
+}
+.cxd-Crud2-valueIcon:hover {
+  background: #ccdcfd;
+}
+.cxd-Crud2-valueLabel {
+  padding: 0 0.25rem;
+}
+.cxd-Crud2-selectionClear {
+  display: inline-block;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  margin-left: 0.25rem;
+  margin-top: 0.25rem;
+  vertical-align: middle;
+}
+.cxd-Crud2-toolbar-item {
+  margin-top: 0.625rem;
+  line-height: 1.5;
+  height: 1.875rem;
+  vertical-align: middle;
+  display: inline-flex;
+  align-items: center;
+}
+.cxd-Crud2-toolbar-item:not(:first-child) {
+  margin-left: 0.625rem;
+}
+.cxd-Crud2-toolbar-item--left {
+  float: left;
+}
+.cxd-Crud2-toolbar-item--right {
+  float: right;
+}
+.cxd-Crud2-actions > * + .cxd-Button,
+.cxd-Crud2-actions > * + .cxd-ButtonGroup,
+.cxd-Crud2-actions > * + .cxd-ButtonToolbar {
+  margin-left: 0.625rem;
+}
+.cxd-Crud2-statistics {
+  line-height: 1.875rem;
+  vertical-align: middle;
+}
+.cxd-Crud2-pageSwitch .cxd-Select {
+  margin-left: 0.625rem;
+}
+.cxd-Crud2-pager {
+  align-self: flex-start;
+}
+.cxd-Crud2-filter {
+  margin-bottom: 0.75rem;
+}
+@media (min-width: 576px) {
+  .cxd-Crud-toolbar {
+    margin-top: calc(0.625rem * -1);
+    flex-basis: 0;
+    flex-grow: 1;
+  }
+  .cxd-Crud-toolbar::before, .cxd-Crud-toolbar::after {
+    display: table;
+    content: "";
+  }
+  .cxd-Crud-toolbar::after {
+    clear: both;
+  }
+  .cxd-Crud-toolbar-item {
     line-height: 1.5;
     height: 1.875rem;
     vertical-align: middle;
   }
+  .cxd-Crud-toolbar-item:not(:first-child) {
+    margin-left: 0.625rem;
+  }
   .cxd-Crud-toolbar-item--left {
     float: left;
   }
@@ -15087,7 +15225,7 @@ input[type=button].cxd-Button--block {
   border-right: none;
 }
 .cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-left:not(.cxd-Table-cell-row-hover) {
-  background: #FFF;
+  background: #fff;
 }
 .cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tfoot > tr > td:not(:last-child).cxd-Table-cell-fix-left-last {
   border-right: none;
@@ -15104,7 +15242,7 @@ input[type=button].cxd-Button--block {
   border-right: none;
 }
 .cxd-Table-v2.cxd-Table-ping-right .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-right:not(.cxd-Table-cell-row-hover) {
-  background: #FFF;
+  background: #fff;
 }
 .cxd-Table-v2.cxd-Table-ping-right:not(.cxd-Table-bordered) .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-right-first-prev {
   border-right: none;
@@ -15117,7 +15255,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-v2.cxd-Table-resizable .cxd-Table-table > thead > tr > th .cxd-Table-thead-resizable {
   position: absolute;
-  width: 1px;
+  width: 3px;
   right: 0;
   top: 0;
   bottom: 0;
@@ -15164,8 +15302,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-v2 .cxd-TableCell-searchBtn {
   cursor: pointer;
-  position: static;
-  transform: translateY(-50%);
   color: #b8babf;
   margin-left: 0.5rem;
 }
@@ -17395,7 +17531,7 @@ input[type=button].cxd-Button--block {
   justify-content: flex-start;
 }
 .cxd-InputBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -17732,7 +17868,7 @@ input[type=button].cxd-Button--block {
   font-size: 14px;
   flex-wrap: wrap;
   justify-content: flex-start;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   padding: 0 0.3125rem;
   min-height: 2rem;
   align-items: center;
@@ -17740,7 +17876,7 @@ input[type=button].cxd-Button--block {
   position: relative;
 }
 .cxd-ResultBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -17777,9 +17913,6 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox--borderNone {
   border-color: transparent !important;
 }
-.cxd-ResultBox.is-clearable {
-  padding-right: 3.4375rem;
-}
 .cxd-ResultBox.is-error {
   border-color: #f33e3e;
   background: #ffffff;
@@ -17817,7 +17950,26 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox.cxd-NestedSelect {
   padding-left: 0.75rem;
 }
+.cxd-ResultBox-value-wrap {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.cxd-ResultBox-actions {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+.cxd-ResultBox-actions > *:first-child {
+  margin-left: 0.3125rem;
+}
+.cxd-ResultBox-actions > *:not(:last-child) {
+  margin-right: 0.3125rem;
+}
 .cxd-ResultBox-singleValue {
+  padding: 0 calc(0.625rem - 0.1875rem);
+  flex-grow: 1;
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
@@ -17851,10 +18003,7 @@ input[type=button].cxd-Button--block {
   margin-left: auto;
   text-decoration: none;
   height: 100%;
-  padding: 0.25rem;
   margin: auto 0;
-  position: absolute;
-  right: 10px;
   background-color: unset;
 }
 .cxd-ResultBox-clear svg {
@@ -17932,6 +18081,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ResultBox-placeholder {
   color: #b8babf;
+  flex-grow: 1;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
@@ -19172,7 +19322,7 @@ fieldset.cxd-Collapse--lg:after {
   justify-content: flex-start;
 }
 .cxd-TextControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -19513,7 +19663,7 @@ input.cxd-TextControl-input-password {
   justify-content: flex-start;
 }
 .cxd-TextareaControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -19767,7 +19917,7 @@ input.cxd-TextControl-input-password {
   background: #2468f2;
 }
 .cxd-Checkbox--checkbox input[disabled] + i {
-  border-color: #B8BABF;
+  border-color: #b8babf;
   cursor: not-allowed;
 }
 .cxd-Checkbox--checkbox input[disabled] + i:before {
@@ -19820,15 +19970,15 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input[disabled] + i {
   border-color: #e8e9eb;
-  background: #F7F7F9;
+  background: #f7f7f9;
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input[disabled]:checked + i:before {
-  border-color: #B8BABF;
-  background: #F7F7F9;
+  border-color: #b8babf;
+  background: #f7f7f9;
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked[disabled] + i {
   border-color: #e8e9eb;
-  background: #F7F7F9;
+  background: #f7f7f9;
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox > i {
   position: relative;
@@ -19859,7 +20009,7 @@ input.cxd-TextControl-input-password {
   background: #2468f2;
 }
 .cxd-Checkbox--partial.cxd-Checkbox--checkbox input[disabled] + i {
-  border-color: #B8BABF;
+  border-color: #b8babf;
 }
 .cxd-Checkbox--partial.cxd-Checkbox--checkbox input[disabled] + i:before {
   width: 0.5rem;
@@ -19869,7 +20019,7 @@ input.cxd-TextControl-input-password {
 .cxd-Checkbox--partial.cxd-Checkbox--checkbox input:checked[disabled] + i {
   width: 0.5rem;
   height: 0.5rem;
-  background: #F7F7F9;
+  background: #f7f7f9;
 }
 .cxd-Checkbox--button.cxd-Checkbox--checkbox {
   text-align: center;
@@ -19920,7 +20070,7 @@ input.cxd-TextControl-input-password {
   background: transparent;
 }
 .cxd-Checkbox--button.cxd-Checkbox--checkbox input[disabled] + i {
-  border-color: #B8BABF;
+  border-color: #b8babf;
   background: transparent;
 }
 .cxd-Checkbox--button.cxd-Checkbox--checkbox input[disabled] + i:before {
@@ -19970,7 +20120,7 @@ input.cxd-TextControl-input-password {
   border-color: #e8e9eb !important;
 }
 .cxd-Checkbox--button--disabled--checked.cxd-Checkbox--checkbox {
-  background: #F7F7F9;
+  background: #f7f7f9;
   border-color: #e8e9eb !important;
 }
 .cxd-Checkbox--button--disabled--checked.cxd-Checkbox--checkbox:hover {
@@ -20856,6 +21006,9 @@ input.cxd-TextControl-input-password {
 .cxd-Select:focus {
   box-shadow: none;
 }
+.cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu {
+  overflow-x: hidden;
+}
 .cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu .cxd-Select-option {
   height: 2rem;
   line-height: 1.375rem;
@@ -23686,7 +23839,7 @@ td.rdtQuarter.rdtDisabled:hover {
   justify-content: flex-start;
 }
 .cxd-TreeSelect-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -23847,7 +24000,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Combo-addBtn .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Combo-addBtn > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-Combo-addBtn .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Combo-addBtn > .pull-right {
@@ -23856,7 +24009,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Combo-addBtn .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Combo-addBtn > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-Combo-addBtn .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Combo-addBtn > .pull-right {
@@ -24222,7 +24375,7 @@ td.rdtQuarter.rdtDisabled:hover {
   justify-content: flex-start;
 }
 .cxd-Picker-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -24481,7 +24634,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-TagControl-sugItem .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
 .cxd-TagControl-sugItem > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-TagControl-sugItem .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-TagControl-sugItem > .pull-right {
@@ -24490,7 +24643,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-TagControl-sugItem .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
 .cxd-TagControl-sugItem > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-TagControl-sugItem .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-TagControl-sugItem > .pull-right {
@@ -25074,7 +25227,7 @@ td.rdtQuarter.rdtDisabled:hover {
   justify-content: flex-start;
 }
 .cxd-IconPickerControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -26321,6 +26474,7 @@ td.rdtQuarter.rdtDisabled:hover {
   overflow: auto;
   scroll-behavior: smooth;
   background: #fff;
+  position: relative;
 }
 .cxd-AnchorNav-section-wrap > .cxd-AnchorNav-section {
   display: block;