ele-admin-plus 1.1.9 → 1.2.0-beta.2

package/lib/ele-virtual-table/util.cjs

@@ -252,7 +252,7 @@ function transformTableData(data, hasExpandCol, childrenName, hasChildrenName, r
   }
   if (hasExpandCol) {
     return data.map((d, i) => {
-      const key = util.getValue(d, rowKey) ?? i;
+      const key = core.getValue(d, rowKey) ?? i;
       const temp = {
         rowId: "_expand_" + key,
         rowIndex: i,
@@ -274,7 +274,7 @@ function transformTableData(data, hasExpandCol, childrenName, hasChildrenName, r
     (d) => {
       index++;
       return {
-        rowId: util.getValue(d, rowKey) ?? index,
+        rowId: core.getValue(d, rowKey) ?? index,
         rowIndex: index,
         rowData: d,
         isDisabled: !(selectable == null || selectable(d, index) === true),
@@ -288,7 +288,7 @@ function getRowByKey(key, data, rowKey, childrenField) {
   if (rowKey == null) {
     return core.findTree(data, (d) => d.rowId === key && !d.isExpandRow);
   }
-  return core.findTree(data, (d) => util.getValue(d, rowKey) === key, childrenField);
+  return core.findTree(data, (d) => core.getValue(d, rowKey) === key, childrenField);
 }
 function getKeysAndList(data, rowKey, childrenField) {
   const keys = [];
@@ -298,7 +298,7 @@ function getKeysAndList(data, rowKey, childrenField) {
     (d) => {
       const flag = rowKey == null;
       if (!flag || !d.isExpandRow) {
-        keys.push(flag ? d.rowId : util.getValue(d, rowKey));
+        keys.push(flag ? d.rowId : core.getValue(d, rowKey));
         list.push(d);
       }
     },
@@ -311,8 +311,8 @@ function isAutoRowHeight(hasExpandCol, bodyCols, showOverflowTooltip) {
     return true;
   }
   let isAllEllipsis = true;
-  for (let i = 0; i < bodyCols.length; i++) {
-    const col = bodyCols[i].originalCol;
+  for (const bodyCol of bodyCols) {
+    const col = bodyCol.originalCol;
     if (col && col.type !== "selection" && col.type !== "expand") {
       if (col.showOverflowTooltip == null) {
         isAllEllipsis = false;
@@ -401,8 +401,8 @@ function getColFiltered(col, filtered) {
   return filtered[key] ?? col.filteredValue;
 }
 function getSelectableFunction(cols) {
-  for (let i = 0; i < cols.length; i++) {
-    const c = cols[i].originalCol;
+  for (const bodyCol of cols) {
+    const c = bodyCol.originalCol;
     if (c && c.type === "selection") {
       return typeof c.selectable === "function" ? c.selectable : null;
     }
@@ -425,8 +425,10 @@ function getIndexValue(rowIndex, index, pageIndex) {
   return String(index + rowIndex);
 }
 function getCellSpan(params, spanMethod) {
+  var _a;
   const span = { rowspan: 1, colspan: 1 };
-  if (typeof spanMethod === "function") {
+  const type = (_a = params.column) == null ? void 0 : _a.type;
+  if ((!type || !["index", "selection", "expand"].includes(type)) && typeof spanMethod === "function") {
     const result = spanMethod(params);
     if (result != null) {
       if (Array.isArray(result)) {
@@ -458,13 +460,16 @@ function getUserSums(summaryMethod, bodyCols, data) {
   });
   return summaryMethod({ columns, data });
 }
-function getSumValue(data, prop) {
+function getSumValue(data, prop, index, sumText) {
+  if (index === 0) {
+    return sumText ?? "Sum";
+  }
   if (!data || !prop) {
     return "";
   }
   let sum = 0;
-  for (let i = 0; i < data.length; i++) {
-    const val = Number(util.getValue(data[i], prop));
+  for (const item of data) {
+    const val = Number(core.getValue(item, prop));
     if (Number.isNaN(val)) {
       return "";
     }

package/lib/ele-virtual-table/util.d.ts

@@ -197,8 +197,10 @@ export declare function getUserSums(summaryMethod?: SummaryMethod, bodyCols?: Bo
  * 计算列合计值
  * @param data 表格数据
  * @param prop 列字段名称
+ * @param index 列索引
+ * @param sumText 第一列文本
  */
-export declare function getSumValue(data?: DataItem[], prop?: string): string;
+export declare function getSumValue(data?: DataItem[], prop?: string, index?: number, sumText?: string): string;
 /**
  * 获取原始列配置
  * @param columns 列配置

package/lib/ele-watermark/style/index.cjs

@@ -1,2 +1 @@
 "use strict";
-//

package/lib/ele-xg-player/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/icons/LoadingOutlined.cjs

@@ -17,7 +17,7 @@ const _hoisted_1 = {
   "stroke-width": "4",
   "stroke-linecap": "round"
 };
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M24 2C36 2 46 12 46 24" }, null, -1);
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M 22 6 C 34 6 42 14 42 26" }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
 ];

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/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_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/style/plus.scss

@@ -1,6 +1,7 @@
+@use '../ele-admin-layout/style/index.scss' as adminLayout;
 @use '../ele-alert/style/index.scss' as alert;
-//@use '../ele-app/style/index.scss' as app;
 @use '../ele-avatar-group/style/index.scss' as avatarGroup;
+@use '../ele-backtop/style/index.scss' as backtop;
 @use '../ele-basic-select/style/index.scss' as basicSelect;
 @use '../ele-bottom-bar/style/index.scss' as bottomBar;
 @use '../ele-breadcrumb/style/index.scss' as breadcrumb;

package/lib/style/themes/dark.scss

@@ -41,7 +41,8 @@ $ele-dark: map.deep-merge(
       'child-bg': #141414
     ),
     'menu-colorful': (
-      'dot-color': rgba(255, 255, 255, 0.4)
+      'dot-color': #5a5a5a,
+      'dot-hover-color': #8b8b8b
     ),
     'segmented': (
       'bg': elVar('bg-color', 'page'),
@@ -51,8 +52,8 @@ $ele-dark: map.deep-merge(
       '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),
       'simple-hover-bg': rgba(255, 255, 255, 0.05),
-      'indicator-dot-color': #434343,
-      'indicator-dot-hover-color': #5a5a5a,
+      'indicator-dot-color': #5a5a5a,
+      'indicator-dot-hover-color': #8b8b8b,
       'button-bg': hsla(0, 0%, 100%, 0.03),
       'button-hover-bg': hsla(0, 0%, 100%, 0.04)
     ),

package/lib/style/themes/default.scss

@@ -3,12 +3,25 @@
 @use '../util.scss' as *;
 
 // 过渡动画
-$ele-transition: 0.2s !default;
-
+$transition-base: 0.2s !default;
 // 美化滚动条样式选择器
 $scrollbar-selector: '' !default;
+// 输入框清空图标
+$icon-clear-path: 'M512 43C768 43 981 256 981 512S768 981 512 981 43 768 43 512 256 43 512 43ZM683 277 512 448 341 277 277 341 448 512 277 683 341 747 512 576 683 747 747 683 576 512 747 341Z' !default;
+// 表单验证通过图标
+$icon-validate-path: 'M512 43C768 43 981 256 981 512S768 981 512 981 43 768 43 512 256 43 512 43ZM448 619 299 470 235 534 448 747 811 384 747 320Z' !default;
+// 树表格展开图标
+$icon-expand-path: 'M362 811 662 512 362 213' !default;
+// 树表格加载图标
+$icon-loading-path: 'M512 128V299M789 235 672 352M896 512H725M789 789 672 672M512 896V725M235 789 352 672M128 512H299M235 235 352 352' !default;
+// 表格筛选图标
+$icon-filter-path: 'M349 838c0 17 14 32 31 32h262c17 0 31-14 31-32V642H349v196ZM880 154H143c-24 0-39 26-27 48l221 376h348l221-376c12-21-3-48-27-48' !default;
+// 字体
+$logo-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' !default;
 
-// 样式变量
+// 主题变量
 $ele: () !default;
 $ele: map.deep-merge(
   (
@@ -24,9 +37,7 @@ $ele: map.deep-merge(
     'layout': (
       // 布局
       'bg': elVar('bg-color', 'page'),
-      'height': 100vh,
-      'index': 99,
-      'mask-index': calc(#{elVar('index', 'popper')} + 800)
+      'index': 99
     ),
     'header': (
       // 顶栏
@@ -44,10 +55,14 @@ $ele: map.deep-merge(
       'dark-color': #fff,
       'dark-bg': #001529,
       'dark-shadow': 0 1px 4px rgba(0, 0, 0, 0.1),
-      'primary-active-bg': transparent
+      'primary-active-bg': transparent,
+      'ghost-bg': hsla(0, 0%, 100%, 0.4),
+      'ghost-filter': blur(8px)
     ),
     'logo': (
       // Logo
+      'size': '18px',
+      'family': $logo-family,
       'color': elVar('text-color', 'primary'),
       'dark-color': #fff,
       'shadow': 1px 2px 3px rgba(0, 21, 41, 0.08),
@@ -60,22 +75,15 @@ $ele: map.deep-merge(
       'mix-width': 160px,
       'bg': elVar('bg-color'),
       'dark-bg': #001529,
-      'shadow': 1px 3px 3px rgba(0, 21, 41, 0.08),
-      'dark-shadow': 0 4px 4px rgba(0, 0, 0, 0.35),
-      'transition': (width $ele-transition, left $ele-transition),
-      'tool-height': 40px
+      'shadow': 1px 0 3px rgba(0, 21, 41, 0.08),
+      'dark-shadow': 0 0 4px rgba(0, 0, 0, 0.35),
+      'transition': (width $transition-base, left $transition-base),
+      'tool-height': 40px,
+      'ghost-bg': elVar('fill-color', 'lighter')
     ),
     'sidebox': (
       // 双侧栏一级
-      'width': 80px,
-      'padding': 8px,
-      'collapse-padding': 4px,
-      'font-size': 12px,
-      'icon-font-size': 18px,
-      'title-margin': 6px,
-      'item-padding': 12px 0,
-      'collapse-item-padding': 12px 0,
-      'item-radius': elVar('border-radius', 'base')
+      'width': 80px
     ),
     'menu-thumb': (
       // 菜单滚动条
@@ -119,10 +127,17 @@ $ele: map.deep-merge(
       'close-hover-color': #fff,
       'close-hover-bg': transparent
     ),
+    'backtop': (
+      // 返回顶部
+      'color': elVar('color-primary'),
+      'bg': elVar('bg-color', 'overlay'),
+      'shadow': elVar('box-shadow', 'light')
+    ),
     'message': (
       // 消息提示
       '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'),
@@ -135,12 +150,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': (
       // 底部工具栏
@@ -167,7 +179,14 @@ $ele: map.deep-merge(
       'header-font-weight': normal,
       'header-border': 1px solid elVar('border-color', 'light'),
       'footer-padding': 14px 22px,
-      'footer-border': 1px solid elVar('border-color', 'light')
+      'footer-border': 1px solid elVar('border-color', 'light'),
+      'collapse-size': 24px,
+      'collapse-font-size': 16px,
+      'collapse-color': elVar('text-color', 'secondary'),
+      'collapse-radius': elVar('border-radius', 'small'),
+      'collapse-margin': 1px -6px 0 0,
+      'collapse-hover-color': elVar('text-color', 'primary'),
+      'collapse-hover-bg': transparent
     ),
     'check-card': (
       // 可选卡片
@@ -340,9 +359,15 @@ $ele: map.deep-merge(
       'item-color': elVar('text-color', 'primary'),
       'item-hover-color': elVar('color', 'primary'),
       'item-hover-bg': transparent,
+      'item-focus-bg': transparent,
       'item-active-color': elVar('color-primary'),
       'item-active-bg': elVar('color-primary', 'light-9'),
-      'item-active-line': 3px
+      'item-active-line': 3px,
+      'compact-font-size': 12px,
+      'compact-icon-font-size': 18px,
+      'compact-title-margin': 6px,
+      'compact-item-padding': 12px 0,
+      'compact-collapse-item-padding': 12px 0
     ),
     'menu-popup': (
       // 气泡菜单
@@ -365,11 +390,13 @@ $ele: map.deep-merge(
       'item-margin': 0,
       'item-radius': 0,
       'hover-bg': transparent,
+      'focus-bg': transparent,
       'active-bg': transparent,
       'arrow-margin': 0 -2px 0 6px,
       'line-margin': 14px,
       'line-size': 2px,
       'dark-hover-bg': transparent,
+      'dark-focus-bg': transparent,
       'dark-active-bg': transparent,
       'popup-margin': 0px
     ),
@@ -391,6 +418,7 @@ $ele: map.deep-merge(
       'color': rgba(255, 255, 255, 0.8),
       'hover-color': #fff,
       'hover-bg': transparent,
+      'focus-bg': transparent,
       'active-color': #fff,
       'active-bg': elVar('color-primary')
     ),
@@ -403,9 +431,11 @@ $ele: map.deep-merge(
       'dot-size': 8px,
       'dot-margin': 0 8px 0 0,
       'dot-color': #d9d9d9,
-      'dot-hover-color': elVar('color-primary'),
-      'dark-dot-color': rgba(255, 255, 255, 0.4),
-      'dark-dot-hover-color': #fff,
+      'dot-hover-color': #b6b6b6,
+      'dot-active-color': elVar('color-primary'),
+      'dark-dot-color': #888888,
+      'dark-dot-hover-color': #dddddd,
+      'dark-dot-active-color': #fff,
       'bg-1': #61b2fc,
       'bg-2': #7dd733,
       'bg-3': #32a2d4,
@@ -598,7 +628,7 @@ $ele: map.deep-merge(
       'simple-tool-hover-bg': eleVar('tab', 'simple-hover-bg'),
       'indicator-dot-size': 8px,
       'indicator-dot-color': #d9d9d9,
-      'indicator-dot-hover-color': #c8c8c8,
+      'indicator-dot-hover-color': #b6b6b6,
       'indicator-dot-active-color': elVar('color-primary'),
       'indicator-margin': 6px,
       'tag-space': 4px,
@@ -971,85 +1001,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': (
       // 树