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

package/lib/table/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-table.ant-table-middle {
   font-size: 14px;
 }
@@ -93,11 +51,11 @@ html {
           padding-inline-start: 2px;
 }
 .ant-table.ant-table-bordered > .ant-table-title {
-  border: 1px solid rgba(0, 0, 0, 0.06);
+  border: 1px solid #eeeeee;
   border-bottom: 0;
 }
 .ant-table.ant-table-bordered > .ant-table-container {
-  border-left: 1px solid rgba(0, 0, 0, 0.06);
+  border-left: 1px solid #eeeeee;
 }
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
@@ -115,13 +73,13 @@ html {
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td,
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td {
-  border-right: 1px solid rgba(0, 0, 0, 0.06);
+  border-right: 1px solid #eeeeee;
 }
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th,
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th,
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  border-bottom: 1px solid #eeeeee;
 }
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before,
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before,
@@ -141,7 +99,7 @@ html {
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
-  border-right: 1px solid rgba(0, 0, 0, 0.06);
+  border-right: 1px solid #eeeeee;
 }
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed,
@@ -157,12 +115,12 @@ html {
   top: 0;
   right: 1px;
   bottom: 0;
-  border-right: 1px solid rgba(0, 0, 0, 0.06);
+  border-right: 1px solid #eeeeee;
   content: '';
 }
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
+  border-top: 1px solid #eeeeee;
 }
 .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
 .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
