@fle-ui/next 1.0.0 → 1.0.4-alpha.0

package/es/progress/style/index.css

@@ -35,7 +35,7 @@
   transition: all 0.3s;
 }
 .ant-progress-steps-item-active {
-  background: #1890ff;
+  background: #2c68ff;
 }
 .ant-progress-small.ant-progress-line,
 .ant-progress-small.ant-progress-line .ant-progress-text .anticon {
@@ -68,12 +68,12 @@
           animation: ant-progress-appear 0.3s;
 }
 .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
-  stroke: #1890ff;
+  stroke: #2c68ff;
 }
 .ant-progress-success-bg,
 .ant-progress-bg {
   position: relative;
-  background-color: #1890ff;
+  background-color: #2c68ff;
   border-radius: 100px;
   transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
 }

package/es/result/noFound.js

@@ -50,7 +50,7 @@ var NoFound = function NoFound() {
     fill: "#FFF"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M174.823 30.03c0-16.281 13.198-29.48 29.48-29.48 16.28 0 29.48 13.199 29.48 29.48 0 16.28-13.2 29.48-29.48 29.48-16.282 0-29.48-13.2-29.48-29.48",
-    fill: "#1890FF"
+    fill: "#2c68ff"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M205.952 38.387c.5.5.785 1.142.785 1.928s-.286 1.465-.785 1.964c-.572.5-1.214.75-2 .75-.785 0-1.429-.285-1.929-.785-.572-.5-.82-1.143-.82-1.929s.248-1.428.82-1.928c.5-.5 1.144-.75 1.93-.75.785 0 1.462.25 1.999.75m4.285-19.463c1.428 1.249 2.143 2.963 2.143 5.142 0 1.712-.427 3.13-1.219 4.25-.067.096-.137.18-.218.265-.416.429-1.41 1.346-2.956 2.699a5.07 5.07 0 0 0-1.428 1.75 5.207 5.207 0 0 0-.536 2.357v.5h-4.107v-.5c0-1.357.215-2.536.714-3.5.464-.964 1.857-2.464 4.178-4.536l.43-.5c.643-.785.964-1.643.964-2.535 0-1.18-.358-2.108-1-2.785-.678-.68-1.643-1.001-2.858-1.001-1.536 0-2.642.464-3.357 1.43-.37.5-.621 1.135-.76 1.904a1.999 1.999 0 0 1-1.971 1.63h-.004c-1.277 0-2.257-1.183-1.98-2.43.337-1.518 1.02-2.78 2.073-3.784 1.536-1.5 3.607-2.25 6.25-2.25 2.32 0 4.214.607 5.642 1.894",
     fill: "#FFF"

package/es/result/style/index.css

@@ -8,7 +8,7 @@
   color: #ff4d4f;
 }
 .ant-result-info .ant-result-icon > .anticon {
-  color: #1890ff;
+  color: #2c68ff;
 }
 .ant-result-warning .ant-result-icon > .anticon {
   color: #faad14;

package/es/style/color/colors.less

@@ -1,7 +1,7 @@
 @import 'colorPalette';
 
 // color palettes
-@blue-base: #1890ff;
+@blue-base: #2c68ff;
 @blue-1: color(~`colorPalette('@{blue-6}', 1) `);
 @blue-2: color(~`colorPalette('@{blue-6}', 2) `);
 @blue-3: color(~`colorPalette('@{blue-6}', 3) `);
@@ -158,5 +158,5 @@
 @gold-9: color(~`colorPalette('@{gold-6}', 9) `);
 @gold-10: color(~`colorPalette('@{gold-6}', 10) `);
 
-@preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,
-  purple;
+@preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime,
+  green, blue, geekblue, purple;

package/es/style/theme.less

@@ -15,10 +15,13 @@
 @disabled-color: @text-color-secondary;
 @disabled-bg: #f1f1f1;
 
-@modal-header-padding: 13px 20px;
-@modal-body-padding: 20px;
-@modal-confirm-body-padding: 28px 28px 20px;
-@modal-header-close-size: 49px;
+@modal-header-padding: 20px 20px;
+// @modal-body-padding: 20px;
+// @modal-confirm-body-padding: 28px 28px 20px;
+@modal-header-close-size: 63px;
+@modal-footer-padding: 20px 20px;
+@modal-footer-padding-vertical: 16px;
+@modal-footer-padding-horizontal: 24px;
 
 @pagination-item-bg-active: @primary-color;
 @pagination-item-color-active: #ffffff;

package/es/table/demo/drag-sorting/index.less

@@ -1,7 +1,7 @@
 .components-table-demo-drag-sorting tr.drop-over-downward td {
-  border-bottom: 2px dashed #1890ff;
+  border-bottom: 2px dashed #2c68ff;
 }
 
 .components-table-demo-drag-sorting tr.drop-over-upward td {
-  border-top: 2px dashed #1890ff;
+  border-top: 2px dashed #2c68ff;
 }

package/es/table/style/index.css

@@ -618,6 +618,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 }
 .ant-table-cell-fix-left,
 .ant-table-cell-fix-right {
+  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 2;
   background: #fff;
@@ -687,11 +688,13 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
 }
 .ant-table-sticky-holder {
+  position: -webkit-sticky;
   position: sticky;
   z-index: calc(2 + 1);
   background: #fff;
 }
 .ant-table-sticky-scroll {
+  position: -webkit-sticky;
   position: sticky;
   bottom: 0;
   z-index: calc(2 + 1);

package/es/tag/style/index.css

@@ -177,14 +177,14 @@
   border-color: #52c41a;
 }
 .ant-tag-blue {
-  color: #096dd9;
-  background: #e6f7ff;
-  border-color: #91d5ff;
+  color: #1a4ad9;
+  background: #f0f7ff;
+  border-color: #a6c8ff;
 }
 .ant-tag-blue-inverse {
   color: #fff;
-  background: #1890ff;
-  border-color: #1890ff;
+  background: #2c68ff;
+  border-color: #2c68ff;
 }
 .ant-tag-geekblue {
   color: #1d39c4;

package/es/tooltip/style/index.css

@@ -224,10 +224,10 @@
   background-color: #52c41a;
 }
 .ant-tooltip-blue .ant-tooltip-inner {
-  background-color: #1890ff;
+  background-color: #2c68ff;
 }
 .ant-tooltip-blue .ant-tooltip-arrow-content {
-  background-color: #1890ff;
+  background-color: #2c68ff;
 }
 .ant-tooltip-geekblue .ant-tooltip-inner {
   background-color: #2f54eb;

package/es/upload/style/index.css

@@ -288,8 +288,8 @@
 .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
   fill: #fff2f0;
 }
