@qn-pandora/pandora-component 3.1.1 → 4.0.0

package/lib/components/TagList/style.css

@@ -211,14 +211,14 @@
   border-color: #722ed1;
 }
 .ant-tag-success {
-  color: #52c41a;
-  background: #f6ffed;
-  border-color: #b7eb8f;
+  color: #20c997;
+  background: #f0fff8;
+  border-color: #99f0cd;
 }
 .ant-tag-processing {
-  color: #1890ff;
-  background: #e6f7ff;
-  border-color: #91d5ff;
+  color: #7a869a;
+  background: #ccd3d9;
+  border-color: #b4b9bf;
 }
 .ant-tag-error {
   color: #f5222d;
@@ -226,9 +226,9 @@
   border-color: #ffa39e;
 }
 .ant-tag-warning {
-  color: #fa8c16;
-  background: #fff7e6;
-  border-color: #ffd591;
+  color: #f0a818;
+  background: #fffbe6;
+  border-color: #ffe694;
 }
 .ant-tag > .anticon + span,
 .ant-tag > span + .anticon {
@@ -270,7 +270,7 @@
   max-width: 400px;
   max-height: 1000px;
   overflow: auto;
-  padding: 8px !important;
+  padding: 8px;
 }
 .pandora-sdk-popover > div {
   margin: 4px;

package/lib/components/TagList/style.less

@@ -21,7 +21,7 @@
   max-width: 400px;
   max-height: 1000px;
   overflow: auto;
-  padding: 8px !important;
+  padding: 8px;
   > div {
     margin: 4px;
   }

package/lib/components/Transfer/List/index.js

@@ -33,11 +33,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var antd_1 = require("antd");
 var config_provider_1 = require("antd/es/config-provider");
+var pandora_component_icons_1 = require("@qn-pandora/pandora-component-icons");
 var ListBody_1 = __importDefault(require("../ListBody"));
 var language_1 = require("../../../utils/language");
 var style_1 = require("../../../constants/style");
 var type_1 = require("../../../constants/language/transfer/type");
-var Search = antd_1.Input.Search;
 function List(props) {
     var _a = __read(react_1.useState(''), 2), searchValue = _a[0], setSearchValue = _a[1];
     var locale = react_1.useContext(config_provider_1.ConfigContext).locale;
@@ -67,8 +67,8 @@ function List(props) {
     return (react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-transfer-list" },
         react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-transfer-title" }, title),
         react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-transfer-search" },
-            react_1.default.createElement(Search, { placeholder: searchPlaceHolder ||
-                    language_1.formatString(type_1.TransferLocale.placeholder, locale), value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, className: style_1.SDK_PREFIX + "-transfer-mb10" })),
+            react_1.default.createElement(antd_1.Input, { placeholder: searchPlaceHolder ||
+                    language_1.formatString(type_1.TransferLocale.placeholder, locale), value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, className: style_1.SDK_PREFIX + "-transfer-mb10", prefix: react_1.default.createElement(pandora_component_icons_1.Search, { className: style_1.SDK_PREFIX + "-search-icon" }) })),
         type === "source" /* Source */ && selectedAllNode,
         react_1.default.createElement(ListBody_1.default, { dataSource: dataSource.filter(function (item) { return item.name.includes(searchValue); }), onChange: onCheckboxChange })));
 }

package/lib/components/Transfer/List/style.css

@@ -32,3 +32,6 @@
 .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
   margin-bottom: 10px;
 }
+.pandora-sdk-search-icon {
+  color: #bfbfbf;
+}

package/lib/components/Transfer/List/style.less

@@ -13,3 +13,7 @@
     margin-bottom: 10px;
   }
 }
+
+.@{sdk-prefix}-search-icon {
+  color: @icon-color;
+}

package/lib/components/Transfer/style.css

@@ -32,6 +32,9 @@
 .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
   margin-bottom: 10px;
 }
