@fle-ui/next 1.0.0-alpha.12 → 1.0.0-alpha.13

package/docs-dist/wrappers.js

@@ -1 +1,21 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[143],{MZF8:function(t,e,o){"use strict";var n=o("ogwx");o.d(e,"a",(function(){return n["b"]}));o("VCU9")},RGYn:function(t){t.exports=JSON.parse('{"menus":{"en-US":{"/components":[{"title":"\u901a\u7528","children":[{"path":"/components/button","title":"Button \u6309\u94ae"},{"path":"/components/icon","title":"Icon \u56fe\u6807"},{"path":"/components/typography","title":"Typography \u6392\u7248"}]},{"title":"\u5e03\u5c40","children":[{"path":"/components/divider","title":"Divider \u5206\u5272\u7ebf"},{"path":"/components/grid","title":"Grid \u6805\u683c"},{"path":"/components/layout","title":"Layout \u5e03\u5c40"},{"path":"/components/space","title":"Space \u95f4\u8ddd"}]},{"title":"\u5bfc\u822a","children":[{"path":"/components/affix","title":"Affix \u56fa\u9489"},{"path":"/components/breadcrumb","title":"Breadcrumb \u9762\u5305\u5c51"},{"path":"/components/steps","title":"Steps \u6b65\u9aa4\u6761"},{"path":"/components/dropdown","title":"Dropdown \u4e0b\u62c9\u83dc\u5355"},{"path":"/components/menu","title":"Menu \u5bfc\u822a"},{"path":"/components/pagination","title":"Pagination \u5206\u9875"},{"path":"/components/page-header","title":"PageHeader \u9875\u5934"}]},{"title":"\u6570\u636e\u5f55\u5165","children":[{"path":"/components/auto-complete","title":"AutoComplete \u81ea\u52a8\u5b8c\u6210"},{"path":"/components/cascader","title":"Cascader \u7ea7\u8054\u9009\u62e9"},{"path":"/components/checkbox","title":"Checkbox \u591a\u9009\u6846"},{"path":"/components/date-picker","title":"DatePicker \u65e5\u671f\u9009\u62e9\u6846"},{"path":"/components/form","title":"Form \u8868\u5355"},{"path":"/components/input","title":"Input \u8f93\u5165\u6846"},{"path":"/components/input-number","title":"InputNumber \u6570\u5b57\u8f93\u5165\u6846"},{"path":"/components/mentions","title":"Mentions \u63d0\u53ca"},{"path":"/components/radio","title":"Radio \u5355\u9009\u6846"},{"path":"/components/select","title":"Select \u9009\u62e9\u5668"},{"path":"/components/slider","title":"Slider \u6ed1\u52a8\u8f93\u5165\u6761"},{"path":"/components/switch","title":"Switch \u5f00\u5173"},{"path":"/components/time-picker","title":"TimePicker \u65f6\u95f4\u9009\u62e9\u6846"},{"path":"/components/transfer","title":"Transfer \u7a7f\u68ad\u6846"},{"path":"/components/tree-select","title":"TreeSelect \u6811\u9009\u62e9"},{"path":"/components/upload","title":"Upload \u4e0a\u4f20"},{"path":"/components/rate","title":"Rate \u8bc4\u5206"}]},{"title":"\u6570\u636e\u5c55\u793a","children":[{"path":"/components/avatar","title":"Avatar \u5934\u50cf"},{"path":"/components/badge","title":"Badge \u5fbd\u6807\u6570"},{"path":"/components/calendar","title":"Calendar \u65e5\u5386"},{"path":"/components/card","title":"Card \u5361\u7247"},{"path":"/components/carousel","title":"Carousel \u8d70\u9a6c\u706f"},{"path":"/components/collapse","title":"Collapse \u6298\u53e0\u9762\u677f"},{"path":"/components/comment","title":"Comment \u8bc4\u8bba"},{"path":"/components/descriptions","title":"Descriptions \u63cf\u8ff0\u5217\u8868"},{"path":"/components/empty","title":"Empty \u7a7a\u72b6\u6001"},{"path":"/components/image","title":"Image \u56fe\u7247"},{"path":"/components/list","title":"List \u5217\u8868"},{"path":"/components/statistic","title":"Statistic \u7edf\u8ba1\u6570\u503c"},{"path":"/components/table","title":"Table \u8868\u683c"},{"path":"/components/tabs","title":"Tabs \u6807\u7b7e\u9875"},{"path":"/components/tag","title":"Tag \u6807\u7b7e"},{"path":"/components/timeline","title":"Timeline \u65f6\u95f4\u8f74"},{"path":"/components/tooltip","title":"Tooltip \u6587\u5b57\u63d0\u793a"},{"path":"/components/popover","title":"Popover \u6c14\u6ce1\u5361\u7247"}]},{"title":"\u53cd\u9988","children":[{"path":"/components/alert","title":"Alert \u8b66\u544a\u63d0\u793a"},{"path":"/components/drawer","title":"Drawer \u62bd\u5c49"},{"path":"/components/message","title":"Message \u5168\u5c40\u63d0\u793a"},{"path":"/components/modal","title":"Modal \u5bf9\u8bdd\u6846"},{"path":"/components/notification","title":"Notification \u53cd\u9988"},{"path":"/components/popconfirm","title":"Popconfirm \u6c14\u6ce1\u786e\u8ba4\u6846"},{"path":"/components/progress","title":"Progress \u8fdb\u5ea6\u6761"},{"path":"/components/result","title":"Result \u7ed3\u679c"},{"path":"/components/spin","title":"Spin \u52a0\u8f7d\u4e2d"}]},{"title":"\u5176\u4ed6","children":[{"path":"/components/anchor","title":"Anchor \u951a\u70b9"},{"path":"/components/back-top","title":"BackTop \u56de\u5230\u9876\u90e8"},{"path":"/components/config-provider","title":"ConfigProvider\u5168\u5c40\u5316\u914d\u7f6e"}]}],"*":[{"path":"/","title":"Index","meta":{}}],"/document":[{"path":"/document/introduce","title":"Fle-ui of React","meta":{"order":1}},{"path":"/document/getting-started","title":"\u5feb\u901f\u4e0a\u624b","meta":{"order":2}},{"path":"/document/practical-projects","title":"\u9879\u76ee\u5b9e\u6218","meta":{"order":3}}],"/story":[{"path":"/story","title":"\u53d1\u5e03\u8bb0\u5f55","meta":{}}]}},"locales":[{"name":"en-US","label":"English"}],"navs":{"en-US":[{"title":"\u6587\u6863","path":"/document"},{"title":"\u7ec4\u4ef6","path":"/components"},{"title":"\u793e\u533a\u8d44\u6e90","children":[{"title":"fle-ui-pro \u4e1a\u52a1\u7ec4\u4ef6","path":"https://fle-ui-pro.fxqifu.com/"},{"title":"fle-cli","path":"https://flecli.fxqifu.com/"},{"title":"fle-git","path":"https://flecli.fxqifu.com/fle-git"},{"title":"\u5e38\u7528\u5de5\u5177","path":"https://flecli.fxqifu.com/community/copy"}]},{"title":"\u53d1\u5e03\u8bb0\u5f55","path":"/story"},{"title":"GitLab","path":"https://gitlab.fxqifu.com.cn/fle-ui/fle-ui-next"}]},"title":"Fle-UI","logo":"https://oss.elebuys.com/resource/programme/202106211028580003961886.png","mode":"site","repository":{"url":"","branch":"master"},"theme":{}}')},Zs1V:function(t){t.exports=JSON.parse("{}")}}]);
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [143],
+  {
+    MZF8: function (t, e, o) {
+      'use strict';
+      var n = o('ogwx');
+      o.d(e, 'a', function () {
+        return n['b'];
+      });
+      o('VCU9');
+    },
+    RGYn: function (t) {
+      t.exports = JSON.parse(
+        '{"menus":{"en-US":{"/components":[{"title":"\u901a\u7528","children":[{"path":"/components/button","title":"Button \u6309\u94ae"},{"path":"/components/icon","title":"Icon \u56fe\u6807"},{"path":"/components/typography","title":"Typography \u6392\u7248"}]},{"title":"\u5e03\u5c40","children":[{"path":"/components/divider","title":"Divider \u5206\u5272\u7ebf"},{"path":"/components/grid","title":"Grid \u6805\u683c"},{"path":"/components/layout","title":"Layout \u5e03\u5c40"},{"path":"/components/space","title":"Space \u95f4\u8ddd"}]},{"title":"\u5bfc\u822a","children":[{"path":"/components/affix","title":"Affix \u56fa\u9489"},{"path":"/components/breadcrumb","title":"Breadcrumb \u9762\u5305\u5c51"},{"path":"/components/steps","title":"Steps \u6b65\u9aa4\u6761"},{"path":"/components/dropdown","title":"Dropdown \u4e0b\u62c9\u83dc\u5355"},{"path":"/components/menu","title":"Menu \u5bfc\u822a"},{"path":"/components/pagination","title":"Pagination \u5206\u9875"},{"path":"/components/page-header","title":"PageHeader \u9875\u5934"}]},{"title":"\u6570\u636e\u5f55\u5165","children":[{"path":"/components/auto-complete","title":"AutoComplete \u81ea\u52a8\u5b8c\u6210"},{"path":"/components/cascader","title":"Cascader \u7ea7\u8054\u9009\u62e9"},{"path":"/components/checkbox","title":"Checkbox \u591a\u9009\u6846"},{"path":"/components/date-picker","title":"DatePicker \u65e5\u671f\u9009\u62e9\u6846"},{"path":"/components/form","title":"Form \u8868\u5355"},{"path":"/components/input","title":"Input \u8f93\u5165\u6846"},{"path":"/components/input-number","title":"InputNumber \u6570\u5b57\u8f93\u5165\u6846"},{"path":"/components/mentions","title":"Mentions \u63d0\u53ca"},{"path":"/components/radio","title":"Radio \u5355\u9009\u6846"},{"path":"/components/select","title":"Select \u9009\u62e9\u5668"},{"path":"/components/slider","title":"Slider \u6ed1\u52a8\u8f93\u5165\u6761"},{"path":"/components/switch","title":"Switch \u5f00\u5173"},{"path":"/components/time-picker","title":"TimePicker \u65f6\u95f4\u9009\u62e9\u6846"},{"path":"/components/transfer","title":"Transfer \u7a7f\u68ad\u6846"},{"path":"/components/tree-select","title":"TreeSelect \u6811\u9009\u62e9"},{"path":"/components/upload","title":"Upload \u4e0a\u4f20"},{"path":"/components/rate","title":"Rate \u8bc4\u5206"}]},{"title":"\u6570\u636e\u5c55\u793a","children":[{"path":"/components/avatar","title":"Avatar \u5934\u50cf"},{"path":"/components/badge","title":"Badge \u5fbd\u6807\u6570"},{"path":"/components/calendar","title":"Calendar \u65e5\u5386"},{"path":"/components/card","title":"Card \u5361\u7247"},{"path":"/components/carousel","title":"Carousel \u8d70\u9a6c\u706f"},{"path":"/components/collapse","title":"Collapse \u6298\u53e0\u9762\u677f"},{"path":"/components/comment","title":"Comment \u8bc4\u8bba"},{"path":"/components/descriptions","title":"Descriptions \u63cf\u8ff0\u5217\u8868"},{"path":"/components/empty","title":"Empty \u7a7a\u72b6\u6001"},{"path":"/components/image","title":"Image \u56fe\u7247"},{"path":"/components/list","title":"List \u5217\u8868"},{"path":"/components/statistic","title":"Statistic \u7edf\u8ba1\u6570\u503c"},{"path":"/components/table","title":"Table \u8868\u683c"},{"path":"/components/tabs","title":"Tabs \u6807\u7b7e\u9875"},{"path":"/components/tag","title":"Tag \u6807\u7b7e"},{"path":"/components/timeline","title":"Timeline \u65f6\u95f4\u8f74"},{"path":"/components/tooltip","title":"Tooltip \u6587\u5b57\u63d0\u793a"},{"path":"/components/popover","title":"Popover \u6c14\u6ce1\u5361\u7247"}]},{"title":"\u53cd\u9988","children":[{"path":"/components/alert","title":"Alert \u8b66\u544a\u63d0\u793a"},{"path":"/components/drawer","title":"Drawer \u62bd\u5c49"},{"path":"/components/message","title":"Message \u5168\u5c40\u63d0\u793a"},{"path":"/components/modal","title":"Modal \u5bf9\u8bdd\u6846"},{"path":"/components/notification","title":"Notification \u53cd\u9988"},{"path":"/components/popconfirm","title":"Popconfirm \u6c14\u6ce1\u786e\u8ba4\u6846"},{"path":"/components/progress","title":"Progress \u8fdb\u5ea6\u6761"},{"path":"/components/result","title":"Result \u7ed3\u679c"},{"path":"/components/spin","title":"Spin \u52a0\u8f7d\u4e2d"}]},{"title":"\u5176\u4ed6","children":[{"path":"/components/anchor","title":"Anchor \u951a\u70b9"},{"path":"/components/back-top","title":"BackTop \u56de\u5230\u9876\u90e8"},{"path":"/components/config-provider","title":"ConfigProvider\u5168\u5c40\u5316\u914d\u7f6e"}]}],"*":[{"path":"/","title":"Index","meta":{}}],"/document":[{"path":"/document/introduce","title":"Fle-ui of React","meta":{"order":1}},{"path":"/document/getting-started","title":"\u5feb\u901f\u4e0a\u624b","meta":{"order":2}},{"path":"/document/practical-projects","title":"\u9879\u76ee\u5b9e\u6218","meta":{"order":3}}],"/story":[{"path":"/story","title":"\u53d1\u5e03\u8bb0\u5f55","meta":{}}]}},"locales":[{"name":"en-US","label":"English"}],"navs":{"en-US":[{"title":"\u6587\u6863","path":"/document"},{"title":"\u7ec4\u4ef6","path":"/components"},{"title":"\u793e\u533a\u8d44\u6e90","children":[{"title":"fle-ui-pro \u4e1a\u52a1\u7ec4\u4ef6","path":"https://fle-ui-pro.fxqifu.com/"},{"title":"fle-cli","path":"https://flecli.fxqifu.com/"},{"title":"fle-git","path":"https://flecli.fxqifu.com/fle-git"},{"title":"\u5e38\u7528\u5de5\u5177","path":"https://flecli.fxqifu.com/community/copy"}]},{"title":"\u53d1\u5e03\u8bb0\u5f55","path":"/story"},{"title":"GitLab","path":"https://gitlab.fxqifu.com.cn/fle-ui/fle-ui-next"}]},"title":"Fle-UI","logo":"https://oss.elebuys.com/resource/programme/202106211028580003961886.png","mode":"site","repository":{"url":"","branch":"master"},"theme":{}}',
+      );
+    },
+    Zs1V: function (t) {
+      t.exports = JSON.parse('{}');
+    },
+  },
+]);

