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

package/es/tree-select/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 ant-tree-node-fx-do-not-use {
   0% {
     opacity: 0;
@@ -84,7 +42,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;
@@ -100,7 +58,7 @@ html {
 .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
 .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
 .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
-  border-color: var(--ant-primary-color);
+  border-color: #2c68ff;
 }
 .ant-select-tree-checkbox-checked::after {
   position: absolute;
@@ -108,7 +66,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;
@@ -130,7 +88,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;
@@ -174,14 +132,14 @@ html {
   content: ' ';
 }
 .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
-  background-color: var(--ant-primary-color);
-  border-color: var(--ant-primary-color);
+  background-color: #2c68ff;
+  border-color: #2c68ff;
 }
 .ant-select-tree-checkbox-disabled {
   cursor: not-allowed;
 }
 .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
-  border-color: rgba(0, 0, 0, 0.25);
+  border-color: #a9a9a9;
   -webkit-animation-name: none;
           animation-name: none;
 }
@@ -190,17 +148,17 @@ html {
   pointer-events: none;
 }
 .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
-  background-color: #f5f5f5;
-  border-color: #d9d9d9 !important;
+  background-color: #f1f1f1;
+  border-color: #d2d2d2 !important;
 }
 .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
-  border-color: #f5f5f5;
+  border-color: #f1f1f1;
   border-collapse: separate;
   -webkit-animation-name: none;
           animation-name: none;
 }
 .ant-select-tree-checkbox-disabled + span {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   cursor: not-allowed;
 }
 .ant-select-tree-checkbox-disabled:hover::after,
@@ -211,7 +169,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;
@@ -246,7 +204,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;
@@ -265,22 +223,22 @@ html {
 }
 .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
   background-color: #fff;
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
 }
 .ant-select-tree-checkbox-indeterminate .ant-select-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-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-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-select-dropdown {
   padding: 8px 4px;
@@ -301,7 +259,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,7 +270,7 @@ html {
   transition: background-color 0.3s;
 }
 .ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
-  background: var(--ant-primary-1);
+  background: #f0f7ff;
 }
 .ant-select-tree-list-holder-inner {
   align-items: flex-start;
@@ -332,7 +290,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;
@@ -350,7 +308,7 @@ html {
   outline: none;
 }
 .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   cursor: not-allowed;
 }
 .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
@@ -416,7 +374,7 @@ html {
   transform: rotate(-90deg);
 }
 .ant-select-tree-switcher-loading-icon {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
 }
 .ant-select-tree-switcher-leaf-line {
   position: relative;
@@ -462,7 +420,7 @@ html {
   background-color: #f5f5f5;
 }
 .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
-  background-color: var(--ant-primary-2);
+  background-color: #cfe3ff;
 }
 .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
   display: inline-block;
@@ -489,7 +447,7 @@ html {
   position: absolute;
   z-index: 1;
   height: 2px;
-  background-color: var(--ant-primary-color);
+  background-color: #2c68ff;
   border-radius: 1px;
   pointer-events: none;
 }
