@qn-pandora/pandora-component 3.1.1 → 4.0.1

package/es/components/Tabs/style.less

@@ -1,31 +1,33 @@
-@import 'antd/lib/tabs/style/index.less';
-@import 'antd/lib/tooltip/style/index.less';
-@import '../../style/theme.less';
-@import '../../style/mixin.less';
-
-.@{sdk-prefix}-tabs {
-  .@{sdk-prefix}-tabs-tab {
-    position: relative;
-  }
-  .@{sdk-prefix}-tabs-active {
-    .@{sdk-prefix}-tabs-refresh-icon {
-      opacity: 1;
-      pointer-events: auto;
-    }
-  }
-  .@{sdk-prefix}-tabs-refresh-icon {
-    margin-left: 8px;
-    margin-right: 0 !important;
-    font-size: 12px;
-    color: @font-disable-color;
-    transition: color 0.5s, opacity 0.2s;
-    pointer-events: none;
-    opacity: 0;
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    &:hover {
-      color: @theme-color;
-    }
-  }
-}
+@import 'antd/lib/tabs/style/index.less';
+@import 'antd/lib/tooltip/style/index.less';
+@import '../../style/theme.less';
+@import '../../style/mixin.less';
+
+.@{sdk-prefix}-tabs {
+  .@{sdk-prefix}-tabs-tab {
+    position: relative;
+  }
+  .@{sdk-prefix}-tabs-active {
+    .@{sdk-prefix}-tabs-refresh-icon {
+      opacity: 1;
+      pointer-events: auto;
+    }
+  }
+  span.anticon.anticon-reload.@{sdk-prefix}-tabs-refresh-icon {
+    margin-right: 0;
+  }
+  .@{sdk-prefix}-tabs-refresh-icon {
+    margin-left: 8px;
+    font-size: 12px;
+    color: @font-disable-color;
+    transition: color 0.5s, opacity 0.2s;
+    pointer-events: none;
+    opacity: 0;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    &:hover {
+      color: @theme-color;
+    }
+  }
+}

package/es/components/TagList/Tag/style.less

@@ -1,72 +1,72 @@
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-root {
-  display: inline-block;
-  line-height: 24px;
-  margin-right: 8px;
-  border-radius: 1px;
-  color: @font-color-7;
-  text-align: center;
-  vertical-align: middle;
-  border-radius: @border-radius-base;
-
-  .@{sdk-prefix}-prefix {
-    position: relative;
-    min-width: 24px;
-    color: @theme-color-060;
-    float: left;
-    &::after {
-      position: absolute;
-      top: 0px;
-      bottom: 0px;
-      right: 0px;
-      margin: auto;
-      content: '';
-      height: 16px;
-      border-left: 1px solid @theme-color-010;
-    }
-  }
-
-  .@{sdk-prefix}-suffix {
-    position: relative;
-    min-width: 24px;
-    color: @theme-color-060;
-    float: right;
-    &::before {
-      position: absolute;
-      top: 0px;
-      bottom: 0px;
-      left: 0px;
-      margin: auto;
-      content: '';
-      height: 16px;
-      border-left: 1px solid @theme-color-010;
-    }
-  }
-
-  .@{sdk-prefix}-content {
-    padding: 0 8px;
-    max-width: 150px;
-    vertical-align: middle;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    font-size: 14px;
-  }
-
-  &.@{sdk-prefix}-primary {
-    background: fade(@tag-primary, 10%);
-  }
-  &.@{sdk-prefix}-green {
-    background: fade(@tag-green, 10%);
-  }
-  &.@{sdk-prefix}-yellow {
-    background: fade(@tag-yellow, 10%);
-  }
-  &.@{sdk-prefix}-blue {
-    background: fade(@tag-blue, 10%);
-  }
-  &.@{sdk-prefix}-grey {
-    background: @tag-grey;
-  }
-}
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-root {
+  display: inline-block;
+  line-height: 24px;
+  margin-right: 8px;
+  border-radius: 1px;
+  color: @font-color-7;
+  text-align: center;
+  vertical-align: middle;
+  border-radius: @border-radius-base;
+
+  .@{sdk-prefix}-prefix {
+    position: relative;
+    min-width: 24px;
+    color: @theme-color-060;
+    float: left;
+    &::after {
+      position: absolute;
+      top: 0px;
+      bottom: 0px;
+      right: 0px;
+      margin: auto;
+      content: '';
+      height: 16px;
+      border-left: 1px solid @theme-color-010;
+    }
+  }
+
+  .@{sdk-prefix}-suffix {
+    position: relative;
+    min-width: 24px;
+    color: @theme-color-060;
+    float: right;
+    &::before {
+      position: absolute;
+      top: 0px;
+      bottom: 0px;
+      left: 0px;
+      margin: auto;
+      content: '';
+      height: 16px;
+      border-left: 1px solid @theme-color-010;
+    }
+  }
+
+  .@{sdk-prefix}-content {
+    padding: 0 8px;
+    max-width: 150px;
+    vertical-align: middle;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    font-size: 14px;
+  }
+
+  &.@{sdk-prefix}-primary {
+    background: fade(@tag-primary, 10%);
+  }
+  &.@{sdk-prefix}-green {
+    background: fade(@tag-green, 10%);
+  }
+  &.@{sdk-prefix}-yellow {
+    background: fade(@tag-yellow, 10%);
+  }
+  &.@{sdk-prefix}-blue {
+    background: fade(@tag-blue, 10%);
+  }
+  &.@{sdk-prefix}-grey {
+    background: @tag-grey;
+  }
+}