package/es/drawer/style/drawer.less

@@ -5,14 +5,17 @@
 @picker-prefix-cls: ~'@{ant-prefix}-picker';
 
 .@{drawer-prefix-cls} {
-  @drawer-header-close-padding: ceil(((@drawer-header-close-size - @font-size-lg) / 2));
+  @drawer-header-close-padding: ceil(
+    ((@drawer-header-close-size - @font-size-lg) / 2)
+  );
 
   position: fixed;
   z-index: @zindex-modal;
   width: 0%;
   height: 100%;
   transition: transform @animation-duration-slow @ease-base-out,
-    height 0s ease @animation-duration-slow, width 0s ease @animation-duration-slow;
+    height 0s ease @animation-duration-slow,
+    width 0s ease @animation-duration-slow;
   > * {
     transition: transform @animation-duration-slow @ease-base-out,
       box-shadow @animation-duration-slow @ease-base-out;
@@ -151,7 +154,7 @@
   &-close {
     display: inline-block;
     margin-right: 12px;
-    color: @modal-close-color;
+    color: @drawer-close-color;
     font-weight: 700;
     font-size: @font-size-lg;
     font-style: normal;
@@ -228,7 +231,8 @@
     background-color: @modal-mask-bg;
     opacity: 0;
     filter: ~'alpha(opacity=45)';
-    transition: opacity @animation-duration-slow linear, height 0s ease @animation-duration-slow;
+    transition: opacity @animation-duration-slow linear,
+      height 0s ease @animation-duration-slow;
     pointer-events: none;
   }
 

package/es/drawer/style/index.css

@@ -118,7 +118,7 @@
 .ant-drawer-close {
   display: inline-block;
   margin-right: 12px;
-  color: #ffffff;
+  color: #a9a9a9;
   font-weight: 700;
   font-size: 16px;
   font-style: normal;

package/es/style/themes/default.less

@@ -32,7 +32,9 @@
 @success-color-active: color(~`colorPalette('@{success-color}', 7) `);
 @success-color-outline: fade(@success-color, @outline-fade);
 @success-color-deprecated-bg: color(~`colorPalette('@{success-color}', 1) `);
-@success-color-deprecated-border: color(~`colorPalette('@{success-color}', 3) `);
+@success-color-deprecated-border: color(
+  ~`colorPalette('@{success-color}', 3) `
+);
 
 // >>> Warning
 @warning-color: @gold-6;
@@ -40,7 +42,9 @@
 @warning-color-active: color(~`colorPalette('@{warning-color}', 7) `);
 @warning-color-outline: fade(@warning-color, @outline-fade);
 @warning-color-deprecated-bg: color(~`colorPalette('@{warning-color}', 1) `);
-@warning-color-deprecated-border: color(~`colorPalette('@{warning-color}', 3) `);
+@warning-color-deprecated-border: color(
+  ~`colorPalette('@{warning-color}', 3) `
+);
 
 // >>> Error
 @error-color: @red-5;
@@ -57,15 +61,21 @@
 
 // Color used by default to control hover and active backgrounds and for
 // alert info backgrounds.
-@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
-@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
+@primary-1: color(
+  ~`colorPalette('@{primary-color}', 1) `
+); // replace tint(@primary-color, 90%)
+@primary-2: color(
+  ~`colorPalette('@{primary-color}', 2) `
+); // replace tint(@primary-color, 80%)
 @primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
 @primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
 @primary-5: color(
   ~`colorPalette('@{primary-color}', 5) `
 ); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
 @primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
-@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
+@primary-7: color(
+  ~`colorPalette('@{primary-color}', 7) `
+); // replace shade(@primary-color, 5%)
 @primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
 @primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
 @primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused
@@ -80,10 +90,11 @@
 // Popover background color
 @popover-background: @component-background;
 @popover-customize-border-color: @border-color-split;
-@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-  'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-  'Noto Color Emoji';
-@code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+  'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+@code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,
+  monospace;
 @text-color: fade(@black, 85%);
 @text-color-secondary: fade(@black, 45%);
 @text-color-inverse: @white;
@@ -177,7 +188,11 @@
 @outline-color: @primary-color; // No use anymore
 @outline-fade: 20%;
 
-@background-color-light: hsv(0, 0, 98%); // background of header and selected item
+@background-color-light: hsv(
+  0,
+  0,
+  98%
+); // background of header and selected item
 @background-color-base: hsv(0, 0, 96%); // Default grey background color
 
 // Disabled states
@@ -190,14 +205,14 @@
 @shadow-color: rgba(0, 0, 0, 0.15);
 @shadow-color-inverse: @component-background;
 @box-shadow-base: @shadow-2;
-@shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05),
-  0 -12px 48px 16px rgba(0, 0, 0, 0.03);
-@shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05),
-  0 12px 48px 16px rgba(0, 0, 0, 0.03);
-@shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05),
-  -12px 0 48px 16px rgba(0, 0, 0, 0.03);
-@shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05),
-  12px 0 48px 16px rgba(0, 0, 0, 0.03);
+@shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.08),
+  0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
+@shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08),
+  0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
+@shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, 0.08),
+  -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
+@shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.08),
+  9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
 @shadow-2: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
   0 9px 28px 8px rgba(0, 0, 0, 0.05);
 