+.pandora-sdk-search-icon {
+  color: #bfbfbf;
+}
 .pandora-sdk-transfer-container {
   display: -webkit-box;
   display: -ms-flexbox;

package/lib/components/TreeSelector/style.css

@@ -2,10 +2,21 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
-  top: auto !important;
-  bottom: auto !important;
-  height: 14px !important;
+@-webkit-keyframes ant-tree-node-fx-do-not-use {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes ant-tree-node-fx-do-not-use {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 @-webkit-keyframes antCheckboxEffect {
   0% {
@@ -92,7 +103,7 @@
 .ant-select-tree-checkbox-inner::after {
   position: absolute;
   top: 50%;
-  left: 22%;
+  left: 21.5%;
   display: table;
   width: 5.71428571px;
   height: 9.14285714px;
@@ -245,7 +256,7 @@
   border-color: rgba(0, 0, 0, 0.25);
 }
 .ant-tree-select-dropdown {
-  padding: 8px 4px 0;
+  padding: 8px 4px;
 }
 .ant-tree-select-dropdown-rtl {
   direction: rtl;
@@ -258,9 +269,6 @@
       -ms-flex-align: stretch;
           align-items: stretch;
 }
-.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode {
-  padding-bottom: 8px;
-}
 .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
   -webkit-box-flex: 1;
       -ms-flex: auto;
@@ -301,6 +309,26 @@
       -ms-flex: auto;
           flex: auto;
 }
+.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging {
+  position: relative;
+}
+.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 4px;
+  left: 0;
+  border: 1px solid #7a869a;
+  opacity: 0;
+  -webkit-animation: ant-tree-node-fx-do-not-use 0.3s;
+          animation: ant-tree-node-fx-do-not-use 0.3s;
+  -webkit-animation-play-state: running;
+          animation-play-state: running;
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
+  content: '';
+  pointer-events: none;
+}
 .ant-select-tree .ant-select-tree-treenode {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -338,6 +366,17 @@
   display: inline-block;
   width: 24px;
 }
+.ant-select-tree-draggable-icon {
+  width: 24px;
+  line-height: 24px;
+  text-align: center;
+  opacity: 0.2;
+  -webkit-transition: opacity 0.3s;
+  transition: opacity 0.3s;
+}
+.ant-select-tree-treenode:hover .ant-select-tree-draggable-icon {
+  opacity: 0.45;
+}
 .ant-select-tree-switcher {
   position: relative;
   -webkit-box-flex: 0;
@@ -388,16 +427,16 @@
 .ant-select-tree-switcher-leaf-line::before {
   position: absolute;
   top: 0;
+  right: 12px;
   bottom: -4px;
   margin-left: -1px;
-  border-left: 1px solid #ffffff;
+  border-right: 1px solid #ffffff;
   content: ' ';
 }
 .ant-select-tree-switcher-leaf-line::after {
   position: absolute;
   width: 10px;
   height: 14px;
-  margin-left: -1px;
   border-bottom: 1px solid #ffffff;
   content: ' ';
 }
@@ -441,14 +480,14 @@
 .ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
   background-color: transparent;
 }
-.ant-select-tree-node-content-wrapper[draggable='true'] {
+.ant-select-tree-node-content-wrapper {
   line-height: 24px;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
-.ant-select-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator {
+.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator {
   position: absolute;
   z-index: 1;
   height: 2px;
@@ -456,7 +495,7 @@
   border-radius: 1px;
   pointer-events: none;
 }
-.ant-select-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
+.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after {
   position: absolute;
   top: -3px;
   left: -6px;
@@ -490,7 +529,12 @@
   background: #ffffff;
 }
 .ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
-  vertical-align: -0.225em;
+  vertical-align: -0.15em;
+}
+.ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before {
+  top: auto !important;
+  bottom: auto !important;
+  height: 14px !important;
 }
 .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
   -webkit-transform: rotate(90deg);
@@ -515,12 +559,12 @@
 .pandora-sdk-tree-select .ant-select-selection {
   background: transparent;
 }
-.pandora-sdk-tree-select .ant-select-selection__choice {
-  color: #ffffff !important;
-  background: rgba(44, 109, 210, 0.8) !important;
+.pandora-sdk-tree-select .ant-select-multiple .ant-select-selection-item {
+  color: #ffffff;
+  background: rgba(44, 109, 210, 0.8);
 }
-.pandora-sdk-tree-select .ant-select-selection__choice__remove {
-  color: #ffffff !important;
+.pandora-sdk-tree-select .ant-select-multiple .ant-select-selection-item-remove {
+  color: #ffffff;
   opacity: 0.5;
 }
 .pandora-sdk-tree-select-dropdown {

package/lib/components/TreeSelector/style.less

@@ -10,13 +10,15 @@
   .@{ant-prefix}-select-selection {
     background: @select-bg;
   }
-  .@{ant-prefix}-select-selection__choice {
-    color: @normal-color!important;
-    background: @theme-color-080!important;
-  }
-  .@{ant-prefix}-select-selection__choice__remove {
-    color: @normal-color!important;
-    opacity: 0.5;
+  .@{ant-prefix}-select-multiple {
+    .@{ant-prefix}-select-selection-item {
+      color: @normal-color;
+      background: @theme-color-080;
+    }
+    .@{ant-prefix}-select-selection-item-remove {
+      color: @normal-color;
+      opacity: 0.5;
+    }
   }
 }