ele-admin-plus 1.1.9-beta.9 → 1.2.0-beta.1

package/lib/icons/UnlockOutlined.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/icons/UploadOutlined.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/icons/UserOutlined.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/icons/VerticalAlignMiddleOutlined.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/icons/VerticalLeftOutlined.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/icons/VerticalRightOutlined.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/icons/WarningOutlined.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/icons/ZoomInOutlined.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/icons/ZoomOutOutlined.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/icons/index.cjs

@@ -83,6 +83,7 @@ const ProtectOutlined = require("./ProtectOutlined");
 const QuestionCircleFilled = require("./QuestionCircleFilled");
 const QuestionCircleOutlined = require("./QuestionCircleOutlined");
 const ReloadOutlined = require("./ReloadOutlined");
+const ResizeOutlined = require("./ResizeOutlined");
 const SearchOutlined = require("./SearchOutlined");
 const SettingOutlined = require("./SettingOutlined");
 const ShoppingOutlined = require("./ShoppingOutlined");
@@ -190,6 +191,7 @@ exports.ProtectOutlined = ProtectOutlined;
 exports.QuestionCircleFilled = QuestionCircleFilled;
 exports.QuestionCircleOutlined = QuestionCircleOutlined;
 exports.ReloadOutlined = ReloadOutlined;
+exports.ResizeOutlined = ResizeOutlined;
 exports.SearchOutlined = SearchOutlined;
 exports.SettingOutlined = SettingOutlined;
 exports.ShoppingOutlined = ShoppingOutlined;

package/lib/icons/index.d.ts

@@ -81,6 +81,7 @@ export { default as ProtectOutlined } from "./ProtectOutlined";
 export { default as QuestionCircleFilled } from "./QuestionCircleFilled";
 export { default as QuestionCircleOutlined } from "./QuestionCircleOutlined";
 export { default as ReloadOutlined } from "./ReloadOutlined";
+export { default as ResizeOutlined } from "./ResizeOutlined";
 export { default as SearchOutlined } from "./SearchOutlined";
 export { default as SettingOutlined } from "./SettingOutlined";
 export { default as ShoppingOutlined } from "./ShoppingOutlined";

package/lib/installer.d.ts

@@ -1,3 +1,3 @@
-/** 全局安装 */
-import type { Plugin } from 'vue';
+import { Plugin } from 'vue';
+
 export declare const installer: Plugin;

package/lib/lang/en_US.cjs