@@ -424,13 +439,18 @@
 @input-padding-horizontal-sm: @control-padding-horizontal-sm - 1px;
 @input-padding-horizontal-lg: @input-padding-horizontal;
 @input-padding-vertical-base: max(
-  (round(((@input-height-base - @font-size-base * @line-height-base) / 2) * 10) / 10) -
-    @border-width-base,
+  (
+      round(
+          ((@input-height-base - @font-size-base * @line-height-base) / 2) * 10
+        ) / 10
+    ) - @border-width-base,
   3px
 );
 @input-padding-vertical-sm: max(
-  (round(((@input-height-sm - @font-size-base * @line-height-base) / 2) * 10) / 10) -
-    @border-width-base,
+  (
+      round(((@input-height-sm - @font-size-base * @line-height-base) / 2) * 10) /
+        10
+    ) - @border-width-base,
   0
 );
 @input-padding-vertical-lg: (
@@ -475,7 +495,8 @@
 @select-selection-item-bg: @background-color-base;
 @select-selection-item-border-color: @border-color-split;
 @select-single-item-height-lg: 40px;
-@select-multiple-item-height: @input-height-base - @input-padding-vertical-base * 2; // Normal 24px
+@select-multiple-item-height: @input-height-base - @input-padding-vertical-base *
+  2; // Normal 24px
 @select-multiple-item-height-lg: 32px;
 @select-multiple-item-spacing-half: ceil((@input-padding-vertical-base / 2));
 @select-multiple-disabled-background: @input-disabled-bg;
@@ -545,7 +566,8 @@
 @modal-header-padding-horizontal: @padding-lg;
 @modal-body-padding: @padding-lg;
 @modal-header-bg: @component-background;
-@modal-header-padding: @modal-header-padding-vertical @modal-header-padding-horizontal;
+@modal-header-padding: @modal-header-padding-vertical
+  @modal-header-padding-horizontal;
 @modal-header-border-width: @border-width-base;
 @modal-header-border-style: @border-style-base;
 @modal-header-title-line-height: 22px;
@@ -739,8 +761,8 @@
 @card-actions-li-margin: 12px 0;
 @card-skeleton-bg: #cfd8dc;
 @card-background: @component-background;
-@card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12),
-  0 5px 12px 4px rgba(0, 0, 0, 0.09);
+@card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16),
+  0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
 @card-radius: @border-radius-base;
 @card-head-tabs-margin-bottom: -17px;
 @card-head-extra-color: @text-color;