-.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
-.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
+.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#2c68ff'],
+.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#2c68ff'] {
   fill: #f42d2d;
 }
 .ant-upload-list-picture .ant-upload-list-item-icon,

package/es/upload/style/index.less

@@ -269,7 +269,8 @@
       position: relative;
       height: 66px;
       padding: @padding-xs;
-      border: @border-width-base @upload-picture-card-border-style @border-color-base;
+      border: @border-width-base @upload-picture-card-border-style
+        @border-color-base;
       border-radius: @border-radius-base;
 
       &:hover {
@@ -313,7 +314,7 @@
             fill: @error-color-deprecated-bg;
           }
 
-          &[fill='#1890ff'] {
+          &[fill='#2c68ff'] {
             fill: @error-color;
           }
         }
@@ -499,7 +500,8 @@
   &-text,
   &-picture {
     &-container {
-      transition: opacity @animation-duration-slow, height @animation-duration-slow;
+      transition: opacity @animation-duration-slow,
+        height @animation-duration-slow;
 
       &::before {
         display: table;

package/lib/badge/style/index.css

@@ -1874,7 +1874,7 @@ html {
 }
 .ant-badge-status-processing {
   position: relative;
-  background-color: #1890ff;
+  background-color: #2c68ff;
 }
 .ant-badge-status-processing::after {
   position: absolute;
@@ -1882,7 +1882,7 @@ html {
   left: 0;
   width: 100%;
   height: 100%;
-  border: 1px solid #1890ff;
+  border: 1px solid #2c68ff;
   border-radius: 50%;
   -webkit-animation: antStatusProcessing 1.2s infinite ease-in-out;
           animation: antStatusProcessing 1.2s infinite ease-in-out;
@@ -1928,7 +1928,7 @@ html {
   background: #52c41a;
 }
 .ant-badge-status-blue {
-  background: #1890ff;
+  background: #2c68ff;
 }
 .ant-badge-status-geekblue {
   background: #2f54eb;
@@ -2196,8 +2196,8 @@ html {
   background: #52c41a;
 }
 .ant-ribbon-color-blue {
-  color: #1890ff;
-  background: #1890ff;
+  color: #2c68ff;
+  background: #2c68ff;
 }
 .ant-ribbon-color-geekblue {
   color: #2f54eb;

package/lib/cascader/index.d.ts

@@ -1,135 +1,17 @@
 import * as React from 'react';
-import Input from '../input';
-import { ConfigConsumerProps, RenderEmptyHandler, DirectionType } from '../config-provider';
-import { SizeType } from '../config-provider/SizeContext';
-export interface CascaderOptionType {
-    value?: string | number;
-    label?: React.ReactNode;
-    disabled?: boolean;
-    isLeaf?: boolean;
-    loading?: boolean;
-    children?: Array<CascaderOptionType>;
-    [key: string]: any;
-}
-export interface FieldNamesType {
-    value?: string | number;
-    label?: string;
-    children?: string;
-}
-export interface FilledFieldNamesType {
-    value: string | number;
-    label: string;
-    children: string;
-}
-export declare type CascaderExpandTrigger = 'click' | 'hover';
-export declare type CascaderValueType = (string | number)[];
-export interface ShowSearchType {
-    filter?: (inputValue: string, path: CascaderOptionType[], names: FilledFieldNamesType) => boolean;
-    render?: (inputValue: string, path: CascaderOptionType[], prefixCls: string | undefined, names: FilledFieldNamesType) => React.ReactNode;
-    sort?: (a: CascaderOptionType[], b: CascaderOptionType[], inputValue: string, names: FilledFieldNamesType) => number;
-    matchInputWidth?: boolean;
-    limit?: number | false;
-}
-export interface CascaderProps {
-    /** 可选项数据源 */
-    options: CascaderOptionType[];
-    /** 默认的选中项 */
-    defaultValue?: CascaderValueType;
-    /** 指定选中项 */
-    value?: CascaderValueType;
-    /** 选择完成后的回调 */
-    onChange?: (value: CascaderValueType, selectedOptions?: CascaderOptionType[]) => void;
-    /** 选择后展示的渲染函数 */
-    displayRender?: (label: string[], selectedOptions?: CascaderOptionType[]) => React.ReactNode;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义浮层类名 */
-    popupClassName?: string;
-    /** 浮层预设位置：`bottomLeft` `bottomRight` `topLeft` `topRight` */
-    popupPlacement?: string;
-    /** 输入框占位文本 */
-    placeholder?: string;
-    /** 输入框大小，可选 `large` `default` `small` */
+import type { CascaderProps as RcCascaderProps } from 'rc-cascader';
+import type { FieldNames } from 'rc-cascader/lib/interface';
+import type { SizeType } from '../config-provider/SizeContext';
+export declare type FieldNamesType = FieldNames;
+export declare type FilledFieldNamesType = Required<FieldNamesType>;
+export interface CascaderProps extends Omit<RcCascaderProps, 'checkable'> {
+    multiple?: boolean;
     size?: SizeType;
-    /** 输入框 name */
-    name?: string;
-    /** 输入框 id */
-    id?: string;
-    /** Whether has border style */
     bordered?: boolean;
-    /** 禁用 */
-    disabled?: boolean;
-    /** 是否支持清除 */
-    allowClear?: boolean;
-    /** 自动获取焦点 */
-    autoFocus?: boolean;
-    showSearch?: boolean | ShowSearchType;
-    notFoundContent?: React.ReactNode;
-    loadData?: (selectedOptions?: CascaderOptionType[]) => void;
-    /** 次级菜单的展开方式，可选 'click' 和 'hover' */
-    expandTrigger?: CascaderExpandTrigger;
-    expandIcon?: React.ReactNode;
-    /** 当此项为 true 时，点选每级菜单选项值都会发生变化 */
-    changeOnSelect?: boolean;
-    /** 浮层可见变化时回调 */
-    onPopupVisibleChange?: (popupVisible: boolean) => void;
-    prefixCls?: string;
-    inputPrefixCls?: string;
-    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-    popupVisible?: boolean;
-    /** Use this after antd@3.7.0 */
-    fieldNames?: FieldNamesType;
-    suffixIcon?: React.ReactNode;
-    dropdownRender?: (menus: React.ReactNode) => React.ReactNode;
-    autoComplete?: string;
-    transitionName?: string;
-    children?: React.ReactElement;
-}
-export interface CascaderState {
-    inputFocused: boolean;
-    inputValue: string;
-    value: CascaderValueType;
-    popupVisible: boolean | undefined;
-    flattenOptions: CascaderOptionType[][] | undefined;
-    prevProps: CascaderProps;
-}
-interface CascaderLocale {
-    placeholder?: string;
 }
-declare class Cascader extends React.Component<CascaderProps, CascaderState> {
-    static defaultProps: {
-        options: never[];
-        disabled: boolean;
-        allowClear: boolean;
-        bordered: boolean;
-    };
-    static getDerivedStateFromProps(nextProps: CascaderProps, { prevProps }: CascaderState): Partial<CascaderState>;
-    cachedOptions: CascaderOptionType[];
-    clearSelectionTimeout: any;
-    private input;
-    constructor(props: CascaderProps);
-    componentWillUnmount(): void;
-    setValue: (value: CascaderValueType, selectedOptions?: CascaderOptionType[]) => void;
-    getLabel(): any;
-    saveInput: (node: Input) => void;
-    handleChange: (value: any, selectedOptions: CascaderOptionType[]) => void;
-    handlePopupVisibleChange: (popupVisible: boolean) => void;
-    handleInputBlur: () => void;
-    handleInputClick: (e: React.MouseEvent<HTMLInputElement>) => void;
-    handleKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    clearSelection: (e: React.MouseEvent<HTMLElement>) => void;
-    generateFilteredOptions(prefixCls: string | undefined, renderEmpty: RenderEmptyHandler): CascaderOptionType[] | {
-        [x: string]: {} | null | undefined;
-        disabled: boolean;
-        isEmptyNode: boolean;
-    }[];
-    focus(): void;
-    blur(): void;
-    getPopupPlacement(direction?: DirectionType): string;
-    renderCascader: ({ getPopupContainer: getContextPopupContainer, getPrefixCls, renderEmpty, direction, }: ConfigConsumerProps, locale: CascaderLocale) => JSX.Element;
-    render(): JSX.Element;
+interface CascaderRef {
+    focus: () => void;
+    blur: () => void;
 }
+declare const Cascader: React.ForwardRefExoticComponent<CascaderProps & React.RefAttributes<CascaderRef>>;
 export default Cascader;