@fle-ui/next 1.0.5-alpha.4 → 1.0.5-alpha.5

package/lib/transfer/style/index.css

@@ -2,48 +2,6 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-html {
-  --ant-primary-color: #2c68ff;
-  --ant-primary-color-hover: #548aff;
-  --ant-primary-color-active: #1a4ad9;
-  --ant-primary-color-outline: rgba(44, 104, 255, 0.2);
-  --ant-primary-1: #f0f7ff;
-  --ant-primary-2: #cfe3ff;
-  --ant-primary-3: #a6c8ff;
-  --ant-primary-4: #7daaff;
-  --ant-primary-5: #548aff;
-  --ant-primary-6: #2c68ff;
-  --ant-primary-7: #1a4ad9;
-  --ant-primary-color-deprecated-pure: ;
-  --ant-primary-color-deprecated-l-35: #dfe8ff;
-  --ant-primary-color-deprecated-l-20: #92b1ff;
-  --ant-primary-color-deprecated-t-20: #5686ff;
-  --ant-primary-color-deprecated-t-50: #96b4ff;
-  --ant-primary-color-deprecated-f-12: rgba(44, 104, 255, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(240, 247, 255, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #e6f2ff;
-  --ant-success-color: #36c626;
-  --ant-success-color-hover: #5cd44a;
-  --ant-success-color-active: #20a116;
-  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
-  --ant-success-color-deprecated-bg: #f4fff0;
-  --ant-success-color-deprecated-border: #afed9f;
-  --ant-error-color: #ff5c57;
-  --ant-error-color-hover: #ff8880;
-  --ant-error-color-active: #d93f3f;
-  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
-  --ant-error-color-deprecated-bg: #fff3f0;
-  --ant-error-color-deprecated-border: #ffd7d1;
-  --ant-warning-color: #ffab00;
-  --ant-warning-color-hover: #ffbf29;
-  --ant-warning-color-active: #d98900;
-  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
-  --ant-warning-color-deprecated-bg: #fffbe6;
-  --ant-warning-color-deprecated-border: #ffe07a;
-  --ant-info-color: #2c68ff;
-  --ant-info-color-deprecated-bg: #f0f7ff;
-  --ant-info-color-deprecated-border: #a6c8ff;
-}
 @-webkit-keyframes antCheckboxEffect {
   0% {
     transform: scale(1);
@@ -82,7 +40,7 @@ html {
   background: #fafafa;
 }
 .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  border-bottom: 1px solid #eeeeee;
 }
 .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
   margin: 0;
@@ -94,34 +52,34 @@ html {
   background-color: transparent;
 }
 .ant-transfer-status-error .ant-transfer-list {
-  border-color: var(--ant-error-color);
+  border-color: #f42d2d;
 }
 .ant-transfer-status-error .ant-transfer-list-search:not([disabled]) {
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
 }
 .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover {
-  border-color: var(--ant-primary-5);
+  border-color: #548aff;
   border-right-width: 1px;
 }
 .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus {
-  border-color: var(--ant-primary-color-hover);
-  box-shadow: 0 0 0 2px var(--ant-primary-color-outline);
+  border-color: #548aff;
+  box-shadow: 0 0 0 2px rgba(44, 104, 255, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
 .ant-transfer-status-warning .ant-transfer-list {
-  border-color: var(--ant-warning-color);
+  border-color: #ffab00;
 }
 .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]) {
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
 }
 .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover {
-  border-color: var(--ant-primary-5);
+  border-color: #548aff;
   border-right-width: 1px;
 }
 .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus {
-  border-color: var(--ant-primary-color-hover);
-  box-shadow: 0 0 0 2px var(--ant-primary-color-outline);
+  border-color: #548aff;
+  box-shadow: 0 0 0 2px rgba(44, 104, 255, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
@@ -129,7 +87,7 @@ html {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -140,14 +98,14 @@ html {
   align-items: stretch;
 }
 .ant-transfer-disabled .ant-transfer-list {
-  background: #f5f5f5;
+  background: #f1f1f1;
 }
 .ant-transfer-list {
   display: flex;
   flex-direction: column;
   width: 180px;
   height: 200px;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #d2d2d2;
   border-radius: 4px;
 }
 .ant-transfer-list-with-pagination {
@@ -155,7 +113,7 @@ html {
   height: auto;
 }
 .ant-transfer-list-search .anticon-search {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
 }
 .ant-transfer-list-header {
   display: flex;
@@ -163,9 +121,9 @@ html {
   align-items: center;
   height: 40px;
   padding: 8px 12px 9px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   background: #fff;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  border-bottom: 1px solid #eeeeee;
   border-radius: 4px 4px 0 0;
 }
 .ant-transfer-list-header > *:not(:last-child) {
@@ -229,20 +187,20 @@ html {
   text-overflow: ellipsis;
 }
 .ant-transfer-list-content-item-remove {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
   text-decoration: none;
   outline: none;
   cursor: pointer;
   transition: color 0.3s;
   position: relative;
-  color: #d9d9d9;
+  color: #d2d2d2;
 }
 .ant-transfer-list-content-item-remove:focus,
 .ant-transfer-list-content-item-remove:hover {
-  color: var(--ant-primary-color-hover);
+  color: #548aff;
 }
 .ant-transfer-list-content-item-remove:active {
-  color: var(--ant-primary-color-active);
+  color: #1a4ad9;
 }
 .ant-transfer-list-content-item-remove::after {
   position: absolute;
@@ -253,40 +211,40 @@ html {
   content: '';
 }
 .ant-transfer-list-content-item-remove:hover {
-  color: var(--ant-primary-color-hover);
+  color: #548aff;
 }
 .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
   background-color: #f5f5f5;
   cursor: pointer;
 }
 .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
-  background-color: var(--ant-primary-color-active-deprecated-d-02);
+  background-color: #e6f2ff;
 }
 .ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
   background: transparent;
   cursor: default;
 }
 .ant-transfer-list-content-item-checked {
-  background-color: var(--ant-primary-1);
+  background-color: #f0f7ff;
 }
 .ant-transfer-list-content-item-disabled {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   cursor: not-allowed;
 }
 .ant-transfer-list-pagination {
   padding: 8px 0;
   text-align: right;
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
+  border-top: 1px solid #eeeeee;
 }
 .ant-transfer-list-body-not-found {
   flex: none;
   width: 100%;
   margin: auto 0;
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   text-align: center;
 }
 .ant-transfer-list-footer {
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
+  border-top: 1px solid #eeeeee;
 }
 .ant-transfer-operation {
   display: flex;

package/lib/tree/DirectoryTree.js

@@ -196,7 +196,11 @@ var DirectoryTree = function DirectoryTree(_a, ref) {
 };
 
 var ForwardDirectoryTree = /*#__PURE__*/React.forwardRef(DirectoryTree);
-ForwardDirectoryTree.displayName = 'DirectoryTree';
+
+if (process.env.NODE_ENV !== 'production') {
+  ForwardDirectoryTree.displayName = 'DirectoryTree';
+}
+
 ForwardDirectoryTree.defaultProps = {
   showIcon: true,
   expandAction: 'click'

package/lib/tree/index.d.ts

@@ -1,5 +1,5 @@
 import Tree from './Tree';
-export { EventDataNode, DataNode } from 'rc-tree/lib/interface';
-export { TreeProps, AntTreeNode, AntTreeNodeMouseEvent, AntTreeNodeExpandedEvent, AntTreeNodeCheckedEvent, AntTreeNodeSelectedEvent, AntdTreeNodeAttribute, AntTreeNodeProps, } from './Tree';
+export type { EventDataNode, DataNode } from 'rc-tree/lib/interface';
+export type { TreeProps, AntTreeNode, AntTreeNodeMouseEvent, AntTreeNodeExpandedEvent, AntTreeNodeCheckedEvent, AntTreeNodeSelectedEvent, AntdTreeNodeAttribute, AntTreeNodeProps, } from './Tree';
 export { ExpandAction as DirectoryTreeExpandAction, DirectoryTreeProps } from './DirectoryTree';
 export default Tree;

package/lib/tree/style/index.css

@@ -2,48 +2,6 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-html {
-  --ant-primary-color: #2c68ff;
-  --ant-primary-color-hover: #548aff;
-  --ant-primary-color-active: #1a4ad9;
-  --ant-primary-color-outline: rgba(44, 104, 255, 0.2);
-  --ant-primary-1: #f0f7ff;
-  --ant-primary-2: #cfe3ff;
-  --ant-primary-3: #a6c8ff;
-  --ant-primary-4: #7daaff;
-  --ant-primary-5: #548aff;
-  --ant-primary-6: #2c68ff;
-  --ant-primary-7: #1a4ad9;
-  --ant-primary-color-deprecated-pure: ;
-  --ant-primary-color-deprecated-l-35: #dfe8ff;
-  --ant-primary-color-deprecated-l-20: #92b1ff;
-  --ant-primary-color-deprecated-t-20: #5686ff;
-  --ant-primary-color-deprecated-t-50: #96b4ff;
-  --ant-primary-color-deprecated-f-12: rgba(44, 104, 255, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(240, 247, 255, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #e6f2ff;
-  --ant-success-color: #36c626;
-  --ant-success-color-hover: #5cd44a;
-  --ant-success-color-active: #20a116;
-  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
-  --ant-success-color-deprecated-bg: #f4fff0;
-  --ant-success-color-deprecated-border: #afed9f;
-  --ant-error-color: #ff5c57;
-  --ant-error-color-hover: #ff8880;
-  --ant-error-color-active: #d93f3f;
-  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
-  --ant-error-color-deprecated-bg: #fff3f0;
-  --ant-error-color-deprecated-border: #ffd7d1;
-  --ant-warning-color: #ffab00;
-  --ant-warning-color-hover: #ffbf29;
-  --ant-warning-color-active: #d98900;
-  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
-  --ant-warning-color-deprecated-bg: #fffbe6;
-  --ant-warning-color-deprecated-border: #ffe07a;
-  --ant-info-color: #2c68ff;
-  --ant-info-color-deprecated-bg: #f0f7ff;
-  --ant-info-color-deprecated-border: #a6c8ff;
-}
 @-webkit-keyframes antCheckboxEffect {
   0% {
     transform: scale(1);
@@ -118,7 +76,7 @@ html {
 }
 .ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
-  background: var(--ant-primary-color);
+  background: #2c68ff;
 }
 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
   color: #fff;
@@ -131,7 +89,7 @@ html {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -147,7 +105,7 @@ html {
 .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
 .ant-tree-checkbox:hover .ant-tree-checkbox-inner,
 .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
-  border-color: var(--ant-primary-color);
+  border-color: #2c68ff;
 }
 .ant-tree-checkbox-checked::after {
   position: absolute;
@@ -155,7 +113,7 @@ html {
   left: 0;
   width: 100%;
   height: 100%;
-  border: 1px solid var(--ant-primary-color);
+  border: 1px solid #2c68ff;
   border-radius: 4px;
   visibility: hidden;
   -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
@@ -177,7 +135,7 @@ html {
   height: 16px;
   direction: ltr;
   background-color: #fff;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #d2d2d2;
   border-radius: 4px;
   border-collapse: separate;
   transition: all 0.3s;
@@ -221,14 +179,14 @@ html {
   content: ' ';
 }
 .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
-  background-color: var(--ant-primary-color);
-  border-color: var(--ant-primary-color);
+  background-color: #2c68ff;
+  border-color: #2c68ff;
 }
 .ant-tree-checkbox-disabled {
   cursor: not-allowed;
 }
 .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
-  border-color: rgba(0, 0, 0, 0.25);
+  border-color: #a9a9a9;
   -webkit-animation-name: none;
           animation-name: none;
 }
@@ -237,17 +195,17 @@ html {
   pointer-events: none;
 }
 .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
-  background-color: #f5f5f5;
-  border-color: #d9d9d9 !important;
+  background-color: #f1f1f1;
+  border-color: #d2d2d2 !important;
 }
 .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
-  border-color: #f5f5f5;
+  border-color: #f1f1f1;
   border-collapse: separate;
   -webkit-animation-name: none;
           animation-name: none;
 }
 .ant-tree-checkbox-disabled + span {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   cursor: not-allowed;
 }
 .ant-tree-checkbox-disabled:hover::after,
@@ -258,7 +216,7 @@ html {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -293,7 +251,7 @@ html {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -312,28 +270,28 @@ html {
 }
 .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
   background-color: #fff;
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
 }
 .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
   top: 50%;
   left: 50%;
   width: 8px;
   height: 8px;
-  background-color: var(--ant-primary-color);
+  background-color: #2c68ff;
   border: 0;
   transform: translate(-50%, -50%) scale(1);
   opacity: 1;
   content: ' ';
 }
 .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-color: rgba(0, 0, 0, 0.25);
+  background-color: #a9a9a9;
+  border-color: #a9a9a9;
 }
 .ant-tree {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -344,7 +302,7 @@ html {
   transition: background-color 0.3s;
 }
 .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
-  background: var(--ant-primary-1);
+  background: #f0f7ff;
 }
 .ant-tree-list-holder-inner {
   align-items: flex-start;
@@ -364,7 +322,7 @@ html {
   right: 0;
   bottom: 4px;
   left: 0;
-  border: 1px solid var(--ant-primary-color);
+  border: 1px solid #2c68ff;
   opacity: 0;
   -webkit-animation: ant-tree-node-fx-do-not-use 0.3s;
           animation: ant-tree-node-fx-do-not-use 0.3s;
@@ -382,7 +340,7 @@ html {
   outline: none;
 }
 .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   cursor: not-allowed;
 }
 .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
@@ -448,7 +406,7 @@ html {
   transform: rotate(-90deg);
 }
 .ant-tree-switcher-loading-icon {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
 }
 .ant-tree-switcher-leaf-line {
   position: relative;
@@ -494,7 +452,7 @@ html {
   background-color: #f5f5f5;
 }
 .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
-  background-color: var(--ant-primary-2);
+  background-color: #cfe3ff;
 }
 .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
   display: inline-block;
@@ -521,7 +479,7 @@ html {
   position: absolute;
   z-index: 1;
   height: 2px;
-  background-color: var(--ant-primary-color);
+  background-color: #2c68ff;
   border-radius: 1px;
   pointer-events: none;
 }
@@ -532,12 +490,12 @@ html {
   width: 8px;
   height: 8px;
   background-color: transparent;
-  border: 2px solid var(--ant-primary-color);
+  border: 2px solid #2c68ff;
   border-radius: 50%;
   content: '';
 }
 .ant-tree .ant-tree-treenode.drop-container > [draggable] {
-  box-shadow: 0 0 0 2px var(--ant-primary-color);
+  box-shadow: 0 0 0 2px #2c68ff;
 }
 .ant-tree-show-line .ant-tree-indent-unit {
   position: relative;
@@ -548,7 +506,7 @@ html {
   top: 0;
   right: 12px;
   bottom: -4px;
-  border-right: 1px solid #d9d9d9;
+  border-right: 1px solid #d2d2d2;
   content: '';
 }
 .ant-tree-show-line .ant-tree-indent-unit-end::before {
@@ -582,7 +540,7 @@ html {
   right: auto;
   left: -13px;
   border-right: none;
-  border-left: 1px solid #d9d9d9;
+  border-left: 1px solid #d2d2d2;
 }
 .ant-tree-rtl .ant-tree-checkbox {
   margin: 4px 0 0 8px;