@@ -956,8 +978,10 @@
 @alert-with-description-no-icon-padding-vertical: @padding-md - 1px;
 @alert-with-description-padding-vertical: @padding-md - 1px;
 @alert-with-description-padding: @alert-with-description-padding-vertical 15px
-  @alert-with-description-no-icon-padding-vertical @alert-with-description-icon-size;
-@alert-icon-top: 8px + @font-size-base * (@line-height-base / 2) - (@font-size-base / 2);
+  @alert-with-description-no-icon-padding-vertical
+  @alert-with-description-icon-size;
+@alert-icon-top: 8px + @font-size-base * (@line-height-base / 2) -
+  (@font-size-base / 2);
 @alert-with-description-icon-size: 24px;
 
 // List
@@ -989,6 +1013,7 @@
 @drawer-footer-padding-vertical: @modal-footer-padding-vertical;
 @drawer-footer-padding-horizontal: @modal-footer-padding-horizontal;
 @drawer-header-close-size: 56px;
+@drawer-close-color: @text-color-secondary;
 
 // Timeline
 // ---
@@ -1055,4 +1080,7 @@
 @image-mask-font-size: 16px;
 @image-preview-operation-size: 18px;
 @image-preview-operation-color: @text-color-dark;
-@image-preview-operation-disabled-color: fade(@image-preview-operation-color, 25%);
+@image-preview-operation-disabled-color: fade(
+  @image-preview-operation-color,
+  25%
+);