@@ -500,12 +458,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-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
-  box-shadow: 0 0 0 2px var(--ant-primary-color);
+  box-shadow: 0 0 0 2px #2c68ff;
 }
 .ant-select-tree-show-line .ant-select-tree-indent-unit {
   position: relative;
@@ -516,7 +474,7 @@ html {
   top: 0;
   right: 12px;
   bottom: -4px;
-  border-right: 1px solid #d9d9d9;
+  border-right: 1px solid #d2d2d2;
   content: '';
 }
 .ant-select-tree-show-line .ant-select-tree-indent-unit-end::before {

package/es/typography/Typography.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { __rest } from "tslib";
-import * as React from 'react';
 import classNames from 'classnames';
 import { composeRef } from "rc-util/es/ref";
+import * as React from 'react';
 import { ConfigContext } from '../config-provider';
 import warning from '../_util/warning';
 
@@ -39,7 +39,11 @@ var Typography = function Typography(_a, ref) {
 };
 
 var RefTypography = /*#__PURE__*/React.forwardRef(Typography);
-RefTypography.displayName = 'Typography'; // es default export should use const instead of let
+
+if (process.env.NODE_ENV !== 'production') {
+  RefTypography.displayName = 'Typography';
+} // es default export should use const instead of let
+
 
 var ExportTypography = RefTypography;
 export default ExportTypography;

package/es/typography/style/index.css

@@ -2,73 +2,31 @@
 /* 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;
-}
 .ant-typography {
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   overflow-wrap: break-word;
 }
 .ant-typography.ant-typography-secondary {
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
 }
 .ant-typography.ant-typography-success {
-  color: var(--ant-success-color);
+  color: #36c626;
 }
 .ant-typography.ant-typography-warning {
-  color: var(--ant-warning-color);
+  color: #ffab00;
 }
 .ant-typography.ant-typography-danger {
-  color: var(--ant-error-color);
+  color: #f42d2d;
 }
 a.ant-typography.ant-typography-danger:active,
 a.ant-typography.ant-typography-danger:focus {
-  color: var(--ant-error-color-active);
+  color: #cf1b21;
 }
 a.ant-typography.ant-typography-danger:hover {
-  color: var(--ant-error-color-hover);
+  color: #ff5c57;
 }
 .ant-typography.ant-typography-disabled {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   cursor: not-allowed;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -84,7 +42,7 @@ div.ant-typography-h1,
 div.ant-typography-h1 > textarea,
 .ant-typography h1 {
   margin-bottom: 0.5em;
-  color: rgba(0, 0, 0, 0.85);
+  color: #262626;
   font-weight: 600;
   font-size: 38px;
   line-height: 1.23;
@@ -94,7 +52,7 @@ div.ant-typography-h2,
 div.ant-typography-h2 > textarea,
 .ant-typography h2 {
   margin-bottom: 0.5em;
-  color: rgba(0, 0, 0, 0.85);
+  color: #262626;
   font-weight: 600;
   font-size: 30px;
   line-height: 1.35;
@@ -104,7 +62,7 @@ div.ant-typography-h3,
 div.ant-typography-h3 > textarea,
 .ant-typography h3 {
   margin-bottom: 0.5em;
-  color: rgba(0, 0, 0, 0.85);
+  color: #262626;
   font-weight: 600;
   font-size: 24px;
   line-height: 1.35;
@@ -114,7 +72,7 @@ div.ant-typography-h4,
 div.ant-typography-h4 > textarea,
 .ant-typography h4 {
   margin-bottom: 0.5em;
-  color: rgba(0, 0, 0, 0.85);
+  color: #262626;
   font-weight: 600;
   font-size: 20px;
   line-height: 1.4;
@@ -124,7 +82,7 @@ div.ant-typography-h5,
 div.ant-typography-h5 > textarea,
 .ant-typography h5 {
   margin-bottom: 0.5em;
-  color: rgba(0, 0, 0, 0.85);
+  color: #262626;
   font-weight: 600;
   font-size: 16px;
   line-height: 1.5;
@@ -190,7 +148,7 @@ span.ant-typography-ellipsis {
 }
 a.ant-typography,
 .ant-typography a {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
   outline: none;
   cursor: pointer;
   transition: color 0.3s;
@@ -200,11 +158,11 @@ a.ant-typography:focus,
 .ant-typography a:focus,
 a.ant-typography:hover,
 .ant-typography a:hover {
-  color: var(--ant-primary-color-hover);
+  color: #548aff;
 }
 a.ant-typography:active,
 .ant-typography a:active {
-  color: var(--ant-primary-color-active);
+  color: #1a4ad9;
 }
 a.ant-typography:active,
 .ant-typography a:active,
@@ -216,7 +174,7 @@ a.ant-typography[disabled],
 .ant-typography a[disabled],
 a.ant-typography.ant-typography-disabled,
 .ant-typography a.ant-typography-disabled {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   cursor: not-allowed;
 }
 a.ant-typography[disabled]:active,
@@ -227,7 +185,7 @@ a.ant-typography[disabled]:hover,
 .ant-typography a[disabled]:hover,
 a.ant-typography.ant-typography-disabled:hover,
 .ant-typography a.ant-typography-disabled:hover {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
 }
 a.ant-typography[disabled]:active,
 .ant-typography a[disabled]:active,
@@ -272,7 +230,7 @@ a.ant-typography.ant-typography-disabled:active,
 .ant-typography-expand,
 .ant-typography-edit,
 .ant-typography-copy {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
   text-decoration: none;
   outline: none;
   cursor: pointer;
@@ -285,17 +243,17 @@ a.ant-typography.ant-typography-disabled:active,
 .ant-typography-expand:hover,
 .ant-typography-edit:hover,
 .ant-typography-copy:hover {
-  color: var(--ant-primary-color-hover);
+  color: #548aff;
 }
 .ant-typography-expand:active,
 .ant-typography-edit:active,
 .ant-typography-copy:active {
-  color: var(--ant-primary-color-active);
+  color: #1a4ad9;
 }
 .ant-typography-copy-success,
 .ant-typography-copy-success:hover,
 .ant-typography-copy-success:focus {
-  color: var(--ant-success-color);
+  color: #36c626;
 }
 .ant-typography-edit-content {
   position: relative;
@@ -309,7 +267,7 @@ div.ant-typography-edit-content {
   position: absolute;
   right: 10px;
   bottom: 8px;
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   font-weight: normal;
   font-size: 14px;
   font-style: normal;

package/es/upload/Dragger.js

@@ -19,5 +19,9 @@ var InternalDragger = function InternalDragger(_a, ref) {
 };
 
 var Dragger = /*#__PURE__*/React.forwardRef(InternalDragger);
-Dragger.displayName = 'Dragger';
+
+if (process.env.NODE_ENV !== 'production') {
+  Dragger.displayName = 'Dragger';
+}
+
 export default Dragger;

package/es/upload/Upload.js

@@ -5,16 +5,16 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { __awaiter } from "tslib";
-import * as React from 'react';
+import classNames from 'classnames';
 import RcUpload from 'rc-upload';
 import useMergedState from "rc-util/es/hooks/useMergedState";
-import classNames from 'classnames';
-import UploadList from './UploadList';
-import { file2Obj, getFileItem, removeFileItem, updateFileList } from './utils';
+import * as React from 'react';
+import { ConfigContext } from '../config-provider';
 import LocaleReceiver from '../locale-provider/LocaleReceiver';
 import defaultLocale from '../locale/default';
-import { ConfigContext } from '../config-provider';
 import warning from '../_util/warning';
+import UploadList from './UploadList';
+import { file2Obj, getFileItem, removeFileItem, updateFileList } from './utils';
 export var LIST_IGNORE = "__LIST_IGNORE_".concat(Date.now(), "__");
 
 var InternalUpload = function InternalUpload(props, ref) {
@@ -428,7 +428,11 @@ var InternalUpload = function InternalUpload(props, ref) {
 };
 
 var Upload = /*#__PURE__*/React.forwardRef(InternalUpload);
-Upload.displayName = 'Upload';
+
+if (process.env.NODE_ENV !== 'production') {
+  Upload.displayName = 'Upload';
+}
+
 Upload.defaultProps = {
   type: 'select',
   multiple: false,

package/es/upload/UploadList/index.js

@@ -2,19 +2,19 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import CSSMotion, { CSSMotionList } from 'rc-motion';
-import classNames from 'classnames';
+import FileTwoTone from "@ant-design/icons/es/icons/FileTwoTone";
 import LoadingOutlined from "@ant-design/icons/es/icons/LoadingOutlined";
 import PaperClipOutlined from "@ant-design/icons/es/icons/PaperClipOutlined";
 import PictureTwoTone from "@ant-design/icons/es/icons/PictureTwoTone";
-import FileTwoTone from "@ant-design/icons/es/icons/FileTwoTone";
-import { cloneElement, isValidElement } from '../../_util/reactNode';
-import { previewImage, isImageUrl } from '../utils';
-import collapseMotion from '../../_util/motion';
-import { ConfigContext } from '../../config-provider';
+import classNames from 'classnames';
+import CSSMotion, { CSSMotionList } from 'rc-motion';
+import * as React from 'react';
 import Button from '../../button';
+import { ConfigContext } from '../../config-provider';
 import useForceUpdate from '../../_util/hooks/useForceUpdate';
+import collapseMotion from '../../_util/motion';
+import { cloneElement, isValidElement } from '../../_util/reactNode';
+import { isImageUrl, previewImage } from '../utils';
 import ListItem from './ListItem';
 
 var listItemMotion = _extends({}, collapseMotion);
@@ -235,7 +235,11 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
 };
 
 var UploadList = /*#__PURE__*/React.forwardRef(InternalUploadList);
-UploadList.displayName = 'UploadList';
+
+if (process.env.NODE_ENV !== 'production') {
+  UploadList.displayName = 'UploadList';
+}
+
 UploadList.defaultProps = {
   listType: 'text',
   progress: {

package/es/upload/index.d.ts

@@ -2,7 +2,7 @@
 import Dragger from './Dragger';
 import type { UploadProps } from './Upload';
 import InternalUpload from './Upload';
-export { UploadProps, UploadListProps, UploadChangeParam, RcFile } from './interface';
+export { UploadProps, UploadListProps, UploadChangeParam, UploadFile, RcFile } from './interface';
 export { DraggerProps } from './Dragger';
 declare type InternalUploadType = typeof InternalUpload;
 interface UploadInterface<T = any> extends InternalUploadType {