@qn-pandora/pandora-component 3.1.1 → 4.0.0

package/lib/components/Button/style.less

@@ -5,9 +5,9 @@
   box-shadow: none;
 
   &.@{sdk-prefix}-button-disabled {
-    background: @button-disabled-bg!important;
-    color: @button-disabled-color!important;
-    border-color: @button-disabled-border-color!important;
+    background: @button-disabled-bg;
+    color: @button-disabled-color;
+    border-color: @button-disabled-border-color;
     pointer-events: none;
     text-shadow: none;
   }
@@ -23,17 +23,6 @@
       border-color: @button-default-hover-border-color;
     }
   }
-  &.@{sdk-prefix}-type-primary {
-    background: @button-primary-bg;
-    color: @button-primary-color;
-    border: 1px solid @button-primary-border-color;
-    &:hover,
-    &:focus {
-      background: @button-primary-hover-bg;
-      color: @button-primary-hover-color;
-      border-color: @button-primary-hover-border-color;
-    }
-  }
 
   // size
   &.@{sdk-prefix}-size-large {

package/lib/components/Card/style.css

@@ -80,14 +80,14 @@
   margin-top: 0;
   margin-bottom: 0;
 }
-.ant-card-head .ant-tabs {
+.ant-card-head .ant-tabs-top {
   clear: both;
   margin-bottom: -17px;
   color: rgba(0, 0, 0, 0.65);
   font-weight: normal;
   font-size: 14px;
 }
-.ant-card-head .ant-tabs-bar {
+.ant-card-head .ant-tabs-top-bar {
   border-bottom: 1px solid #e5e5e5;
 }
 .ant-card-extra {
@@ -679,6 +679,12 @@
           box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
 }
 .ant-tabs-dropdown-menu-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   min-width: 120px;
   margin: 0;
   padding: 5px 12px;
@@ -693,6 +699,26 @@
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
 }
+.ant-tabs-dropdown-menu-item > span {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  white-space: nowrap;
+}
+.ant-tabs-dropdown-menu-item-remove {
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
+  margin-left: 12px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 12px;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ant-tabs-dropdown-menu-item-remove:hover {
+  color: #2c6dd2;
+}
 .ant-tabs-dropdown-menu-item:hover {
   background: rgba(44, 109, 210, 0.05);
 }

package/lib/components/CheckTransformList/style.css

@@ -201,7 +201,7 @@
 .ant-checkbox-inner::after {
   position: absolute;
   top: 50%;
-  left: 22%;
+  left: 21.5%;
   display: table;
   width: 5.71428571px;
   height: 9.14285714px;
@@ -381,6 +381,7 @@
   border-radius: 2px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
+  /* stylelint-disable-next-line selector-no-vendor-prefix */
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -390,12 +391,20 @@
 }
 .ant-input-affix-wrapper::-webkit-input-placeholder {
   color: #bfbfbf;
+  -webkit-user-select: none;
+          user-select: none;
 }
 .ant-input-affix-wrapper::-ms-input-placeholder {
   color: #bfbfbf;
+  -ms-user-select: none;
+      user-select: none;
 }
 .ant-input-affix-wrapper::placeholder {
   color: #bfbfbf;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
 .ant-input-affix-wrapper:placeholder-shown {
   text-overflow: ellipsis;
@@ -410,11 +419,11 @@
 }
 .ant-input-affix-wrapper:focus,
 .ant-input-affix-wrapper-focused {
-  border-color: #528cde;
+  border-color: #9ca0a6;
+  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
+          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
   border-right-width: 1px !important;
   outline: 0;
-  -webkit-box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
-          box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
 }
 .ant-input-rtl .ant-input-affix-wrapper:focus,
 .ant-input-rtl .ant-input-affix-wrapper-focused {
@@ -424,6 +433,9 @@
 .ant-input-affix-wrapper-disabled {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
+  border-color: #bfbfbf;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -434,6 +446,9 @@
 .ant-input-affix-wrapper[disabled] {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
+  border-color: #bfbfbf;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -523,7 +538,7 @@ textarea.ant-input-affix-wrapper {
   margin-left: 4px;
 }
 .anticon.ant-input-clear-icon {
-  margin: 0 4px;
+  margin: 0;
   color: rgba(0, 0, 0, 0.25);
   font-size: 12px;
   vertical-align: -1px;
@@ -540,8 +555,8 @@ textarea.ant-input-affix-wrapper {
 .anticon.ant-input-clear-icon-hidden {
   visibility: hidden;
 }
-.anticon.ant-input-clear-icon:last-child {
-  margin-right: 0;
+.anticon.ant-input-clear-icon-has-suffix {
+  margin: 0 4px;
 }
 .ant-input-affix-wrapper-textarea-with-clear-btn {
   padding: 0 !important;
@@ -577,18 +592,27 @@ textarea.ant-input-affix-wrapper {
   border-radius: 2px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
+  /* stylelint-disable-next-line selector-no-vendor-prefix */
 }
 .ant-input::-moz-placeholder {
   opacity: 1;
 }
 .ant-input::-webkit-input-placeholder {
   color: #bfbfbf;
+  -webkit-user-select: none;
+          user-select: none;
 }
 .ant-input::-ms-input-placeholder {
   color: #bfbfbf;
+  -ms-user-select: none;
+      user-select: none;
 }
 .ant-input::placeholder {
   color: #bfbfbf;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
 .ant-input:placeholder-shown {
   text-overflow: ellipsis;
@@ -603,11 +627,11 @@ textarea.ant-input-affix-wrapper {
 }
 .ant-input:focus,
 .ant-input-focused {
-  border-color: #528cde;
+  border-color: #9ca0a6;
+  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
+          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
   border-right-width: 1px !important;
   outline: 0;
-  -webkit-box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
-          box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
 }
 .ant-input-rtl .ant-input:focus,
 .ant-input-rtl .ant-input-focused {
@@ -617,6 +641,9 @@ textarea.ant-input-affix-wrapper {
 .ant-input-disabled {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
+  border-color: #bfbfbf;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -627,6 +654,9 @@ textarea.ant-input-affix-wrapper {
 .ant-input[disabled] {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
+  border-color: #bfbfbf;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -814,10 +844,6 @@ textarea.ant-input {
 .ant-input-group-sm .ant-select-single .ant-select-selector {
   height: 26px;
 }
-.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
 .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -826,6 +852,11 @@ textarea.ant-input {
   border-top-left-radius: 2px;
   border-bottom-left-radius: 2px;
 }
+.ant-input-group .ant-input-affix-wrapper:not(:first-child),
+.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
 .ant-input-group.ant-input-group-compact {
   display: block;
 }
@@ -1080,9 +1111,9 @@ textarea.ant-input {
 .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
   text-align: left;
 }
-.ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child {
-  margin-right: 4px;
-  margin-left: 0;
+.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
+  margin-right: 0;
+  margin-left: 4px;
 }
 .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
   right: auto;
@@ -1390,11 +1421,9 @@ textarea.ant-input {
   overflow: hidden;
 }
 .pandora-sdk-name-limit-tooltip .ant-tooltip-inner {
-  max-width: 400px !important;
-  max-height: 200px !important;
+  max-width: 400px;
+  max-height: 200px;
   overflow: auto;
-  line-height: 22px;
-  font-size: 12px;
 }
 .ant-btn {
   padding: 4px 15px;

package/lib/components/Checkbox/style.css

@@ -87,7 +87,7 @@
 .ant-checkbox-inner::after {
   position: absolute;
   top: 50%;
-  left: 22%;
+  left: 21.5%;
   display: table;
   width: 5.71428571px;
   height: 9.14285714px;

package/lib/components/CheckboxList/index.d.ts

@@ -7,6 +7,7 @@ export interface IOptionItem {
     indeterminate?: boolean | ((item: IOptionItem) => boolean);
     disabled?: boolean | ((item: IOptionItem) => boolean);
 }
+export { CheckboxValueType };
 export interface ICheckboxListProps {
     /**
      * 选项可以是对象数组，也可以是字符串数组;
@@ -23,5 +24,6 @@ export interface ICheckboxListProps {
      */
     itemClassName?: string;
     onChange?: (value: CheckboxValueType[]) => void;
+    disabled?: boolean;
 }
 export default function CheckboxList(props: ICheckboxListProps): JSX.Element;

package/lib/components/CheckboxList/index.js

@@ -16,8 +16,8 @@ var classnames_1 = __importDefault(require("classnames"));
 var style_1 = require("../../constants/style");
 var CheckboxGroup = antd_1.Checkbox.Group;
 function CheckboxList(props) {
-    var options = props.options, itemClassName = props.itemClassName, value = props.value, onChange = props.onChange;
-    return (React.createElement(CheckboxGroup, { value: value, onChange: onChange }, options &&
+    var options = props.options, itemClassName = props.itemClassName, value = props.value, onChange = props.onChange, disabled = props.disabled;
+    return (React.createElement(CheckboxGroup, { value: value, onChange: onChange, disabled: disabled }, options &&
         options.map(function (option) {
             // 将 option string的形式进行格式化
             var optionItem = typeof option === 'string' ? { value: option } : option;

package/lib/components/CheckboxList/style.css

@@ -87,7 +87,7 @@
 .ant-checkbox-inner::after {
   position: absolute;
   top: 50%;
-  left: 22%;
+  left: 21.5%;
   display: table;
   width: 5.71428571px;
   height: 9.14285714px;
@@ -259,8 +259,10 @@
   padding: 0 7px;
 }
 .pandora-sdk-checkbox-item {
-  line-height: 25px !important;
   white-space: nowrap;
   width: 100%;
-  margin-left: 0 !important;
+}
+.pandora-sdk-checkbox-item.ant-checkbox-wrapper {
+  margin-left: 0;
+  line-height: 25px;
 }

package/lib/components/CheckboxList/style.less

@@ -2,8 +2,10 @@
 @import '../../style/theme.less';
 
 .@{sdk-prefix}-checkbox-item {
-  line-height: 25px !important;
   white-space: nowrap;
   width: 100%;
-  margin-left: 0 !important;
+  &.@{ant-prefix}-checkbox-wrapper {
+    margin-left: 0;
+    line-height: 25px;
+  }
 }

package/lib/components/Collapse/style.css

@@ -27,7 +27,14 @@
   border-radius: 0 0 2px 2px;
 }
 .ant-collapse > .ant-collapse-item > .ant-collapse-header {
-  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
   padding: 12px 16px;
   color: #333;
   line-height: 1.5715;
@@ -35,15 +42,6 @@
   -webkit-transition: all 0.3s, visibility 0s;
   transition: all 0.3s, visibility 0s;
 }
-.ant-collapse > .ant-collapse-item > .ant-collapse-header::before {
-  display: table;
-  content: '';
-}
-.ant-collapse > .ant-collapse-item > .ant-collapse-header::after {
-  display: table;
-  clear: both;
-  content: '';
-}
 .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
   display: inline-block;
   margin-right: 12px;
@@ -57,7 +55,7 @@
   transition: transform 0.24s, -webkit-transform 0.24s;
 }
 .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
-  float: right;
+  margin-left: auto;
 }
 .ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
   outline: none;
@@ -72,6 +70,7 @@
   padding-left: 12px;
 }
 .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
+  position: relative;
   padding: 12px 16px;
   padding-right: 40px;
 }
@@ -143,12 +142,17 @@
   padding: 12px 16px;
   padding-right: 40px;
 }
+.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
+  margin-right: 0;
+  margin-left: 12px;
+}
 .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
 .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
-  float: left;
+  margin-right: auto;
+  margin-left: 0;
 }
 .ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
   padding-right: 12px;

package/lib/components/CollapsiblePanel/style.css

@@ -29,13 +29,13 @@
   transition: transform 0.2s linear, -webkit-transform 0.2s linear;
 }
 .pandora-sdk-collapsible-panel > .panel-header.disabled-header {
-  cursor: not-allowed !important;
+  cursor: not-allowed;
 }
 .pandora-sdk-collapsible-panel > .panel-content-box {
   overflow-y: hidden;
-  padding: 0 !important;
-  margin: 0 !important;
-  border: none !important;
+  padding: 0;
+  margin: 0;
+  border: none;
 }
 .pandora-sdk-collapsible-panel > .panel-content-box > div > .panel-content {
   padding: 8px 16px;

package/lib/components/CollapsiblePanel/style.less

@@ -22,14 +22,14 @@
     }
 
     &.disabled-header {
-      cursor: not-allowed !important;
+      cursor: not-allowed;
     }
   }
   & > .panel-content-box {
     overflow-y: hidden;
-    padding: 0 !important;
-    margin: 0 !important;
-    border: none !important;
+    padding: 0;
+    margin: 0;
+    border: none;
     & > div > .panel-content {
       padding: 8px 16px;
       color: @text-color;