package/es/components/TagList/TagSwitch/style.less

@@ -1,28 +1,28 @@
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-switch {
-  display: inline-block;
-  margin: 4px;
-  padding: 8px;
-  border-radius: 100px;
-  line-height: 1;
-  font-size: 16px;
-  color: @font-color-3;
-  background: @tag-grey;
-  cursor: pointer;
-  &.@{sdk-prefix}-active {
-    color: @normal-color;
-    &.@{sdk-prefix}-primary {
-      background: @tag-primary;
-    }
-    &.@{sdk-prefix}-green {
-      background: @tag-green;
-    }
-    &.@{sdk-prefix}-yellow {
-      background: @tag-yellow;
-    }
-    &.@{sdk-prefix}-blue {
-      background: @tag-blue;
-    }
-  }
-}
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-switch {
+  display: inline-block;
+  margin: 4px;
+  padding: 8px;
+  border-radius: 100px;
+  line-height: 1;
+  font-size: 16px;
+  color: @font-color-3;
+  background: @tag-grey;
+  cursor: pointer;
+  &.@{sdk-prefix}-active {
+    color: @normal-color;
+    &.@{sdk-prefix}-primary {
+      background: @tag-primary;
+    }
+    &.@{sdk-prefix}-green {
+      background: @tag-green;
+    }
+    &.@{sdk-prefix}-yellow {
+      background: @tag-yellow;
+    }
+    &.@{sdk-prefix}-blue {
+      background: @tag-blue;
+    }
+  }
+}

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

@@ -1,28 +1,28 @@
-@import 'antd/lib/tag/style/index.less';
-@import '../../style/theme.less';
-@import '../../style/mixin.less';
-
-.@{sdk-prefix}-taglist-containter {
-  .@{sdk-prefix}-simplify {
-    .@{sdk-prefix}-icon {
-      margin: 0 8px;
-      color: @icon-color;
-      vertical-align: middle;
-      font-size: 14px;
-      transition: 0.3s;
-      &:hover {
-        color: @font-color-3;
-      }
-    }
-  }
-}
-
-.@{sdk-prefix}-popover {
-  max-width: 400px;
-  max-height: 1000px;
-  overflow: auto;
-  padding: 8px !important;
-  > div {
-    margin: 4px;
-  }
-}
+@import 'antd/lib/tag/style/index.less';
+@import '../../style/theme.less';
+@import '../../style/mixin.less';
+
+.@{sdk-prefix}-taglist-containter {
+  .@{sdk-prefix}-simplify {
+    .@{sdk-prefix}-icon {
+      margin: 0 8px;
+      color: @icon-color;
+      vertical-align: middle;
+      font-size: 14px;
+      transition: 0.3s;
+      &:hover {
+        color: @font-color-3;
+      }
+    }
+  }
+}
+
+.@{sdk-prefix}-popover {
+  max-width: 400px;
+  max-height: 1000px;
+  overflow: auto;
+  padding: 8px;
+  > div {
+    margin: 4px;
+  }
+}

