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

package/es/input-number/style/index.css

@@ -2,59 +2,17 @@
 /* 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-input-number-affix-wrapper {
   display: inline-block;
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   line-height: 1.5715;
   background-color: #fff;
   background-image: none;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #d2d2d2;
   border-radius: 4px;
   transition: all 0.3s;
   /* stylelint-disable-next-line selector-no-vendor-prefix */
@@ -90,38 +48,38 @@ html {
   text-overflow: ellipsis;
 }
 .ant-input-number-affix-wrapper:hover {
-  border-color: var(--ant-primary-5);
+  border-color: #548aff;
   border-right-width: 1px;
 }
 .ant-input-number-affix-wrapper:focus,
 .ant-input-number-affix-wrapper-focused {
-  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-input-number-affix-wrapper-disabled {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  border-color: #d9d9d9;
+  color: #a9a9a9;
+  background-color: #f1f1f1;
+  border-color: #d2d2d2;
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-number-affix-wrapper-disabled:hover {
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
   border-right-width: 1px;
 }
 .ant-input-number-affix-wrapper[disabled] {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  border-color: #d9d9d9;
+  color: #a9a9a9;
+  background-color: #f1f1f1;
+  border-color: #d2d2d2;
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-number-affix-wrapper[disabled]:hover {
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
   border-right-width: 1px;
 }
 .ant-input-number-affix-wrapper-borderless,
@@ -150,7 +108,7 @@ textarea.ant-input-number-affix-wrapper {
   padding: 0px 7px;
 }
 .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
-  border-color: var(--ant-primary-5);
+  border-color: #548aff;
   border-right-width: 1px;
   z-index: 1;
 }
@@ -206,70 +164,70 @@ textarea.ant-input-number-affix-wrapper {
 .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
 .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
   background: #fff;
-  border-color: var(--ant-error-color);
+  border-color: #f42d2d;
 }
 .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
 .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
-  border-color: var(--ant-error-color-hover);
-  box-shadow: 0 0 0 2px var(--ant-error-color-outline);
+  border-color: #ff5c57;
+  box-shadow: 0 0 0 2px rgba(244, 45, 45, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
 .ant-input-number-status-error .ant-input-number-prefix {
-  color: var(--ant-error-color);
+  color: #f42d2d;
 }
 .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
 .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
   background: #fff;
-  border-color: var(--ant-warning-color);
+  border-color: #ffab00;
 }
 .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
 .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
-  border-color: var(--ant-warning-color-hover);
-  box-shadow: 0 0 0 2px var(--ant-warning-color-outline);
+  border-color: #ffbf29;
+  box-shadow: 0 0 0 2px rgba(255, 171, 0, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
 .ant-input-number-status-warning .ant-input-number-prefix {
-  color: var(--ant-warning-color);
+  color: #ffab00;
 }
 .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
 .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
   background: #fff;
-  border-color: var(--ant-error-color);
+  border-color: #f42d2d;
 }
 .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
 .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
-  border-color: var(--ant-error-color-hover);
-  box-shadow: 0 0 0 2px var(--ant-error-color-outline);
+  border-color: #ff5c57;
+  box-shadow: 0 0 0 2px rgba(244, 45, 45, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
 .ant-input-number-affix-wrapper-status-error .ant-input-number-prefix {
-  color: var(--ant-error-color);
+  color: #f42d2d;
 }
 .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
 .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
   background: #fff;
-  border-color: var(--ant-warning-color);
+  border-color: #ffab00;
 }
 .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
 .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
-  border-color: var(--ant-warning-color-hover);
-  box-shadow: 0 0 0 2px var(--ant-warning-color-outline);
+  border-color: #ffbf29;
+  box-shadow: 0 0 0 2px rgba(255, 171, 0, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
 .ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix {
-  color: var(--ant-warning-color);
+  color: #ffab00;
 }
 .ant-input-number-group-wrapper-status-error .ant-input-number-group-addon {
-  color: var(--ant-error-color);
-  border-color: var(--ant-error-color);
+  color: #f42d2d;
+  border-color: #f42d2d;
 }
 .ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon {
-  color: var(--ant-warning-color);
-  border-color: var(--ant-warning-color);
+  color: #ffab00;
+  border-color: #ffab00;
 }
 .ant-input-number {
   box-sizing: border-box;
@@ -280,7 +238,7 @@ textarea.ant-input-number-affix-wrapper {
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   line-height: 1.5715;
   background-color: #fff;
@@ -291,7 +249,7 @@ textarea.ant-input-number-affix-wrapper {
   width: 90px;
   margin: 0;
   padding: 0;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #d2d2d2;
   border-radius: 4px;
 }
 .ant-input-number::-moz-placeholder {
@@ -319,38 +277,38 @@ textarea.ant-input-number-affix-wrapper {
   text-overflow: ellipsis;
 }
 .ant-input-number:hover {
-  border-color: var(--ant-primary-5);
+  border-color: #548aff;
   border-right-width: 1px;
 }
 .ant-input-number:focus,
 .ant-input-number-focused {
-  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-input-number-disabled {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  border-color: #d9d9d9;
+  color: #a9a9a9;
+  background-color: #f1f1f1;
+  border-color: #d2d2d2;
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-number-disabled:hover {
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
   border-right-width: 1px;
 }
 .ant-input-number[disabled] {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  border-color: #d9d9d9;
+  color: #a9a9a9;
+  background-color: #f1f1f1;
+  border-color: #d2d2d2;
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-number[disabled]:hover {
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
   border-right-width: 1px;
 }
 .ant-input-number-borderless,
@@ -382,7 +340,7 @@ textarea.ant-input-number {
   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;
@@ -444,12 +402,12 @@ textarea.ant-input-number {
 .ant-input-number-group-addon {
   position: relative;
   padding: 0 11px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-weight: normal;
   font-size: 14px;
   text-align: center;
   background-color: #fafafa;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #d2d2d2;
   border-radius: 4px;
   transition: all 0.3s;
 }
@@ -463,7 +421,7 @@ textarea.ant-input-number {
 }
 .ant-input-number-group-addon .ant-select-open .ant-select-selector,
 .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
 }
 .ant-input-number-group-addon .ant-cascader-picker {
   margin: -9px -12px;
@@ -644,13 +602,13 @@ textarea.ant-input-number {
   border-radius: 4px 0 0 4px;
 }
 .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
-  border-right: 1px solid #d9d9d9;
+  border-right: 1px solid #d2d2d2;
   border-left: 0;
   border-radius: 0 4px 4px 0;
 }
 .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
   border-right: 0;
-  border-left: 1px solid #d9d9d9;
+  border-left: 1px solid #d2d2d2;
   border-radius: 4px 0 0 4px;
 }
 .ant-input-number-group-wrapper {
@@ -664,11 +622,11 @@ textarea.ant-input-number {
   width: 100%;
   height: 50%;
   overflow: hidden;
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   font-weight: bold;
   line-height: 0;
   text-align: center;
-  border-left: 1px solid #d9d9d9;
+  border-left: 1px solid #d2d2d2;
   transition: all 0.1s linear;
 }
 .ant-input-number-handler:active {
@@ -676,7 +634,7 @@ textarea.ant-input-number {
 }
 .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
 .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
-  color: var(--ant-primary-5);
+  color: #548aff;
 }
 .ant-input-number-handler-up-inner,
 .ant-input-number-handler-down-inner {
@@ -694,7 +652,7 @@ textarea.ant-input-number {
   right: 4px;
   width: 12px;
   height: 12px;
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   line-height: 12px;
   transition: all 0.1s linear;
   -webkit-user-select: none;
@@ -721,7 +679,7 @@ textarea.ant-input-number {
   display: block;
 }
 .ant-input-number:hover {
-  border-color: var(--ant-primary-5);
+  border-color: #548aff;
   border-right-width: 1px;
 }
 .ant-input-number:hover + .ant-form-item-children-icon {
@@ -729,21 +687,21 @@ textarea.ant-input-number {
   transition: opacity 0.24s linear 0.24s;
 }
 .ant-input-number-focused {
-  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-input-number-disabled {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  border-color: #d9d9d9;
+  color: #a9a9a9;
+  background-color: #f1f1f1;
+  border-color: #d2d2d2;
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-number-disabled:hover {
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
   border-right-width: 1px;
 }
 .ant-input-number-disabled .ant-input-number-input {
@@ -859,7 +817,7 @@ textarea.ant-input-number {
 }
 .ant-input-number-handler-down {
   top: 0;
-  border-top: 1px solid #d9d9d9;
+  border-top: 1px solid #d2d2d2;
   border-bottom-right-radius: 4px;
   cursor: pointer;
 }
@@ -880,19 +838,19 @@ textarea.ant-input-number {
 }
 .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
 .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
 }
 .ant-input-number-borderless {
   box-shadow: none;
 }
 .ant-input-number-out-of-range input {
-  color: var(--ant-error-color);
+  color: #f42d2d;
 }
 .ant-input-number-rtl {
   direction: rtl;
 }
 .ant-input-number-rtl .ant-input-number-handler {
-  border-right: 1px solid #d9d9d9;
+  border-right: 1px solid #d2d2d2;
   border-left: 0;
 }
 .ant-input-number-rtl .ant-input-number-handler-wrap {

package/es/layout/Sider.js

@@ -2,16 +2,16 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { __rest } from "tslib";
-import * as React from 'react';
-import { useContext, useRef, useState, useEffect } from 'react';
-import classNames from 'classnames';
-import omit from "rc-util/es/omit";
 import BarsOutlined from "@ant-design/icons/es/icons/BarsOutlined";
-import RightOutlined from "@ant-design/icons/es/icons/RightOutlined";
 import LeftOutlined from "@ant-design/icons/es/icons/LeftOutlined";
-import { LayoutContext } from './layout';
+import RightOutlined from "@ant-design/icons/es/icons/RightOutlined";
+import classNames from 'classnames';
+import omit from "rc-util/es/omit";
+import * as React from 'react';
+import { useContext, useEffect, useRef, useState } from 'react';
 import { ConfigContext } from '../config-provider';
 import isNumeric from '../_util/isNumeric';
+import { LayoutContext } from './layout';
 var dimensionMaxMap = {
   xs: '479.98px',
   sm: '575.98px',
@@ -198,5 +198,9 @@ var Sider = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     value: contextValue
   }, renderSider());
 });
-Sider.displayName = 'Sider';
+
+if (process.env.NODE_ENV !== 'production') {
+  Sider.displayName = 'Sider';
+}
+
 export default Sider;

package/es/layout/layout.js

@@ -3,8 +3,8 @@ 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 { __rest } from "tslib";
-import * as React from 'react';
 import classNames from 'classnames';
+import * as React from 'react';
 import { ConfigContext } from '../config-provider';
 export var LayoutContext = /*#__PURE__*/React.createContext({
   siderHook: {
@@ -34,7 +34,11 @@ function generator(_ref) {
         tagName: tagName
       }, props));
     });
-    Adapter.displayName = displayName;
+
+    if (process.env.NODE_ENV !== 'production') {
+      Adapter.displayName = displayName;
+    }
+
     return Adapter;
   };
 }

package/es/layout/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;
-}
 .ant-layout {
   display: flex;
   flex: auto;
@@ -70,13 +28,13 @@ html {
 .ant-layout-header {
   height: 64px;
   padding: 0 50px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   line-height: 64px;
   background: #001529;
 }
 .ant-layout-footer {
   padding: 24px 50px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   background: #f0f2f5;
 }
@@ -158,11 +116,11 @@ html {
   background: #fff;
 }
 .ant-layout-sider-light .ant-layout-sider-trigger {
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   background: #fff;
 }
 .ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   background: #fff;
 }
 .ant-layout-rtl {