@@ -177,7 +135,7 @@ html {
   margin: -8px -9px;
 }
 .ant-table.ant-table-bordered > .ant-table-footer {
-  border: 1px solid rgba(0, 0, 0, 0.06);
+  border: 1px solid #eeeeee;
   border-top: 0;
 }
 .ant-table-cell .ant-table-container:first-child {
@@ -203,7 +161,7 @@ html {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-variant: tabular-nums;
   line-height: 1.5715;
   list-style: none;
@@ -254,16 +212,16 @@ html {
 }
 .ant-table-footer {
   padding: 16px 16px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #262626;
   background: #fafafa;
 }
 .ant-table-thead > tr > th {
   position: relative;
-  color: rgba(0, 0, 0, 0.85);
+  color: #262626;
   font-weight: 500;
   text-align: left;
   background: #fafafa;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  border-bottom: 1px solid #eeeeee;
   transition: background 0.3s ease;
 }
 .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
@@ -275,7 +233,7 @@ html {
   right: 0;
   width: 1px;
   height: 1.6em;
-  background-color: rgba(0, 0, 0, 0.06);
+  background-color: #eeeeee;
   transform: translateY(-50%);
   transition: background-color 0.3s;
   content: '';
@@ -284,7 +242,7 @@ html {
   border-bottom: 0;
 }
 .ant-table-tbody > tr > td {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  border-bottom: 1px solid #eeeeee;
   transition: background 0.3s;
 }
 .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
@@ -306,11 +264,11 @@ html {
   background: #fafafa;
 }
 .ant-table-tbody > tr.ant-table-row-selected > td {
-  background: var(--ant-primary-1);
+  background: #f0f7ff;
   border-color: rgba(0, 0, 0, 0.03);
 }
 .ant-table-tbody > tr.ant-table-row-selected:hover > td {
-  background: var(--ant-primary-color-active-deprecated-d-02);
+  background: #e6f2ff;
 }
 .ant-table-summary {
   position: relative;
@@ -318,11 +276,11 @@ html {
   background: #fff;
 }
 div.ant-table-summary {
-  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: 0 -1px 0 #eeeeee;
 }
 .ant-table-summary > tr > th,
 .ant-table-summary > tr > td {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  border-bottom: 1px solid #eeeeee;
 }
 .ant-table-pagination.ant-pagination {
   margin: 16px 0;
@@ -356,7 +314,7 @@ div.ant-table-summary {
   background-color: transparent !important;
 }
 .ant-table-thead th.ant-table-column-has-sorters:focus-visible {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
 }
 .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
 .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
@@ -409,7 +367,7 @@ td.ant-table-column-sort {
 }
 .ant-table-column-sorter-up.active,
 .ant-table-column-sorter-down.active {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
 }
 .ant-table-column-sorter-up + .ant-table-column-sorter-down {
   margin-top: -0.3em;
@@ -434,17 +392,17 @@ td.ant-table-column-sort {
   transition: all 0.3s;
 }
 .ant-table-filter-trigger:hover {
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   background: rgba(0, 0, 0, 0.04);
 }
 .ant-table-filter-trigger.active {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
 }
 .ant-table-filter-dropdown {
   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;
@@ -464,7 +422,7 @@ td.ant-table-column-sort {
 .ant-table-filter-dropdown .ant-dropdown-menu:empty::after {
   display: block;
   padding: 8px 0;
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   font-size: 12px;
   text-align: center;
   content: 'Not Found';
@@ -477,17 +435,17 @@ td.ant-table-column-sort {
 }
 .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,
 .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover {
-  background-color: var(--ant-primary-2);
+  background-color: #cfe3ff;
 }
 .ant-table-filter-dropdown-search {
   padding: 8px;
-  border-bottom: 1px rgba(0, 0, 0, 0.06) solid;
+  border-bottom: 1px #eeeeee solid;
 }
 .ant-table-filter-dropdown-search-input input {
   min-width: 140px;
 }
 .ant-table-filter-dropdown-search-input .anticon {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
 }
 .ant-table-filter-dropdown-checkall {
   width: 100%;
@@ -509,7 +467,7 @@ td.ant-table-column-sort {
   padding: 7px 8px;
   overflow: hidden;
   background-color: inherit;
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
+  border-top: 1px solid #eeeeee;
 }
 .ant-table-selection-col {
   width: 32px;
@@ -567,7 +525,7 @@ table tr th.ant-table-selection-column::after {
   height: 1px;
 }
 .ant-table-row-expand-icon {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
   text-decoration: none;
   cursor: pointer;
   transition: color 0.3s;
@@ -581,7 +539,7 @@ table tr th.ant-table-selection-column::after {
   color: inherit;
   line-height: 17px;
   background: #fff;
-  border: 1px solid rgba(0, 0, 0, 0.06);
+  border: 1px solid #eeeeee;
   border-radius: 4px;
   outline: none;
   transform: scale(0.94117647);
@@ -593,10 +551,10 @@ table tr th.ant-table-selection-column::after {
 }
 .ant-table-row-expand-icon:focus,
 .ant-table-row-expand-icon:hover {
-  color: var(--ant-primary-color-hover);
+  color: #548aff;
 }
 .ant-table-row-expand-icon:active {
-  color: var(--ant-primary-color-active);
+  color: #1a4ad9;
 }
 .ant-table-row-expand-icon:focus,
 .ant-table-row-expand-icon:hover,
@@ -663,7 +621,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   text-align: center;
 }
 .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
 }
 .ant-table-tbody > tr.ant-table-placeholder:hover > td {
   background: #fff;
@@ -752,8 +710,8 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   z-index: calc(2 + 1);
   display: flex;
   align-items: center;
-  background: rgba(204, 204, 204, 0.06);
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
+  background: #ffffff;
+  border-top: 1px solid #eeeeee;
   opacity: 0.6;
 }
 .ant-table-sticky-scroll:hover {

package/lib/table/util.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ColumnType, ColumnTitle, ColumnTitleProps, Key } from './interface';
+import type { ColumnType, ColumnTitle, ColumnTitleProps, Key } from './interface';
 export declare function getColumnKey<RecordType>(column: ColumnType<RecordType>, defaultKey: string): Key;
 export declare function getColumnPos(index: number, pos?: string): string;
 export declare function renderColumnTitle<RecordType>(title: ColumnTitle<RecordType>, props: ColumnTitleProps<RecordType>): import("react").ReactNode;

package/lib/tabs/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-tabs-small > .ant-tabs-nav .ant-tabs-tab {
   padding: 8px 0;
   font-size: 14px;
@@ -127,7 +85,7 @@ html {
   position: absolute;
   right: 0;
   left: 0;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  border-bottom: 1px solid #eeeeee;
   content: '';
 }
 .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
@@ -300,7 +258,7 @@ html {
 .ant-tabs-left > .ant-tabs-content-holder,
 .ant-tabs-left > div > .ant-tabs-content-holder {
   margin-left: -1px;
-  border-left: 1px solid rgba(0, 0, 0, 0.06);
+  border-left: 1px solid #eeeeee;
 }
 .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
 .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
@@ -318,7 +276,7 @@ html {
 .ant-tabs-right > div > .ant-tabs-content-holder {
   order: 0;
   margin-right: -1px;
-  border-right: 1px solid rgba(0, 0, 0, 0.06);
+  border-right: 1px solid #eeeeee;
 }
 .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
 .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
@@ -328,7 +286,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;
@@ -364,7 +322,7 @@ html {
   margin: 0;
   padding: 5px 12px;
   overflow: hidden;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-weight: normal;
   font-size: 14px;
   line-height: 22px;
@@ -380,21 +338,21 @@ html {
 .ant-tabs-dropdown-menu-item-remove {
   flex: none;
   margin-left: 12px;
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   font-size: 12px;
   background: transparent;
   border: 0;
   cursor: pointer;
 }
 .ant-tabs-dropdown-menu-item-remove:hover {
-  color: var(--ant-primary-5);
+  color: #548aff;
 }
 .ant-tabs-dropdown-menu-item:hover {
   background: #f5f5f5;
 }
 .ant-tabs-dropdown-menu-item-disabled,
 .ant-tabs-dropdown-menu-item-disabled:hover {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   background: transparent;
   cursor: not-allowed;
 }
@@ -403,12 +361,12 @@ html {
   margin: 0;
   padding: 8px 16px;
   background: #fafafa;
-  border: 1px solid rgba(0, 0, 0, 0.06);
+  border: 1px solid #eeeeee;
   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
 .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
 .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
   background: #fff;
 }
 .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
@@ -463,7 +421,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;
@@ -540,7 +498,7 @@ html {
   margin-left: 2px;
   padding: 0 8px;
   background: #fafafa;
-  border: 1px solid rgba(0, 0, 0, 0.06);
+  border: 1px solid #eeeeee;
   border-radius: 4px 4px 0 0;
   outline: none;
   cursor: pointer;
@@ -548,13 +506,13 @@ html {
 }
 .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
 .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
-  color: var(--ant-primary-5);
+  color: #548aff;
 }
 .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
 .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
 .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
 .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
-  color: var(--ant-primary-7);
+  color: #1a4ad9;
 }
 .ant-tabs-extra-content {
   flex: none;
@@ -565,7 +523,7 @@ html {
 }
 .ant-tabs-ink-bar {
   position: absolute;
-  background: var(--ant-primary-color);
+  background: #2c68ff;
   pointer-events: none;
 }
 .ant-tabs-tab {
@@ -583,7 +541,7 @@ html {
 .ant-tabs-tab-remove:focus,
 .ant-tabs-tab-btn:active,
 .ant-tabs-tab-remove:active {
-  color: var(--ant-primary-7);
+  color: #1a4ad9;
 }
 .ant-tabs-tab-btn {
   outline: none;
@@ -593,7 +551,7 @@ html {
   flex: none;
   margin-right: -4px;
   margin-left: 8px;
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   font-size: 12px;
   background: transparent;
   border: none;
@@ -602,24 +560,24 @@ html {
   transition: all 0.3s;
 }
 .ant-tabs-tab-remove:hover {
-  color: rgba(0, 0, 0, 0.85);
+  color: #262626;
 }
 .ant-tabs-tab:hover {
-  color: var(--ant-primary-5);
+  color: #548aff;
 }
 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
   text-shadow: 0 0 0.25px currentcolor;
 }
 .ant-tabs-tab.ant-tabs-tab-disabled {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   cursor: not-allowed;
 }
 .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
 .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
 .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
 .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
 }
 .ant-tabs-tab .ant-tabs-tab-remove .anticon {
   margin: 0;

package/lib/tag/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import CheckableTag from './CheckableTag';
 import type { PresetColorType, PresetStatusColorType } from '../_util/colors';
 import type { LiteralUnion } from '../_util/type';
+import CheckableTag from './CheckableTag';
 export { CheckableTagProps } from './CheckableTag';
 export interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
     prefixCls?: string;

package/lib/tag/index.js

@@ -17,15 +17,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _tslib = require("tslib");
 
-var React = _interopRequireWildcard(require("react"));
+var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
 
-var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
-
-var _CheckableTag = _interopRequireDefault(require("./CheckableTag"));
+var React = _interopRequireWildcard(require("react"));
 
 var _configProvider = require("../config-provider");
 
@@ -33,6 +31,8 @@ var _colors = require("../_util/colors");
 
 var _wave = _interopRequireDefault(require("../_util/wave"));
 
+var _CheckableTag = _interopRequireDefault(require("./CheckableTag"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -125,7 +125,11 @@ var InternalTag = function InternalTag(_a, ref) {
 };
 
 var Tag = /*#__PURE__*/React.forwardRef(InternalTag);
-Tag.displayName = 'Tag';
+
+if (process.env.NODE_ENV !== 'production') {
+  Tag.displayName = 'Tag';
+}
+
 Tag.CheckableTag = _CheckableTag["default"];
 var _default = Tag;
 exports["default"] = _default;