package/lib/drawer/style/drawer.less

@@ -5,14 +5,17 @@
 @picker-prefix-cls: ~'@{ant-prefix}-picker';
 
 .@{drawer-prefix-cls} {
-  @drawer-header-close-padding: ceil(((@drawer-header-close-size - @font-size-lg) / 2));
+  @drawer-header-close-padding: ceil(
+    ((@drawer-header-close-size - @font-size-lg) / 2)
+  );
 
   position: fixed;
   z-index: @zindex-modal;
   width: 0%;
   height: 100%;
   transition: transform @animation-duration-slow @ease-base-out,
-    height 0s ease @animation-duration-slow, width 0s ease @animation-duration-slow;
+    height 0s ease @animation-duration-slow,
+    width 0s ease @animation-duration-slow;
   > * {
     transition: transform @animation-duration-slow @ease-base-out,
       box-shadow @animation-duration-slow @ease-base-out;
@@ -151,7 +154,7 @@
   &-close {
     display: inline-block;
     margin-right: 12px;
-    color: @modal-close-color;
+    color: @drawer-close-color;
     font-weight: 700;
     font-size: @font-size-lg;
     font-style: normal;
@@ -228,7 +231,8 @@
     background-color: @modal-mask-bg;
     opacity: 0;
     filter: ~'alpha(opacity=45)';
-    transition: opacity @animation-duration-slow linear, height 0s ease @animation-duration-slow;
+    transition: opacity @animation-duration-slow linear,
+      height 0s ease @animation-duration-slow;
     pointer-events: none;
   }
 

package/lib/drawer/style/index.css

@@ -118,7 +118,7 @@
 .ant-drawer-close {
   display: inline-block;
   margin-right: 12px;
-  color: #ffffff;
+  color: #a9a9a9;
   font-weight: 700;
   font-size: 16px;
   font-style: normal;

package/lib/style/themes/default.less

@@ -32,7 +32,9 @@
 @success-color-active: color(~`colorPalette('@{success-color}', 7) `);
 @success-color-outline: fade(@success-color, @outline-fade);
 @success-color-deprecated-bg: color(~`colorPalette('@{success-color}', 1) `);
-@success-color-deprecated-border: color(~`colorPalette('@{success-color}', 3) `);
+@success-color-deprecated-border: color(
+  ~`colorPalette('@{success-color}', 3) `
+);
 
 // >>> Warning
 @warning-color: @gold-6;
@@ -40,7 +42,9 @@
 @warning-color-active: color(~`colorPalette('@{warning-color}', 7) `);
 @warning-color-outline: fade(@warning-color, @outline-fade);
 @warning-color-deprecated-bg: color(~`colorPalette('@{warning-color}', 1) `);
-@warning-color-deprecated-border: color(~`colorPalette('@{warning-color}', 3) `);
+@warning-color-deprecated-border: color(
+  ~`colorPalette('@{warning-color}', 3) `
+);
 
 // >>> Error
 @error-color: @red-5;
@@ -57,15 +61,21 @@
 
 // Color used by default to control hover and active backgrounds and for
 // alert info backgrounds.
-@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
-@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
+@primary-1: color(
+  ~`colorPalette('@{primary-color}', 1) `
+); // replace tint(@primary-color, 90%)
+@primary-2: color(
+  ~`colorPalette('@{primary-color}', 2) `
+); // replace tint(@primary-color, 80%)
 @primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
 @primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
 @primary-5: color(
   ~`colorPalette('@{primary-color}', 5) `
 ); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
 @primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
-@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
+@primary-7: color(
+  ~`colorPalette('@{primary-color}', 7) `
+); // replace shade(@primary-color, 5%)
 @primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
 @primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
 @primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused
@@ -80,10 +90,11 @@
 // Popover background color
 @popover-background: @component-background;
 @popover-customize-border-color: @border-color-split;
-@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-  'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-  'Noto Color Emoji';
-@code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+  'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+@code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,
+  monospace;
 @text-color: fade(@black, 85%);
 @text-color-secondary: fade(@black, 45%);
 @text-color-inverse: @white;
@@ -177,7 +188,11 @@
 @outline-color: @primary-color; // No use anymore
 @outline-fade: 20%;
 
-@background-color-light: hsv(0, 0, 98%); // background of header and selected item
+@background-color-light: hsv(
+  0,
+  0,
+  98%
+); // background of header and selected item
 @background-color-base: hsv(0, 0, 96%); // Default grey background color
 
 // Disabled states
@@ -190,14 +205,14 @@
 @shadow-color: rgba(0, 0, 0, 0.15);
 @shadow-color-inverse: @component-background;
 @box-shadow-base: @shadow-2;
-@shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05),
-  0 -12px 48px 16px rgba(0, 0, 0, 0.03);
-@shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05),
-  0 12px 48px 16px rgba(0, 0, 0, 0.03);
-@shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05),
-  -12px 0 48px 16px rgba(0, 0, 0, 0.03);
-@shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05),
-  12px 0 48px 16px rgba(0, 0, 0, 0.03);
+@shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.08),
+  0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
+@shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08),
+  0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
+@shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, 0.08),
+  -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
+@shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.08),
+  9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
 @shadow-2: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
   0 9px 28px 8px rgba(0, 0, 0, 0.05);
 