@@ -43,6 +43,8 @@ const localeValues = {
     columnTitle: "Check all",
     columnReset: "Reset",
     columnUntitled: "Untitled",
+    columnIndex: "Index",
+    columnExpand: "Expand",
     columnFixedLeft: "Pin to left",
     columnFixedRight: "Pin to right",
     exportOk: "Ok",
@@ -53,7 +55,11 @@ const localeValues = {
     exportSelectColumn: "Columns",
     exportDataTypePage: "Current",
     exportDataTypeSelected: "Selected",
-    exportDataTypeAll: "All"
+    exportDataTypeAll: "All",
+    exportOther: "Options",
+    exportOtherHeader: "Header",
+    exportOtherFooter: "Footer",
+    exportOtherTreeIndex: "Tree index"
   },
   copyable: {
     copy: "Copy",

package/lib/lang/en_US.d.ts

@@ -1,4 +1,4 @@
-/** 英语 */
-import type { EleLocale } from '../ele-config-provider/types';
+import { EleLocale } from '../ele-config-provider/types';
+
 declare const localeValues: EleLocale;
 export default localeValues;

package/lib/lang/zh_CN.cjs

@@ -43,6 +43,8 @@ const localeValues = {
     columnTitle: "全选",
     columnReset: "重置",
     columnUntitled: "无标题",
+    columnIndex: "序号列",
+    columnExpand: "展开列",
     columnFixedLeft: "固定在左侧",
     columnFixedRight: "固定在右侧",
     exportOk: "确定",
@@ -53,7 +55,11 @@ const localeValues = {
     exportSelectColumn: "选择字段",
     exportDataTypePage: "当前页数据",
     exportDataTypeSelected: "选中数据",
-    exportDataTypeAll: "全部数据"
+    exportDataTypeAll: "全部数据",
+    exportOther: "其它选项",
+    exportOtherHeader: "表头",
+    exportOtherFooter: "表尾",
+    exportOtherTreeIndex: "层级序号"
   },
   copyable: {
     copy: "复制",

package/lib/lang/zh_CN.d.ts

@@ -1,4 +1,4 @@
-/** 简体中文 */
-import type { EleLocale } from '../ele-config-provider/types';
+import { EleLocale } from '../ele-config-provider/types';
+
 declare const localeValues: EleLocale;
 export default localeValues;

package/lib/lang/zh_TW.cjs

@@ -43,6 +43,8 @@ const localeValues = {
     columnTitle: "列展示",
     columnReset: "重置",
     columnUntitled: "無標題",
+    columnIndex: "序號列",
+    columnExpand: "展開列",
     columnFixedLeft: "固定在左側",
     columnFixedRight: "固定在右側",
     exportOk: "確認",
@@ -53,7 +55,11 @@ const localeValues = {
     exportSelectColumn: "選擇字段",
     exportDataTypePage: "當前頁數據",
     exportDataTypeSelected: "選中數據",
-    exportDataTypeAll: "全部數據"
+    exportDataTypeAll: "全部數據",
+    exportOther: "更多選項",
+    exportOtherHeader: "表頭",
+    exportOtherFooter: "表尾",
+    exportOtherTreeIndex: "層級序號"
   },
   copyable: {
     copy: "複製",

package/lib/lang/zh_TW.d.ts

@@ -1,4 +1,4 @@
-/** 繁体中文 */
-import type { EleLocale } from '../ele-config-provider/types';
+import { EleLocale } from '../ele-config-provider/types';
+
 declare const localeValues: EleLocale;
 export default localeValues;

package/lib/style/nprogress.scss

@@ -3,6 +3,7 @@
 /* Make clicks pass-through */
 #nprogress {
   pointer-events: none;
+  transition: none !important;
 }
 
 #nprogress .bar {

package/lib/style/themes/dark.scss

@@ -12,11 +12,9 @@ $ele-dark: map.deep-merge(
     'header': (
       'shadow': 0 1px 4px rgba(0, 0, 0, 0.6),
       'tool-hover-bg': rgba(255, 255, 255, 0.05),
-      'dark-tool-hover-bg': rgba(255, 255, 255, 0.05)
-    ),
-    'header-dark': (
-      'bg': #1f1f1f,
-      'shadow': 0 1px 4px rgba(0, 0, 0, 0.6)
+      'dark-tool-hover-bg': rgba(255, 255, 255, 0.05),
+      'dark-bg': #1f1f1f,
+      'dark-shadow': 0 1px 4px rgba(0, 0, 0, 0.6)
     ),
     'logo': (
       'shadow': 0 3px 4px rgba(0, 0, 0, 0.6),
@@ -51,16 +49,12 @@ $ele-dark: map.deep-merge(
     ),
     'tab': (
       'scroll-left-shadow': inset 10px 0 10px -10px rgba(0, 0, 0, 0.88),
-      'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.88)
-    ),
-    'tab-simple': (
-      'hover-bg': rgba(255, 255, 255, 0.05)
-    ),
-    'tab-indicator': (
-      'color': #434343
-    ),
-    'tab-button': (
-      'bg': hsla(0, 0%, 100%, 0.04)
+      'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.88),
+      'simple-hover-bg': rgba(255, 255, 255, 0.05),
+      'indicator-dot-color': #434343,
+      'indicator-dot-hover-color': #5a5a5a,
+      'button-bg': hsla(0, 0%, 100%, 0.03),
+      'button-hover-bg': hsla(0, 0%, 100%, 0.04)
     ),
     'table': (
       'icon-hover-bg': rgba(255, 255, 255, 0.12),

package/lib/style/themes/default.scss

@@ -34,21 +34,17 @@ $ele: map.deep-merge(
       'bg': elVar('bg-color'),
       'shadow': 0 1px 4px rgba(0, 21, 41, 0.08),
       'line-color': elVar('border-color', 'extra-light'),
-      'menu-height': 54px,
-      'tool-height': 100%,
+      'menu-height': eleVar('header', 'height'),
+      'tools-padding': 12px,
+      'tool-padding': 12px,
+      'tool-height': eleVar('header', 'height'),
       'tool-radius': 0,
-      'tool-hover-bg': rgba(0, 0, 0, 0.025),
-      'dark-tool-hover-bg': rgba(255, 255, 255, 0.05)
-    ),
-    'header-dark': (
-      // 暗色顶栏
-      'bg': #001529,
-      'shadow': 0 1px 4px rgba(0, 0, 0, 0.1)
-    ),
-    'header-primary': (
-      // 主色顶栏
-      'hover-bg': transparent,
-      'active-bg': transparent
+      'tool-hover-bg': rgba(0, 0, 0, 0.04),
+      'dark-tool-hover-bg': rgba(255, 255, 255, 0.12),
+      'dark-color': #fff,
+      'dark-bg': #001529,
+      'dark-shadow': 0 1px 4px rgba(0, 0, 0, 0.1),
+      'primary-active-bg': transparent
     ),
     'logo': (
       // Logo
@@ -127,6 +123,7 @@ $ele: map.deep-merge(
       // 消息提示
       'color': elVar('text-color', 'regular'),
       'size': elVar('font-size', 'base'),
+      'space': 16px,
       'padding': 12px 14px,
       'radius': elVar('border-radius', 'base'),
       'shadow': elVar('box-shadow', 'light'),
@@ -139,12 +136,9 @@ $ele: map.deep-merge(
       'close-color': elVar('text-color', 'placeholder'),
       'close-hover-color': elVar('text-color', 'primary'),
       'close-hover-bg': transparent,
-      'plain-bg': elVar('bg-color', 'overlay')
-    ),
-    'message-mask': (
-      // 消息提示遮罩层
-      'color': elVar('overlay-color', 'lighter'),
-      'size': 1000vw
+      'plain-bg': elVar('bg-color', 'overlay'),
+      'alert-padding': 10px 14px,
+      'mask-color': elVar('overlay-color', 'lighter')
     ),
     'bottom-bar': (
       // 底部工具栏
@@ -206,8 +200,7 @@ $ele: map.deep-merge(
       'icon-radius': elVar('border-radius', 'small'),
       'body-padding': 20px,
       'footer-padding': 10px 16px,
-      'footer-border': 1px solid elVar('border-color', 'light'),
-      'inner-shadow': 0 0.8px 0 elVar('border-color', 'light') inset
+      'footer-border': 1px solid elVar('border-color', 'light')
     ),
     'dropdown': (
       // 下拉菜单
@@ -441,18 +434,6 @@ $ele: map.deep-merge(
       'form-body-padding': 24px 22px 12px 20px,
       'footer-padding': 10px 20px,
       'footer-border': 1px solid elVar('border-color', 'light'),
-      'resize-bg':
-        linear-gradient(
-          135deg,
-          transparent 45%,
-          hsla(0, 0%, 60%, 0.88) 0,
-          hsla(0, 0%, 60%, 0.88) 55%,
-          transparent 0,
-          transparent 75%,
-          hsla(0, 0%, 60%, 0.88) 0,
-          hsla(0, 0%, 60%, 0.88) 85%,
-          transparent 0
-        ),
       'fullscreen-border': 1px solid elVar('border-color', 'light'),
       'mobile-space': 16px
     ),
@@ -576,6 +557,9 @@ $ele: map.deep-merge(
       'close-radius': 50%,
       'close-hover-color': #fff,
       'close-hover-bg': elVar('color-error'),
+      'active-close-color': elVar('text-color', 'secondary'),
+      'active-close-hover-color': #fff,
+      'active-close-hover-bg': elVar('color-error'),
       'icon-font-size': 15px,
       'tool-color': elVar('text-color', 'secondary'),
       'tool-font-size': elVar('font-size', 'base'),
@@ -584,58 +568,48 @@ $ele: map.deep-merge(
       'active-index': 3,
       'transition': (color, background-color, border-color, box-shadow),
       'scroll-left-shadow': inset 10px 0 10px -10px rgba(0, 0, 0, 0.15),
-      'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.15)
-    ),
-    'tab-sm': (
-      // 标签页小号
-      'height': 32px,
-      'padding': 12px,
-      'font-size': elVar('font-size', 'small'),
-      'close-size': elVar('font-size', 'small'),
-      'close-font-size': elVar('font-size', 'small'),
-      'icon-font-size': 14px,
-      'tool-font-size': elVar('font-size', 'small')
-    ),
-    'tab-lg': (
-      // 标签页大号
-      'height': 52px,
-      'padding': 22px,
-      'font-size': elVar('font-size', 'medium'),
-      'close-size': elVar('font-size', 'medium'),
-      'close-font-size': elVar('font-size', 'medium'),
-      'icon-font-size': 17px,
-      'tool-font-size': elVar('font-size', 'medium')
-    ),
-    'tab-simple': (
-      // 标签页简约风格
-      'radius': 0,
-      'hover-color': elVar('text-color', 'primary'),
-      'hover-bg': rgba(0, 0, 0, 0.025),
-      'active-color': elVar('color-primary'),
-      'active-bg': elVar('color-primary', 'light-9'),
-      'active-weight': normal,
-      'active-line': 2px,
-      'line-display': block,
-      'angle-size': 0px,
-      'angle-display': none,
-      'tool-hover-bg': eleVar('tab-simple', 'hover-bg')
-    ),
-    'tab-indicator': (
-      // 标签页指示器风格
-      'size': 8px,
-      'color': #d9d9d9,
-      'hover-color': #d9d9d9,
-      'margin': 6px
-    ),
-    'tab-button': (
-      // 标签页按钮风格
-      'space': 8px,
-      'radius': 4px,
-      'bg': hsla(0, 0%, 100%, 0.68),
-      'hover-bg': elVar('bg-color'),
-      'active-bg': elVar('bg-color', 'overlay'),
-      'active-shadow': none,
-      'active-weight': normal
+      'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.15),
+      'sm-height': 32px,
+      'sm-padding': 12px,
+      'sm-font-size': elVar('font-size', 'small'),
+      'sm-close-size': elVar('font-size', 'small'),
+      'sm-close-font-size': elVar('font-size', 'small'),
+      'sm-icon-font-size': 14px,
+      'sm-tool-font-size': elVar('font-size', 'small'),
+      'lg-height': 52px,
+      'lg-padding': 22px,
+      'lg-font-size': elVar('font-size', 'medium'),
+      'lg-close-size': elVar('font-size', 'medium'),
+      'lg-close-font-size': elVar('font-size', 'medium'),
+      'lg-icon-font-size': 17px,
+      'lg-tool-font-size': elVar('font-size', 'medium'),
+      'simple-radius': 0,
+      'simple-hover-color': elVar('text-color', 'primary'),
+      'simple-hover-bg': rgba(0, 0, 0, 0.025),
+      'simple-active-color': elVar('color-primary'),
+      'simple-active-bg': elVar('color-primary', 'light-9'),
+      'simple-active-weight': normal,
+      'simple-active-line': 2px,
+      'simple-line-display': block,
+      'simple-angle-size': 0px,
+      'simple-angle-display': none,
+      'simple-tool-hover-bg': eleVar('tab', 'simple-hover-bg'),
+      'indicator-dot-size': 8px,
+      'indicator-dot-color': #d9d9d9,
+      'indicator-dot-hover-color': #c8c8c8,
+      'indicator-dot-active-color': elVar('color-primary'),
+      'indicator-margin': 6px,
+      'tag-space': 4px,
+      'tag-radius': elVar('border-radius', 'base'),
+      'button-space': 8px,
+      'button-radius': 4px,
+      'button-bg': hsla(0, 0%, 100%, 0.66),
+      'button-hover-color': elVar('color-primary'),
+      'button-hover-bg': elVar('bg-color'),
+      'button-active-color': elVar('color-primary'),
+      'button-active-bg': elVar('bg-color', 'overlay'),
+      'button-active-shadow': none,
+      'button-active-weight': normal
     ),
     'text': (
       // 文本
@@ -995,85 +969,84 @@ $ele: map.deep-merge(
       'danger-border-color': elVar('color-error', 'light-7'),
       'danger-close-color': elVar('color-error'),
       'danger-close-hover-color': elVar('color-error'),
-      'danger-close-hover-bg': transparent
-    ),
-    'tag-sm': (
-      // 标签小尺寸
-      'size': 12px,
-      'height': 20px,
-      'padding': 0 4px,
-      'radius': elVar('border-radius', 'small'),
-      'close-size': 13px,
-      'close-padding': 0,
-      'close-margin': 0 -2px 0 2px,
-      'close-radius': 2px
-    ),
-    'tag-lg': (
-      // 标签大尺寸
-      'size': 14px,
-      'height': 32px,
-      'padding': 0 12px,
-      'radius': elVar('border-radius', 'base'),
-      'close-size': 15px,
-      'close-padding': 2px,
-      'close-margin': 0 -8px 0 4px,
-      'close-radius': 4px
-    ),
-    'tag-dark': (
-      // 标签暗色风格
-      'color': #fff,
-      'bg': elVar('color-primary'),
-      'close-color': #fff,
-      'close-hover-color': #fff,
-      'close-hover-bg': transparent,
-      'info-color': elVar('text-color', 'primary'),
-      'info-bg': elVar('color-info', 'light-7'),
-      'info-close-color': elVar('text-color', 'secondary'),
-      'info-close-hover-color': elVar('text-color', 'primary'),
-      'info-close-hover-bg': transparent,
-      'success-color': #fff,
-      'success-bg': elVar('color-success'),
-      'success-close-color': #fff,
-      'success-close-hover-color': #fff,
-      'success-close-hover-bg': transparent,
-      'warning-color': #fff,
-      'warning-bg': elVar('color-warning'),
-      'warning-close-color': #fff,
-      'warning-close-hover-color': #fff,
-      'warning-close-hover-bg': transparent,
-      'danger-color': #fff,
-      'danger-bg': elVar('color-error'),
-      'danger-close-color': #fff,
-      'danger-close-hover-color': #fff,
-      'danger-close-hover-bg': transparent
-    ),
-    'tag-plain': (
-      // 标签朴素风格
-      'color': elVar('color-primary'),
-      'border-color': elVar('color-primary'),
-      'close-color': elVar('color-primary'),
-      'close-hover-color': elVar('color-primary'),
-      'close-hover-bg': transparent,
-      'info-color': elVar('text-color', 'regular'),
-      'info-border-color': elVar('color-info', 'light-3'),
-      'info-close-color': elVar('text-color', 'secondary'),
-      'info-close-hover-color': elVar('text-color', 'primary'),
-      'info-close-hover-bg': transparent,
-      'success-color': elVar('color-success'),
-      'success-border-color': elVar('color-success'),
-      'success-close-color': elVar('color-success'),
-      'success-close-hover-color': elVar('color-success'),
-      'success-close-hover-bg': transparent,
-      'warning-color': elVar('color-warning'),
-      'warning-border-color': elVar('color-warning'),
-      'warning-close-color': elVar('color-warning'),
-      'warning-close-hover-color': elVar('color-warning'),
-      'warning-close-hover-bg': transparent,
-      'danger-color': elVar('color-error'),
-      'danger-border-color': elVar('color-error'),
-      'danger-close-color': elVar('color-error'),
-      'danger-close-hover-color': elVar('color-error'),
-      'danger-close-hover-bg': transparent
+      'danger-close-hover-bg': transparent,
+      'round-radius': 12px,
+      'round-padding': 0 10px,
+      'sm-size': 12px,
+      'sm-height': 20px,
+      'sm-padding': 0 4px,
+      'sm-radius': elVar('border-radius', 'small'),
+      'sm-close-size': 13px,
+      'sm-close-padding': 0,
+      'sm-close-margin': 0 -2px 0 2px,
+      'sm-close-radius': 2px,
+      'sm-round-radius': 10px,
+      'sm-round-padding': 0 6px,
+      'lg-size': 14px,
+      'lg-height': 32px,
+      'lg-padding': 0 12px,
+      'lg-radius': elVar('border-radius', 'base'),
+      'lg-close-size': 15px,
+      'lg-close-padding': 2px,
+      'lg-close-margin': 0 -8px 0 4px,
+      'lg-close-radius': 4px,
+      'lg-round-radius': 16px,
+      'lg-round-padding': 0 14px,
+      'dark-color': #fff,
+      'dark-bg': elVar('color-primary'),
+      'dark-close-color': #fff,
+      'dark-close-hover-color': #fff,
+      'dark-close-hover-bg': transparent,
+      'dark-info-color': elVar('text-color', 'primary'),
+      'dark-info-bg': elVar('color-info', 'light-7'),
+      'dark-info-close-color': elVar('text-color', 'secondary'),
+      'dark-info-close-hover-color': elVar('text-color', 'primary'),
+      'dark-info-close-hover-bg': transparent,
+      'dark-success-color': #fff,
+      'dark-success-bg': elVar('color-success'),
+      'dark-success-close-color': #fff,
+      'dark-success-close-hover-color': #fff,
+      'dark-success-close-hover-bg': transparent,
+      'dark-warning-color': #fff,
+      'dark-warning-bg': elVar('color-warning'),
+      'dark-warning-close-color': #fff,
+      'dark-warning-close-hover-color': #fff,
+      'dark-warning-close-hover-bg': transparent,
+      'dark-danger-color': #fff,
+      'dark-danger-bg': elVar('color-error'),
+      'dark-danger-close-color': #fff,
+      'dark-danger-close-hover-color': #fff,
+      'dark-danger-close-hover-bg': transparent,
+      'plain-color': elVar('color-primary'),
+      'plain-border-color': elVar('color-primary'),
+      'plain-close-color': elVar('color-primary'),
+      'plain-close-hover-color': elVar('color-primary'),
+      'plain-close-hover-bg': transparent,
+      'plain-info-color': elVar('text-color', 'regular'),
+      'plain-info-border-color': elVar('color-info', 'light-3'),
+      'plain-info-close-color': elVar('text-color', 'secondary'),
+      'plain-info-close-hover-color': elVar('text-color', 'primary'),
+      'plain-info-close-hover-bg': transparent,
+      'plain-success-color': elVar('color-success'),
+      'plain-success-border-color': elVar('color-success'),
+      'plain-success-close-color': elVar('color-success'),
+      'plain-success-close-hover-color': elVar('color-success'),
+      'plain-success-close-hover-bg': transparent,
+      'plain-warning-color': elVar('color-warning'),
+      'plain-warning-border-color': elVar('color-warning'),
+      'plain-warning-close-color': elVar('color-warning'),
+      'plain-warning-close-hover-color': elVar('color-warning'),
+      'plain-warning-close-hover-bg': transparent,
+      'plain-danger-color': elVar('color-error'),
+      'plain-danger-border-color': elVar('color-error'),
+      'plain-danger-close-color': elVar('color-error'),
+      'plain-danger-close-hover-color': elVar('color-error'),
+      'plain-danger-close-hover-bg': transparent,
+      'hit-border-color': elVar('color-primary'),
+      'hit-info-border-color': elVar('color-info', 'light-3'),
+      'hit-success-border-color': elVar('color-success'),
+      'hit-warning-border-color': elVar('color-warning'),
+      'hit-danger-border-color': elVar('color-error')
     ),
     'tree': (
       // 树
@@ -1135,7 +1108,8 @@ $ele: map.deep-merge(
       'year-width': 58px,
       'year-height': 26px,
       'year-radius': 16px,
-      'year-padding': 26px 0,
+      'year-padding': 22px 0,
+      'year-space': 4px 0,
       'month-padding': 22px 0,
       'month-space': 4px 0,
       'end-margin': 3.5px,