@qn-pandora/pandora-component 4.1.1 → 4.1.2

package/es/index.css

@@ -102,259 +102,6 @@
 .pandora-sdk-breadcrumb a {
   text-decoration: none;
 }
-@-webkit-keyframes antCheckboxEffect {
-  0% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-    opacity: 0.5;
-  }
-  100% {
-    -webkit-transform: scale(1.6);
-            transform: scale(1.6);
-    opacity: 0;
-  }
-}
-@keyframes antCheckboxEffect {
-  0% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-    opacity: 0.5;
-  }
-  100% {
-    -webkit-transform: scale(1.6);
-            transform: scale(1.6);
-    opacity: 0;
-  }
-}
-.ant-checkbox {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5715;
-  list-style: none;
-  -webkit-font-feature-settings: 'tnum';
-          font-feature-settings: 'tnum';
-  position: relative;
-  top: 0.2em;
-  line-height: 1;
-  white-space: nowrap;
-  outline: none;
-  cursor: pointer;
-}
-.ant-checkbox-wrapper:hover .ant-checkbox-inner,
-.ant-checkbox:hover .ant-checkbox-inner,
-.ant-checkbox-input:focus + .ant-checkbox-inner {
-  border-color: #1890ff;
-}
-.ant-checkbox-checked::after {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: 1px solid #1890ff;
-  border-radius: 2px;
-  visibility: hidden;
-  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
-          animation: antCheckboxEffect 0.36s ease-in-out;
-  -webkit-animation-fill-mode: backwards;
-          animation-fill-mode: backwards;
-  content: '';
-}
-.ant-checkbox:hover::after,
-.ant-checkbox-wrapper:hover .ant-checkbox::after {
-  visibility: visible;
-}
-.ant-checkbox-inner {
-  position: relative;
-  top: 0;
-  left: 0;
-  display: block;
-  width: 16px;
-  height: 16px;
-  direction: ltr;
-  background-color: #fff;
-  border: 1px solid #d9d9d9;
-  border-radius: 2px;
-  border-collapse: separate;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-}
-.ant-checkbox-inner::after {
-  position: absolute;
-  top: 50%;
-  left: 21.5%;
-  display: table;
-  width: 5.71428571px;
-  height: 9.14285714px;
-  border: 2px solid #fff;
-  border-top: 0;
-  border-left: 0;
-  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
-          transform: rotate(45deg) scale(0) translate(-50%, -50%);
-  opacity: 0;
-  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
-  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
-  content: ' ';
-}
-.ant-checkbox-input {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  width: 100%;
-  height: 100%;
-  cursor: pointer;
-  opacity: 0;
-}
-.ant-checkbox-checked .ant-checkbox-inner::after {
-  position: absolute;
-  display: table;
-  border: 2px solid #fff;
-  border-top: 0;
-  border-left: 0;
-  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
-          transform: rotate(45deg) scale(1) translate(-50%, -50%);
-  opacity: 1;
-  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
-  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
-  content: ' ';
-}
-.ant-checkbox-checked .ant-checkbox-inner {
-  background-color: #1890ff;
-  border-color: #1890ff;
-}
-.ant-checkbox-disabled {
-  cursor: not-allowed;
-}
-.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
-  border-color: rgba(0, 0, 0, 0.25);
-  -webkit-animation-name: none;
-          animation-name: none;
-}
-.ant-checkbox-disabled .ant-checkbox-input {
-  cursor: not-allowed;
-}
-.ant-checkbox-disabled .ant-checkbox-inner {
-  background-color: #f5f5f5;
-  border-color: #d9d9d9 !important;
-}
-.ant-checkbox-disabled .ant-checkbox-inner::after {
-  border-color: #f5f5f5;
-  border-collapse: separate;
-  -webkit-animation-name: none;
-          animation-name: none;
-}
-.ant-checkbox-disabled + span {
-  color: rgba(0, 0, 0, 0.25);
-  cursor: not-allowed;
-}
-.ant-checkbox-disabled:hover::after,
-.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
-  visibility: hidden;
-}
-.ant-checkbox-wrapper {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5715;
-  list-style: none;
-  -webkit-font-feature-settings: 'tnum';
-          font-feature-settings: 'tnum';
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-align: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
-  line-height: unset;
-  cursor: pointer;
-}
-.ant-checkbox-wrapper::after {
-  display: inline-block;
-  width: 0;
-  overflow: hidden;
-  content: '\a0';
-}
-.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
-  cursor: not-allowed;
-}
-.ant-checkbox-wrapper + .ant-checkbox-wrapper {
-  margin-left: 8px;
-}
-.ant-checkbox + span {
-  padding-right: 8px;
-  padding-left: 8px;
-}
-.ant-checkbox-group {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5715;
-  list-style: none;
-  -webkit-font-feature-settings: 'tnum';
-          font-feature-settings: 'tnum';
-  display: inline-block;
-}
-.ant-checkbox-group-item {
-  margin-right: 8px;
-}
-.ant-checkbox-group-item:last-child {
-  margin-right: 0;
-}
-.ant-checkbox-group-item + .ant-checkbox-group-item {
-  margin-left: 0;
-}
-.ant-checkbox-indeterminate .ant-checkbox-inner {
-  background-color: #fff;
-  border-color: #d9d9d9;
-}
-.ant-checkbox-indeterminate .ant-checkbox-inner::after {
-  top: 50%;
-  left: 50%;
-  width: 8px;
-  height: 8px;
-  background-color: #1890ff;
-  border: 0;
-  -webkit-transform: translate(-50%, -50%) scale(1);
-          transform: translate(-50%, -50%) scale(1);
-  opacity: 1;
-  content: ' ';
-}
-.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-color: rgba(0, 0, 0, 0.25);
-}
-.ant-checkbox-rtl {
-  direction: rtl;
-}
-.ant-checkbox-group-rtl .ant-checkbox-group-item {
-  margin-right: 0;
-  margin-left: 8px;
-}
-.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
-  margin-left: 0 !important;
-}
-.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
-  margin-left: 8px;
-}
-.ant-checkbox-inner::after {
-  left: 20%;
-}
 .ant-card {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -3257,101 +3004,346 @@ a.ant-btn-icon-only > .anticon {
   margin-right: -0.34em;
   letter-spacing: 0.34em;
 }
-.ant-btn-block {
-  width: 100%;
+.ant-btn-block {
+  width: 100%;
+}
+.ant-btn:empty {
+  display: inline-block;
+  width: 0;
+  visibility: hidden;
+  content: '\a0';
+}
+a.ant-btn {
+  padding-top: 0.01px !important;
+  line-height: 30px;
+}
+a.ant-btn-lg {
+  line-height: 38px;
+}
+a.ant-btn-sm {
+  line-height: 22px;
+}
+.ant-btn-rtl {
+  direction: rtl;
+}
+.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
+.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
+  border-right-color: #40a9ff;
+  border-left-color: #d9d9d9;
+}
+.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
+.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
+  border-right-color: #d9d9d9;
+  border-left-color: #40a9ff;
+}
+.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
+  padding-right: 0;
+  padding-left: 8px;
+}
+.ant-btn > .ant-btn-loading-icon:only-child .anticon {
+  padding-right: 0;
+  padding-left: 0;
+}
+.ant-btn-rtl.ant-btn > .anticon + span,
+.ant-btn-rtl.ant-btn > span + .anticon {
+  margin-right: 8px;
+  margin-left: 0;
+}
+.pandora-sdk-button {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.pandora-sdk-button.pandora-sdk-button-disabled {
+  background: #eee;
+  color: #bfbfbf;
+  border-color: #eee;
+  pointer-events: none;
+  text-shadow: none;
+}
+.pandora-sdk-button.pandora-sdk-type-default {
+  background: #d9d9d9;
+  color: rgba(0, 0, 0, 0.65);
+  border: 1px solid #d9d9d9;
+}
+.pandora-sdk-button.pandora-sdk-type-default:hover,
+.pandora-sdk-button.pandora-sdk-type-default:focus {
+  background: #fafafa;
+  border-color: #d9d9d9;
+}
+.pandora-sdk-button.pandora-sdk-size-large {
+  font-size: 16px;
+  padding: 0 20px;
+  height: 32px;
+}
+.pandora-sdk-button.pandora-sdk-size-default {
+  font-size: 14px;
+  padding: 0 16px;
+  height: 32px;
+}
+.pandora-sdk-button.pandora-sdk-size-small {
+  font-size: 12px;
+  padding: 4px 14px;
+}
+.pandora-sdk-button.pandora-sdk-size-mini {
+  font-size: 10px;
+  padding: 2px 6px;
+}
+.pandora-sdk-button .anticon {
+  color: inherit;
+  vertical-align: middle;
+}
+@-webkit-keyframes antCheckboxEffect {
+  0% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    opacity: 0.5;
+  }
+  100% {
+    -webkit-transform: scale(1.6);
+            transform: scale(1.6);
+    opacity: 0;
+  }
+}
+@keyframes antCheckboxEffect {
+  0% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    opacity: 0.5;
+  }
+  100% {
+    -webkit-transform: scale(1.6);
+            transform: scale(1.6);
+    opacity: 0;
+  }
+}
+.ant-checkbox {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  -webkit-font-feature-settings: 'tnum';
+          font-feature-settings: 'tnum';
+  position: relative;
+  top: 0.2em;
+  line-height: 1;
+  white-space: nowrap;
+  outline: none;
+  cursor: pointer;
+}
+.ant-checkbox-wrapper:hover .ant-checkbox-inner,
+.ant-checkbox:hover .ant-checkbox-inner,
+.ant-checkbox-input:focus + .ant-checkbox-inner {
+  border-color: #1890ff;
+}
+.ant-checkbox-checked::after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 1px solid #1890ff;
+  border-radius: 2px;
+  visibility: hidden;
+  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
+          animation: antCheckboxEffect 0.36s ease-in-out;
+  -webkit-animation-fill-mode: backwards;
+          animation-fill-mode: backwards;
+  content: '';
+}
+.ant-checkbox:hover::after,
+.ant-checkbox-wrapper:hover .ant-checkbox::after {
+  visibility: visible;
+}
+.ant-checkbox-inner {
+  position: relative;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 16px;
+  height: 16px;
+  direction: ltr;
+  background-color: #fff;
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  border-collapse: separate;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+.ant-checkbox-inner::after {
+  position: absolute;
+  top: 50%;
+  left: 21.5%;
+  display: table;
+  width: 5.71428571px;
+  height: 9.14285714px;
+  border: 2px solid #fff;
+  border-top: 0;
+  border-left: 0;
+  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
+          transform: rotate(45deg) scale(0) translate(-50%, -50%);
+  opacity: 0;
+  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
+  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
+  content: ' ';
+}
+.ant-checkbox-input {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  opacity: 0;
+}
+.ant-checkbox-checked .ant-checkbox-inner::after {
+  position: absolute;
+  display: table;
+  border: 2px solid #fff;
+  border-top: 0;
+  border-left: 0;
+  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
+          transform: rotate(45deg) scale(1) translate(-50%, -50%);
+  opacity: 1;
+  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
+  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
+  content: ' ';
+}
+.ant-checkbox-checked .ant-checkbox-inner {
+  background-color: #1890ff;
+  border-color: #1890ff;
+}
+.ant-checkbox-disabled {
+  cursor: not-allowed;
+}
+.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
+  border-color: rgba(0, 0, 0, 0.25);
+  -webkit-animation-name: none;
+          animation-name: none;
+}
+.ant-checkbox-disabled .ant-checkbox-input {
+  cursor: not-allowed;
+}
+.ant-checkbox-disabled .ant-checkbox-inner {
+  background-color: #f5f5f5;
+  border-color: #d9d9d9 !important;
+}
+.ant-checkbox-disabled .ant-checkbox-inner::after {
+  border-color: #f5f5f5;
+  border-collapse: separate;
+  -webkit-animation-name: none;
+          animation-name: none;
+}
+.ant-checkbox-disabled + span {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+}
+.ant-checkbox-disabled:hover::after,
+.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
+  visibility: hidden;
 }