@@ -424,13 +439,18 @@
 @input-padding-horizontal-sm: @control-padding-horizontal-sm - 1px;
 @input-padding-horizontal-lg: @input-padding-horizontal;
 @input-padding-vertical-base: max(
-  (round(((@input-height-base - @font-size-base * @line-height-base) / 2) * 10) / 10) -
-    @border-width-base,
+  (
+      round(
+          ((@input-height-base - @font-size-base * @line-height-base) / 2) * 10
+        ) / 10
+    ) - @border-width-base,
   3px
 );
 @input-padding-vertical-sm: max(
-  (round(((@input-height-sm - @font-size-base * @line-height-base) / 2) * 10) / 10) -
-    @border-width-base,
+  (
+      round(((@input-height-sm - @font-size-base * @line-height-base) / 2) * 10) /
+        10
+    ) - @border-width-base,
   0
 );
 @input-padding-vertical-lg: (
@@ -475,7 +495,8 @@
 @select-selection-item-bg: @background-color-base;
 @select-selection-item-border-color: @border-color-split;
 @select-single-item-height-lg: 40px;
-@select-multiple-item-height: @input-height-base - @input-padding-vertical-base * 2; // Normal 24px
+@select-multiple-item-height: @input-height-base - @input-padding-vertical-base *
+  2; // Normal 24px
 @select-multiple-item-height-lg: 32px;
 @select-multiple-item-spacing-half: ceil((@input-padding-vertical-base / 2));
 @select-multiple-disabled-background: @input-disabled-bg;
@@ -545,7 +566,8 @@
 @modal-header-padding-horizontal: @padding-lg;
 @modal-body-padding: @padding-lg;
 @modal-header-bg: @component-background;
-@modal-header-padding: @modal-header-padding-vertical @modal-header-padding-horizontal;
+@modal-header-padding: @modal-header-padding-vertical
+  @modal-header-padding-horizontal;
 @modal-header-border-width: @border-width-base;
 @modal-header-border-style: @border-style-base;
 @modal-header-title-line-height: 22px;
@@ -739,8 +761,8 @@
 @card-actions-li-margin: 12px 0;
 @card-skeleton-bg: #cfd8dc;
 @card-background: @component-background;
-@card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12),
-  0 5px 12px 4px rgba(0, 0, 0, 0.09);
+@card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16),
+  0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
 @card-radius: @border-radius-base;
 @card-head-tabs-margin-bottom: -17px;
 @card-head-extra-color: @text-color;
