@qn-pandora/pandora-component 3.1.1 → 4.0.1

package/es/components/Button/style.less

@@ -1,62 +1,51 @@
-@import 'antd/lib/button/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-button {
-  box-shadow: none;
-
-  &.@{sdk-prefix}-button-disabled {
-    background: @button-disabled-bg!important;
-    color: @button-disabled-color!important;
-    border-color: @button-disabled-border-color!important;
-    pointer-events: none;
-    text-shadow: none;
-  }
-
-  // type
-  &.@{sdk-prefix}-type-default {
-    background: @button-default-bg;
-    color: @button-default-color;
-    border: 1px solid @button-default-border-color;
-    &:hover,
-    &:focus {
-      background: @button-default-hover-bg;
-      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 {
-    font-size: 16px;
-    padding: 0 20px;
-    height: 32px;
-  }
-  &.@{sdk-prefix}-size-default {
-    font-size: 14px;
-    padding: 0 16px;
-    height: 32px;
-  }
-  &.@{sdk-prefix}-size-small {
-    font-size: 12px;
-    padding: 4px 14px;
-  }
-  &.@{sdk-prefix}-size-mini {
-    font-size: 10px;
-    padding: 2px 6px;
-  }
-
-  .anticon {
-    color: inherit;
-    vertical-align: middle;
-  }
-}
+@import 'antd/lib/button/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-button {
+  box-shadow: none;
+
+  &.@{sdk-prefix}-button-disabled {
+    background: @button-disabled-bg;
+    color: @button-disabled-color;
+    border-color: @button-disabled-border-color;
+    pointer-events: none;
+    text-shadow: none;
+  }
+
+  // type
+  &.@{sdk-prefix}-type-default {
+    background: @button-default-bg;
+    color: @button-default-color;
+    border: 1px solid @button-default-border-color;
+    &:hover,
+    &:focus {
+      background: @button-default-hover-bg;
+      border-color: @button-default-hover-border-color;
+    }
+  }
+
+  // size
+  &.@{sdk-prefix}-size-large {
+    font-size: 16px;
+    padding: 0 20px;
+    height: 32px;
+  }
+  &.@{sdk-prefix}-size-default {
+    font-size: 14px;
+    padding: 0 16px;
+    height: 32px;
+  }
+  &.@{sdk-prefix}-size-small {
+    font-size: 12px;
+    padding: 4px 14px;
+  }
+  &.@{sdk-prefix}-size-mini {
+    font-size: 10px;
+    padding: 2px 6px;
+  }
+
+  .anticon {
+    color: inherit;
+    vertical-align: middle;
+  }
+}

package/es/components/Card/RowExtra/style.less

@@ -1,8 +1,8 @@
-@import 'antd/lib/grid/style/index.less';
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-card-row-extra {
-  button {
-    min-width: 80px;
-  }
-}
+@import 'antd/lib/grid/style/index.less';
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-card-row-extra {
+  button {
+    min-width: 80px;
+  }
+}

package/es/components/Card/SearchInput/style.less

@@ -1,8 +1,8 @@
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-card-search-input {
-  min-width: 200px;
-  i {
-    color: @input-placeholder-color;
-  }
-}
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-card-search-input {
+  min-width: 200px;
+  i {
+    color: @input-placeholder-color;
+  }
+}

package/es/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/es/components/Card/style.less

@@ -1,11 +1,11 @@
-@import 'antd/lib/card/style/index.less';
-@import 'antd/lib/tabs/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-card {
-  .@{ant-prefix}-card-head {
-    .@{ant-prefix}-card-extra {
-      padding: 0;
-    }
-  }
-}
+@import 'antd/lib/card/style/index.less';
+@import 'antd/lib/tabs/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-card {
+  .@{ant-prefix}-card-head {
+    .@{ant-prefix}-card-extra {
+      padding: 0;
+    }
+  }
+}

package/es/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/es/components/CheckTransformList/style.less

@@ -1,35 +1,35 @@
-@import 'antd/lib/divider/style/index.less';
-@import 'antd/lib/checkbox/style/index.less';
-@import 'antd/lib/input/style/index.less';
-@import '../NameLimiter/style.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-check-transform-list {
-  display: flex;
-  margin-top: 20px;
-  padding-left: 5px;
-  padding-right: 5px;
-  .@{sdk-prefix}-check-transform-divider {
-    height: auto;
-    margin-left: 40px;
-    margin-right: 40px;
-  }
-}
-.@{sdk-prefix}-check-transform {
-  flex: 1;
-  .@{sdk-prefix}-check-transform-header {
-    margin-bottom: 10px;
-  }
-  .@{sdk-prefix}-check-transform-search {
-    width: 100%;
-    height: 40px;
-    margin-bottom: 10px;
-  }
-  .@{sdk-prefix}-check-transform-checkBox {
-    line-height: 40px;
-
-    .@{sdk-prefix}-check-transform-checkbox-group {
-      line-height: 40px;
-    }
-  }
-}
+@import 'antd/lib/divider/style/index.less';
+@import 'antd/lib/checkbox/style/index.less';
+@import 'antd/lib/input/style/index.less';
+@import '../NameLimiter/style.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-check-transform-list {
+  display: flex;
+  margin-top: 20px;
+  padding-left: 5px;
+  padding-right: 5px;
+  .@{sdk-prefix}-check-transform-divider {
+    height: auto;
+    margin-left: 40px;
+    margin-right: 40px;
+  }
+}
+.@{sdk-prefix}-check-transform {
+  flex: 1;
+  .@{sdk-prefix}-check-transform-header {
+    margin-bottom: 10px;
+  }
+  .@{sdk-prefix}-check-transform-search {
+    width: 100%;
+    height: 40px;
+    margin-bottom: 10px;
+  }
+  .@{sdk-prefix}-check-transform-checkBox {
+    line-height: 40px;
+
+    .@{sdk-prefix}-check-transform-checkbox-group {
+      line-height: 40px;
+    }
+  }
+}

package/es/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/es/components/Checkbox/style.less

@@ -1,5 +1,5 @@
-@import 'antd/lib/checkbox/style/index.less';
-
-.@{ant-prefix}-checkbox-inner::after {
-  left: 20%;
-}
+@import 'antd/lib/checkbox/style/index.less';
+
+.@{ant-prefix}-checkbox-inner::after {
+  left: 20%;
+}

package/es/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/es/components/CheckboxList/index.js

@@ -4,8 +4,8 @@ import classnames from 'classnames';
 import { SDK_PREFIX } from '../../constants/style';
 var CheckboxGroup = Checkbox.Group;
 export default 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/es/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/es/components/CheckboxList/style.less

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

package/es/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;