-.ant-btn:empty {
+.ant-checkbox-wrapper {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  -webkit-font-feature-settings: 'tnum';
+          font-feature-settings: 'tnum';
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+  line-height: unset;
+  cursor: pointer;
+}
+.ant-checkbox-wrapper::after {
   display: inline-block;
   width: 0;
-  visibility: hidden;
+  overflow: hidden;
   content: '\a0';
 }
-a.ant-btn {
-  padding-top: 0.01px !important;
-  line-height: 30px;
-}
-a.ant-btn-lg {
-  line-height: 38px;
-}
-a.ant-btn-sm {
-  line-height: 22px;
-}
-.ant-btn-rtl {
-  direction: rtl;
-}
-.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
-.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
-  border-right-color: #40a9ff;
-  border-left-color: #d9d9d9;
+.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
+  cursor: not-allowed;
 }
-.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
-.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
-  border-right-color: #d9d9d9;
-  border-left-color: #40a9ff;
+.ant-checkbox-wrapper + .ant-checkbox-wrapper {
+  margin-left: 8px;
 }
-.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
-  padding-right: 0;
+.ant-checkbox + span {
+  padding-right: 8px;
   padding-left: 8px;
 }
-.ant-btn > .ant-btn-loading-icon:only-child .anticon {
-  padding-right: 0;
-  padding-left: 0;
+.ant-checkbox-group {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  -webkit-font-feature-settings: 'tnum';
+          font-feature-settings: 'tnum';
+  display: inline-block;
 }
-.ant-btn-rtl.ant-btn > .anticon + span,
-.ant-btn-rtl.ant-btn > span + .anticon {
+.ant-checkbox-group-item {
   margin-right: 8px;
-  margin-left: 0;
-}
-.pandora-sdk-button {
-  -webkit-box-shadow: none;
-          box-shadow: none;
 }
-.pandora-sdk-button.pandora-sdk-button-disabled {
-  background: #eee;
-  color: #bfbfbf;
-  border-color: #eee;
-  pointer-events: none;
-  text-shadow: none;
+.ant-checkbox-group-item:last-child {
+  margin-right: 0;
 }
-.pandora-sdk-button.pandora-sdk-type-default {
-  background: #d9d9d9;
-  color: rgba(0, 0, 0, 0.65);
-  border: 1px solid #d9d9d9;
+.ant-checkbox-group-item + .ant-checkbox-group-item {
+  margin-left: 0;
 }
-.pandora-sdk-button.pandora-sdk-type-default:hover,
-.pandora-sdk-button.pandora-sdk-type-default:focus {
-  background: #fafafa;
+.ant-checkbox-indeterminate .ant-checkbox-inner {
+  background-color: #fff;
   border-color: #d9d9d9;
 }
-.pandora-sdk-button.pandora-sdk-size-large {
-  font-size: 16px;
-  padding: 0 20px;
-  height: 32px;
+.ant-checkbox-indeterminate .ant-checkbox-inner::after {
+  top: 50%;
+  left: 50%;
+  width: 8px;
+  height: 8px;
+  background-color: #1890ff;
+  border: 0;
+  -webkit-transform: translate(-50%, -50%) scale(1);
+          transform: translate(-50%, -50%) scale(1);
+  opacity: 1;
+  content: ' ';
 }
-.pandora-sdk-button.pandora-sdk-size-default {
-  font-size: 14px;
-  padding: 0 16px;
-  height: 32px;
+.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
+  background-color: rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.25);
 }
-.pandora-sdk-button.pandora-sdk-size-small {
-  font-size: 12px;
-  padding: 4px 14px;
+.ant-checkbox-rtl {
+  direction: rtl;
 }
-.pandora-sdk-button.pandora-sdk-size-mini {
-  font-size: 10px;
-  padding: 2px 6px;
+.ant-checkbox-group-rtl .ant-checkbox-group-item {
+  margin-right: 0;
+  margin-left: 8px;
 }
-.pandora-sdk-button .anticon {
-  color: inherit;
-  vertical-align: middle;
+.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
+  margin-left: 0 !important;
 }
-.pandora-sdk-checkbox-item {
-  white-space: nowrap;
-  width: 100%;
+.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
+  margin-left: 8px;
 }
-.pandora-sdk-checkbox-item.ant-checkbox-wrapper {
-  margin-left: 0;
-  line-height: 25px;
+.ant-checkbox-inner::after {
+  left: 20%;
 }
 .ant-divider {
   -webkit-box-sizing: border-box;
@@ -4340,6 +4332,14 @@ textarea.ant-input {
   padding-left: 16px;
   padding-right: 16px;
 }
+.pandora-sdk-checkbox-item {
+  white-space: nowrap;
+  width: 100%;
+}
+.pandora-sdk-checkbox-item.ant-checkbox-wrapper {
+  margin-left: 0;
+  line-height: 25px;
+}
 .ant-collapse {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -4862,6 +4862,15 @@ textarea.ant-input {
   margin-right: 8px;
   margin-left: 0;
 }
+.pandora-sdk-descriptions .pandora-sdk-remark-icon {
+  margin-left: 5px;
+}
+.pandora-sdk-descriptions .ant-descriptions-item-label {
+  color: #999;
+}
+.pandora-sdk-descriptions .ant-descriptions-item-content {
+  color: #333;
+}
 .pandora-sdk-datetime-pick-popover-root .ant-popover-inner-content {
   padding: 0;
 }
@@ -5160,14 +5169,11 @@ textarea.ant-input {
 .pandora-sdk-drawer-close-icon {
   margin-left: 24px;
 }
-.pandora-sdk-descriptions .pandora-sdk-remark-icon {
-  margin-left: 5px;
-}
-.pandora-sdk-descriptions .ant-descriptions-item-label {
-  color: #999;
+.ant-input[disabled] {
+  border-color: #d9d9d9;
 }
-.pandora-sdk-descriptions .ant-descriptions-item-content {
-  color: #333;
+.ant-input-group-addon {
+  color: #666;
 }
 .ant-upload {
   -webkit-box-sizing: border-box;
@@ -5936,12 +5942,6 @@ textarea.ant-input {
 .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag .ant-upload-btn {
   padding: 0;
 }
-.ant-input[disabled] {
-  border-color: #d9d9d9;
-}
-.ant-input-group-addon {
-  color: #666;
-}
 .pandora-sdk-key-value-label,
 .pandora-sdk-key-value-value {
   display: inline-block;
@@ -6948,6 +6948,15 @@ textarea.ant-input {
 .ant-menu-horizontal > .ant-menu-item .pandora-sdk-menu-item-a {
   color: #333;
 }
+.pandora-sdk-name-explain-icon {
+  color: inherit;
+  -webkit-transition: color 0.3s;
+  transition: color 0.3s;
+}
+.pandora-sdk-name-explain-icon:hover,
+.pandora-sdk-name-explain-icon .ant-tooltip-open {
+  color: #2c6dd2;
+}
 .ant-modal {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -7502,15 +7511,6 @@ textarea.ant-input {
   max-height: 200px;
   overflow: auto;
 }
-.pandora-sdk-name-explain-icon {
-  color: inherit;
-  -webkit-transition: color 0.3s;
-  transition: color 0.3s;
-}
-.pandora-sdk-name-explain-icon:hover,
-.pandora-sdk-name-explain-icon .ant-tooltip-open {
-  color: #2c6dd2;
-}
 .ant-radio-group {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -10519,6 +10519,32 @@ textarea.ant-input-number {
 .pandora-sdk-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon {
   color: inherit;
 }
+.pandora-sdk-tabs .pandora-sdk-tabs-tab {
+  position: relative;
+}
+.pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
+  opacity: 1;
+  pointer-events: auto;
+}
+.pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
+  margin-right: 0;
+}
+.pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
+  margin-left: 8px;
+  font-size: 12px;
+  color: #d9d9d9;
+  -webkit-transition: color 0.5s, opacity 0.2s;
+  transition: color 0.5s, opacity 0.2s;
+  pointer-events: none;
+  opacity: 0;
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+.pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
+  color: #2c6dd2;
+}
 .ant-table.ant-table-middle {
   font-size: 14px;
 }
@@ -12512,37 +12538,11 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-popover {
   max-width: 400px;
   max-height: 1000px;
-  overflow: auto;
-  padding: 8px;
-}
-.pandora-sdk-popover > div {
-  margin: 4px;
-}
-.pandora-sdk-tabs .pandora-sdk-tabs-tab {
-  position: relative;
-}
-.pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
-  opacity: 1;
-  pointer-events: auto;
-}
-.pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
-  margin-right: 0;
-}
-.pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
-  margin-left: 8px;
-  font-size: 12px;
-  color: #d9d9d9;
-  -webkit-transition: color 0.5s, opacity 0.2s;
-  transition: color 0.5s, opacity 0.2s;
-  pointer-events: none;
-  opacity: 0;
-  position: absolute;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
+  overflow: auto;
+  padding: 8px;
 }
-.pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
-  color: #2c6dd2;
+.pandora-sdk-popover > div {
+  margin: 4px;
 }
 .pandora-sdk-timeline-container {
   list-style: none;
@@ -12565,24 +12565,6 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
   color: #7a869a;
 }
-.pandora-sdk-transfer-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-.pandora-sdk-transfer-container .pandora-sdk-transfer-divider {
-  height: 400px;
-}
-.pandora-sdk-transfer-container .pandora-sdk-transfer-list {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -ms-flex-preferred-size: 200px;
-      flex-basis: 200px;
-}
 @-webkit-keyframes ant-tree-node-fx-do-not-use {
   0% {
     opacity: 0;
@@ -13184,6 +13166,24 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-tree-select-dropdown .ant-empty {
   text-align: center;
 }
+.pandora-sdk-transfer-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.pandora-sdk-transfer-container .pandora-sdk-transfer-divider {
+  height: 400px;
+}
+.pandora-sdk-transfer-container .pandora-sdk-transfer-list {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  -ms-flex-preferred-size: 200px;
+      flex-basis: 200px;
+}
 .ant-row {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -19079,33 +19079,6 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-card-search-input i {
   color: #bfbfbf;
 }
-.pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter {
-  width: 32px;
-  margin: 0 auto;
-  margin-top: 10px;
-  margin-bottom: 5px;
-}
-.pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter .pandora-sdk-datetime-mobile-picker-title-div {
-  border-radius: 2px;
-  border: 2px solid #939393;
-}
-.pandora-sdk-datetime-mobile-picker {
-  border-radius: 12px;
-}
-.pandora-sdk-datetime-mobile-picker .am-picker-popup-header-left {
-  visibility: hidden;
-}
-.pandora-sdk-datetime-mobile-picker .am-picker-popup-content .am-picker-popup-body .am-picker-popup-header {
-  border-bottom: none;
-  background-image: none;
-  background-position: unset;
-  background-size: unset;
-  position: initial;
-}
-.pandora-sdk-datetime-pick-input .ant-input-suffix {
-  pointer-events: none;
-  color: #7a869a;
-}
 .ant-picker {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -20389,24 +20362,65 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-selector .pandora-sdk-datetime-pick-quarter-content .pandora-sdk-selector {
   margin-left: 18px;
 }
+.pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter {
+  width: 32px;
+  margin: 0 auto;
+  margin-top: 10px;
+  margin-bottom: 5px;
+}
+.pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter .pandora-sdk-datetime-mobile-picker-title-div {
+  border-radius: 2px;
+  border: 2px solid #939393;
+}
+.pandora-sdk-datetime-mobile-picker {
+  border-radius: 12px;
+}
+.pandora-sdk-datetime-mobile-picker .am-picker-popup-header-left {
+  visibility: hidden;
+}
+.pandora-sdk-datetime-mobile-picker .am-picker-popup-content .am-picker-popup-body .am-picker-popup-header {
+  border-bottom: none;
+  background-image: none;
+  background-position: unset;
+  background-size: unset;
+  position: initial;
+}
+.pandora-sdk-datetime-pick-input .ant-input-suffix {
+  pointer-events: none;
+  color: #7a869a;
+}
 .pandora-sdk-modal-close-icon {
   font-size: 20px;
 }
 .pandora-sdk-modal-close-icon:hover {
   background: #f4f5f6;
 }
-.pandora-sdk-popover-inline-list {
+.pandora-sdk-popover-item {
   display: inline-block;
+  line-height: 18px;
+  color: #2c6dd2;
   vertical-align: middle;
+  cursor: pointer;
 }
-.pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
-  display: inline-block;
-  height: 100%;
-  margin-right: 12px;
+.pandora-sdk-popover-list {
+  min-width: 120px;
+  padding: 4px 0;
+  line-height: 32px;
+  text-align: center;
+  font-size: 12px;
 }
-.pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
+.pandora-sdk-popover-list .pandora-sdk-item {
+  color: rgba(0, 0, 0, 0.85);
+  display: block;
+  padding: 0 16px;
+}
+.pandora-sdk-popover-list .pandora-sdk-item:hover {
+  background: rgba(44, 109, 210, 0.05);
   color: #2c6dd2;
 }
+.pandora-sdk-popover-list .pandora-sdk-item.pandora-sdk-disabled {
+  color: #bfbfbf;
+}
 .pandora-sdk-item {
   color: #2c6dd2;
   cursor: pointer;
@@ -20429,32 +20443,18 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   color: inherit;
   cursor: inherit;
 }
-.pandora-sdk-popover-item {
+.pandora-sdk-popover-inline-list {
   display: inline-block;
-  line-height: 18px;
-  color: #2c6dd2;
   vertical-align: middle;
-  cursor: pointer;
-}
-.pandora-sdk-popover-list {
-  min-width: 120px;
-  padding: 4px 0;
-  line-height: 32px;
-  text-align: center;
-  font-size: 12px;
 }
-.pandora-sdk-popover-list .pandora-sdk-item {
-  color: rgba(0, 0, 0, 0.85);
-  display: block;
-  padding: 0 16px;
+.pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
+  display: inline-block;
+  height: 100%;
+  margin-right: 12px;
 }
-.pandora-sdk-popover-list .pandora-sdk-item:hover {
-  background: rgba(44, 109, 210, 0.05);
+.pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
   color: #2c6dd2;
 }
-.pandora-sdk-popover-list .pandora-sdk-item.pandora-sdk-disabled {
-  color: #bfbfbf;
-}
 .pandora-sdk-prev-button {
   margin-right: 10px;
 }
@@ -20563,6 +20563,32 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-root.pandora-sdk-grey {
   background: #ebecf0;
 }
+.pandora-sdk-switch {
+  display: inline-block;
+  margin: 4px;
+  padding: 8px;
+  border-radius: 100px;
+  line-height: 1;
+  font-size: 16px;
+  color: #7a869a;
+  background: #ebecf0;
+  cursor: pointer;
+}
+.pandora-sdk-switch.pandora-sdk-active {
+  color: #d9d9d9;
+}
+.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-primary {
+  background: #2c6dd2;
+}
+.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-green {
+  background: #52c41a;
+}
+.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-yellow {
+  background: #faad14;
+}
+.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
+  background: #03a9f4;
+}
 .pandora-sdk-timeline-item {
   font-size: 14px;
   list-style: none;
@@ -20607,32 +20633,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   font-size: 14px;
   color: #333;
 }
-.pandora-sdk-switch {
-  display: inline-block;
-  margin: 4px;
-  padding: 8px;
-  border-radius: 100px;
-  line-height: 1;
-  font-size: 16px;
-  color: #7a869a;
-  background: #ebecf0;
-  cursor: pointer;
-}
-.pandora-sdk-switch.pandora-sdk-active {
-  color: #d9d9d9;
-}
-.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-primary {
-  background: #2c6dd2;
-}
-.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-green {
-  background: #52c41a;
-}
-.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-yellow {
-  background: #faad14;
-}
-.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
-  background: #03a9f4;
-}
 .pandora-sdk-transfer-list {
   overflow: hidden;
 }
@@ -20664,34 +20664,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
   margin-bottom: 10px;
 }
-.pandora-sdk-panel-title {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  font-size: 12px;
-  color: #42526e;
-  cursor: pointer;
-  padding-bottom: 16px;
-  border-bottom: 1px solid #d9d9d9;
-}
-.pandora-sdk-panel-title .icon {
-  font-size: 14px;
-}
-.pandora-sdk-panel-content {
-  padding: 20px 0 0 0;
-}
-.pandora-sdk-panel-hidden {
-  display: none;
-}
-.pandora-sdk-panel {
-  margin-bottom: 20px;
-}
-.pandora-sdk-panel-disable {
-  cursor: default;
-}
 .pandora-sdk-datetime-mobile-pick-range-preset-head {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -20728,3 +20700,31 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   border-radius: 2px;
   border: 2px solid #939393;
 }
+.pandora-sdk-panel-title {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  font-size: 12px;
+  color: #42526e;
+  cursor: pointer;
+  padding-bottom: 16px;
+  border-bottom: 1px solid #d9d9d9;
+}
+.pandora-sdk-panel-title .icon {
+  font-size: 14px;
+}
+.pandora-sdk-panel-content {
+  padding: 20px 0 0 0;
+}
+.pandora-sdk-panel-hidden {
+  display: none;
+}
+.pandora-sdk-panel {
+  margin-bottom: 20px;
+}
+.pandora-sdk-panel-disable {
+  cursor: default;
+}