package/es/components/Timeline/TimelineItem/style.less

@@ -1,49 +1,49 @@
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-timeline-item {
-  font-size: 14px;
-  list-style: none;
-  margin: 0;
-  position: relative;
-  padding: 0 0 20px;
-  min-height: 50px;
-
-  .@{sdk-prefix}-timeline-item-tail {
-    position: absolute;
-    top: 0.75em;
-    height: 100%;
-    border-left: 2px solid @border-color-base;
-  }
-
-  .@{sdk-prefix}-timeline-item-head {
-    position: absolute;
-    transform: translateX(-4px);
-  }
-
-  .@{sdk-prefix}-timeline-item-head-dot {
-    display: inline-block;
-    box-sizing: border-box;
-    width: 10px;
-    height: 10px;
-    background-color: @theme-color;
-    border-radius: 100px;
-    border: 2px solid transparent;
-  }
-
-  .@{sdk-prefix}-timeline-item-content {
-    text-align: left;
-    color: @font-color-7;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 3;
-    -webkit-box-orient: vertical;
-  }
-
-  .@{sdk-prefix}-timeline-item-time {
-    margin-right: 18px;
-    position: absolute;
-    text-align: right;
-    font-size: 14px;
-    color: @font-color-7;
-  }
-}
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-timeline-item {
+  font-size: 14px;
+  list-style: none;
+  margin: 0;
+  position: relative;
+  padding: 0 0 20px;
+  min-height: 50px;
+
+  .@{sdk-prefix}-timeline-item-tail {
+    position: absolute;
+    top: 0.75em;
+    height: 100%;
+    border-left: 2px solid @border-color-base;
+  }
+
+  .@{sdk-prefix}-timeline-item-head {
+    position: absolute;
+    transform: translateX(-4px);
+  }
+
+  .@{sdk-prefix}-timeline-item-head-dot {
+    display: inline-block;
+    box-sizing: border-box;
+    width: 10px;
+    height: 10px;
+    background-color: @theme-color;
+    border-radius: 100px;
+    border: 2px solid transparent;
+  }
+
+  .@{sdk-prefix}-timeline-item-content {
+    text-align: left;
+    color: @font-color-7;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+  }
+
+  .@{sdk-prefix}-timeline-item-time {
+    margin-right: 18px;
+    position: absolute;
+    text-align: right;
+    font-size: 14px;
+    color: @font-color-7;
+  }
+}

package/es/components/Timeline/style.less

@@ -1,23 +1,23 @@
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-timeline-container {
-  list-style: none;
-  margin: 0;
-  line-height: 1.5;
-  font-size: 14px;
-  color: rgba(0, 0, 0, 0.65);
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-
-  .@{sdk-prefix}-icon {
-    margin: 0 8px;
-    color: @icon-color;
-    vertical-align: middle;
-    font-size: 14px;
-    transition: 0.3s;
-    &:hover {
-      color: @font-color-3;
-    }
-  }
-}
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-timeline-container {
+  list-style: none;
+  margin: 0;
+  line-height: 1.5;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.65);
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
+
+  .@{sdk-prefix}-icon {
+    margin: 0 8px;
+    color: @icon-color;
+    vertical-align: middle;
+    font-size: 14px;
+    transition: 0.3s;
+    &:hover {
+      color: @font-color-3;
+    }
+  }
+}

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