@@ -956,8 +978,10 @@
 @alert-with-description-no-icon-padding-vertical: @padding-md - 1px;
 @alert-with-description-padding-vertical: @padding-md - 1px;
 @alert-with-description-padding: @alert-with-description-padding-vertical 15px
-  @alert-with-description-no-icon-padding-vertical @alert-with-description-icon-size;
-@alert-icon-top: 8px + @font-size-base * (@line-height-base / 2) - (@font-size-base / 2);
+  @alert-with-description-no-icon-padding-vertical
+  @alert-with-description-icon-size;
+@alert-icon-top: 8px + @font-size-base * (@line-height-base / 2) -
+  (@font-size-base / 2);
 @alert-with-description-icon-size: 24px;
 
 // List
@@ -989,6 +1013,7 @@
 @drawer-footer-padding-vertical: @modal-footer-padding-vertical;
 @drawer-footer-padding-horizontal: @modal-footer-padding-horizontal;
 @drawer-header-close-size: 56px;
+@drawer-close-color: @text-color-secondary;
 
 // Timeline
 // ---
@@ -1055,4 +1080,7 @@
 @image-mask-font-size: 16px;
 @image-preview-operation-size: 18px;
 @image-preview-operation-color: @text-color-dark;
-@image-preview-operation-disabled-color: fade(@image-preview-operation-color, 25%);
+@image-preview-operation-disabled-color: fade(
+  @image-preview-operation-color,
+  25%
+);

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@fle-ui/next",
-  "version": "1.0.0-alpha.12",
+  "version": "1.0.0-alpha.13",
   "scripts": {
     "start": "dumi dev UMI_ENV=docs",
     "docs:build": "dumi build UMI_ENV=docs",

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@fle-ui/next [23 Sep 2021 at 19:40]</title>
+    <title>@fle-ui/next [11 Oct 2021 at 19:33]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>