@@ -21,11 +21,11 @@ var __spread = (this && this.__spread) || function () {
 import React, { useState, useCallback, useContext } from 'react';
 import { Input, Checkbox } from 'antd';
 import { ConfigContext } from 'antd/es/config-provider';
+import { Search } from '@qn-pandora/pandora-component-icons';
 import ListBody from '../ListBody';
 import { formatString } from '../../../utils/language';
 import { SDK_PREFIX } from '../../../constants/style';
 import { TransferLocale } from '../../../constants/language/transfer/type';
-var Search = Input.Search;
 export default function List(props) {
     var _a = __read(useState(''), 2), searchValue = _a[0], setSearchValue = _a[1];
     var locale = useContext(ConfigContext).locale;
@@ -55,8 +55,8 @@ export default function List(props) {
     return (React.createElement("div", { className: SDK_PREFIX + "-transfer-list" },
         React.createElement("div", { className: SDK_PREFIX + "-transfer-title" }, title),
         React.createElement("div", { className: SDK_PREFIX + "-transfer-search" },
-            React.createElement(Search, { placeholder: searchPlaceHolder ||
-                    formatString(TransferLocale.placeholder, locale), value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, className: SDK_PREFIX + "-transfer-mb10" })),
+            React.createElement(Input, { placeholder: searchPlaceHolder ||
+                    formatString(TransferLocale.placeholder, locale), value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, className: SDK_PREFIX + "-transfer-mb10", prefix: React.createElement(Search, { className: SDK_PREFIX + "-search-icon" }) })),
         type === "source" /* Source */ && selectedAllNode,
         React.createElement(ListBody, { dataSource: dataSource.filter(function (item) { return item.name.includes(searchValue); }), onChange: onCheckboxChange })));
 }

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

@@ -1,15 +1,19 @@
-@import '../../../style/theme.less';
-@import '../ListBody/style.less';
-
-.@{sdk-prefix}-transfer-list {
-  overflow: hidden;
-  .@{sdk-prefix}-transfer-title {
-    margin-bottom: 10px;
-  }
-  .@{sdk-prefix}-transfer-search {
-    margin-bottom: 10px;
-  }
-  .@{sdk-prefix}-transfer-mb10 {
-    margin-bottom: 10px;
-  }
-}
+@import '../../../style/theme.less';
+@import '../ListBody/style.less';
+
+.@{sdk-prefix}-transfer-list {
+  overflow: hidden;
+  .@{sdk-prefix}-transfer-title {
+    margin-bottom: 10px;
+  }
+  .@{sdk-prefix}-transfer-search {
+    margin-bottom: 10px;
+  }
+  .@{sdk-prefix}-transfer-mb10 {
+    margin-bottom: 10px;
+  }
+}
+
+.@{sdk-prefix}-search-icon {
+  color: @icon-color;
+}

package/es/components/Transfer/ListBody/style.less

@@ -1,18 +1,18 @@
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-transfer-list-body {
-  height: 300px;
-  overflow-y: scroll;
-  .@{sdk-prefix}-transfer-check-box-container {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    .@{sdk-prefix}-transfer-check-box-label {
-      padding-right: 0px;
-      padding-left: 8px;
-    }
-  }
-  .@{sdk-prefix}-transfer-mb10 {
-    margin-bottom: 10px;
-  }
-}
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-transfer-list-body {
+  height: 300px;
+  overflow-y: scroll;
+  .@{sdk-prefix}-transfer-check-box-container {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    .@{sdk-prefix}-transfer-check-box-label {
+      padding-right: 0px;
+      padding-left: 8px;
+    }
+  }
+  .@{sdk-prefix}-transfer-mb10 {
+    margin-bottom: 10px;
+  }
+}

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

@@ -1,14 +1,14 @@
-@import '../../style/theme.less';
-@import './List/style.less';
-
-.@{sdk-prefix}-transfer-container {
-  display: flex;
-  justify-content: space-between;
-  .@{sdk-prefix}-transfer-divider {
-    height: 400px;
-  }
-  .@{sdk-prefix}-transfer-list {
-    flex-grow: 1;
-    flex-basis: 200px;
-  }
-}
+@import '../../style/theme.less';
+@import './List/style.less';
+
+.@{sdk-prefix}-transfer-container {
+  display: flex;
+  justify-content: space-between;
+  .@{sdk-prefix}-transfer-divider {
+    height: 400px;
+  }
+  .@{sdk-prefix}-transfer-list {
+    flex-grow: 1;
+    flex-basis: 200px;
+  }
+}