xt-element-ui 1.3.3 → 1.3.4

package/src/styles/theme/colors.scss

@@ -1,101 +1,101 @@
-$xt-color-primary: #1890ff;       // 主颜色 - XT UI 标准蓝色
-$xt-color-success: #37c3a4;       // 成功色 - XT UI 标准绿色
-$xt-color-warning: #FFB74D;       // 警告色 - XT UI 标准橙色
-$xt-color-danger: #EA1D34;        // 危险色 - XT UI 标准红色
-$xt-color-info: #999999;          // 信息色 - XT UI 标准灰色
-
-$xt-color-primary-light-3: #5DB1FF;   // 主色浅色 30%
-$xt-color-primary-light-5: #8CC8FF;   // 主色浅色 50%
-$xt-color-primary-light-7: #BADEFF;   // 主色浅色 70%
-$xt-color-primary-light-8: #D1E9FF;   // 主色浅色 80%
-$xt-color-primary-light-9: #E8F4FF;   // 主色浅色 90%
-
-// 主色调深色系列（与 config-provider darkenColor 算法保持一致）
-$xt-color-primary-dark-2: #1373cc;    // 主色深色 20%
-$xt-color-primary-dark-3: #1165b3;    // 主色深色 30%
-$xt-color-primary-dark-4: #0e5699;    // 主色深色 40%
-
-// ============================
-// Success 成功色渐变色系
-// ============================
-$xt-color-success-light-3: #5dd3b0;   // 成功色浅色 30%
-$xt-color-success-light-5: #8be9d0;   // 成功色浅色 50%
-$xt-color-success-light-7: #b8f0e0;   // 成功色浅色 70%
-$xt-color-success-light-8: #d1f5ec;   // 成功色浅色 80%
-$xt-color-success-light-9: #e8faf5;   // 成功色浅色 90%
-$xt-color-success-dark-2: #2da88a;    // 成功色深色 20%
-
-// ============================
-// Warning 警告色渐变色系
-// ============================
-$xt-color-warning-light-3: #f5c976;   // 警告色浅色 30%
-$xt-color-warning-light-5: #f9d8a3;   // 警告色浅色 50%
-$xt-color-warning-light-7: #fce7cf;   // 警告色浅色 70%
-$xt-color-warning-light-8: #fdf2e7;   // 警告色浅色 80%
-$xt-color-warning-light-9: #fff8f0;   // 警告色浅色 90%
-$xt-color-warning-dark-2: #e5a033;    // 警告色深色 20%
-
-// ============================
-// Danger 危险色渐变色系
-// ============================
-$xt-color-danger-light-3: #f04a5e;    // 危险色浅色 30%
-$xt-color-danger-light-5: #f57786;    // 危险色浅色 50%
-$xt-color-danger-light-7: #f9a4ad;    // 危险色浅色 70%
-$xt-color-danger-light-8: #fbc8cd;    // 危险色浅色 80%
-$xt-color-danger-light-9: #fee8ea;    // 危险色浅色 90%
-$xt-color-danger-dark-2: #d4162c;     // 危险色深色 20%
-
-// ============================
-// Info 信息色渐变色系
-// ============================
-$xt-color-info-light-3: #a4a6aa;      // 信息色浅色 30%
-$xt-color-info-light-5: #babbbc;      // 信息色浅色 50%
-$xt-color-info-light-7: #d0d1d3;      // 信息色浅色 70%
-$xt-color-info-light-8: #e0e1e2;      // 信息色浅色 80%
-$xt-color-info-light-9: #f0f0f0;      // 信息色浅色 90%
-$xt-color-info-dark-2: #7a7c80;       // 信息色深色 20%
-
-// ============================
-// 暗色主题渐变色系（参考 Element Plus）
-// ============================
-
-// Primary 暗色主题渐变色系
-$xt-dark-color-primary-light-3: #336eb9;   // 主色暗色 30%
-$xt-dark-color-primary-light-5: #2a598a;   // 主色暗色 50%
-$xt-dark-color-primary-light-7: #213d5b;   // 主色暗色 70%
-$xt-dark-color-primary-light-8: #1d3043;   // 主色暗色 80%
-$xt-dark-color-primary-light-9: #18222b;   // 主色暗色 90%
-$xt-dark-color-primary-dark-2: #66b1ff;    // 主色亮色 20%
-
-// Success 暗色主题渐变色系
-$xt-dark-color-success-light-3: #4e8e2f;   // 成功色暗色 30%
-$xt-dark-color-success-light-5: #3e6b27;   // 成功色暗色 50%
-$xt-dark-color-success-light-7: #2d481f;   // 成功色暗色 70%
-$xt-dark-color-success-light-8: #25371c;   // 成功色暗色 80%
-$xt-dark-color-success-light-9: #1c2518;   // 成功色暗色 90%
-$xt-dark-color-success-dark-2: #85ce61;    // 成功色亮色 20%
-
-// Warning 暗色主题渐变色系
-$xt-dark-color-warning-light-3: #a77730;   // 警告色暗色 30%
-$xt-dark-color-warning-light-5: #7d5b28;   // 警告色暗色 50%
-$xt-dark-color-warning-light-7: #533f20;   // 警告色暗色 70%
-$xt-dark-color-warning-light-8: #3e301c;   // 警告色暗色 80%
-$xt-dark-color-warning-light-9: #292218;   // 警告色暗色 90%
-$xt-dark-color-warning-dark-2: #ebb563;    // 警告色亮色 20%
-
-// Danger 暗色主题渐变色系
-$xt-dark-color-danger-light-3: #b25252;    // 危险色暗色 30%
-$xt-dark-color-danger-light-5: #854040;    // 危险色暗色 50%
-$xt-dark-color-danger-light-7: #582e2e;    // 危险色暗色 70%
-$xt-dark-color-danger-light-8: #412626;    // 危险色暗色 80%
-$xt-dark-color-danger-light-9: #2a1d1d;    // 危险色暗色 90%
-$xt-dark-color-danger-dark-2: #f78989;     // 危险色亮色 20%
-
-// Info 暗色主题渐变色系
-$xt-dark-color-info-light-3: #6b6d71;      // 信息色暗色 30%
-$xt-dark-color-info-light-5: #525457;      // 信息色暗色 50%
-$xt-dark-color-info-light-7: #393a3c;      // 信息色暗色 70%
-$xt-dark-color-info-light-8: #2d2d2f;      // 信息色暗色 80%
-$xt-dark-color-info-light-9: #202121;      // 信息色暗色 90%
-$xt-dark-color-info-dark-2: #a6a9ad;       // 信息色亮色 20%
-
+$xt-color-primary: #1890ff;       // 主颜色 - XT UI 标准蓝色
+$xt-color-success: #37c3a4;       // 成功色 - XT UI 标准绿色
+$xt-color-warning: #FFB74D;       // 警告色 - XT UI 标准橙色
+$xt-color-danger: #EA1D34;        // 危险色 - XT UI 标准红色
+$xt-color-info: #999999;          // 信息色 - XT UI 标准灰色
+
+$xt-color-primary-light-3: #5DB1FF;   // 主色浅色 30%
+$xt-color-primary-light-5: #8CC8FF;   // 主色浅色 50%
+$xt-color-primary-light-7: #BADEFF;   // 主色浅色 70%
+$xt-color-primary-light-8: #D1E9FF;   // 主色浅色 80%
+$xt-color-primary-light-9: #E8F4FF;   // 主色浅色 90%
+
+// 主色调深色系列（与 config-provider darkenColor 算法保持一致）
+$xt-color-primary-dark-2: #1373cc;    // 主色深色 20%
+$xt-color-primary-dark-3: #1165b3;    // 主色深色 30%
+$xt-color-primary-dark-4: #0e5699;    // 主色深色 40%
+
+// ============================
+// Success 成功色渐变色系
+// ============================
+$xt-color-success-light-3: #5dd3b0;   // 成功色浅色 30%
+$xt-color-success-light-5: #8be9d0;   // 成功色浅色 50%
+$xt-color-success-light-7: #b8f0e0;   // 成功色浅色 70%
+$xt-color-success-light-8: #d1f5ec;   // 成功色浅色 80%
+$xt-color-success-light-9: #e8faf5;   // 成功色浅色 90%
+$xt-color-success-dark-2: #2da88a;    // 成功色深色 20%
+
+// ============================
+// Warning 警告色渐变色系
+// ============================
+$xt-color-warning-light-3: #f5c976;   // 警告色浅色 30%
+$xt-color-warning-light-5: #f9d8a3;   // 警告色浅色 50%
+$xt-color-warning-light-7: #fce7cf;   // 警告色浅色 70%
+$xt-color-warning-light-8: #fdf2e7;   // 警告色浅色 80%
+$xt-color-warning-light-9: #fff8f0;   // 警告色浅色 90%
+$xt-color-warning-dark-2: #e5a033;    // 警告色深色 20%
+
+// ============================
+// Danger 危险色渐变色系
+// ============================
+$xt-color-danger-light-3: #f04a5e;    // 危险色浅色 30%
+$xt-color-danger-light-5: #f57786;    // 危险色浅色 50%
+$xt-color-danger-light-7: #f9a4ad;    // 危险色浅色 70%
+$xt-color-danger-light-8: #fbc8cd;    // 危险色浅色 80%
+$xt-color-danger-light-9: #fee8ea;    // 危险色浅色 90%
+$xt-color-danger-dark-2: #d4162c;     // 危险色深色 20%
+
+// ============================
+// Info 信息色渐变色系
+// ============================
+$xt-color-info-light-3: #a4a6aa;      // 信息色浅色 30%
+$xt-color-info-light-5: #babbbc;      // 信息色浅色 50%
+$xt-color-info-light-7: #d0d1d3;      // 信息色浅色 70%
+$xt-color-info-light-8: #e0e1e2;      // 信息色浅色 80%
+$xt-color-info-light-9: #f0f0f0;      // 信息色浅色 90%
+$xt-color-info-dark-2: #7a7c80;       // 信息色深色 20%
+
+// ============================
+// 暗色主题渐变色系（参考 Element Plus）
+// ============================
+
+// Primary 暗色主题渐变色系
+$xt-dark-color-primary-light-3: #336eb9;   // 主色暗色 30%
+$xt-dark-color-primary-light-5: #2a598a;   // 主色暗色 50%
+$xt-dark-color-primary-light-7: #213d5b;   // 主色暗色 70%
+$xt-dark-color-primary-light-8: #1d3043;   // 主色暗色 80%
+$xt-dark-color-primary-light-9: #18222b;   // 主色暗色 90%
+$xt-dark-color-primary-dark-2: #66b1ff;    // 主色亮色 20%
+
+// Success 暗色主题渐变色系
+$xt-dark-color-success-light-3: #4e8e2f;   // 成功色暗色 30%
+$xt-dark-color-success-light-5: #3e6b27;   // 成功色暗色 50%
+$xt-dark-color-success-light-7: #2d481f;   // 成功色暗色 70%
+$xt-dark-color-success-light-8: #25371c;   // 成功色暗色 80%
+$xt-dark-color-success-light-9: #1c2518;   // 成功色暗色 90%
+$xt-dark-color-success-dark-2: #85ce61;    // 成功色亮色 20%
+
+// Warning 暗色主题渐变色系
+$xt-dark-color-warning-light-3: #a77730;   // 警告色暗色 30%
+$xt-dark-color-warning-light-5: #7d5b28;   // 警告色暗色 50%
+$xt-dark-color-warning-light-7: #533f20;   // 警告色暗色 70%
+$xt-dark-color-warning-light-8: #3e301c;   // 警告色暗色 80%
+$xt-dark-color-warning-light-9: #292218;   // 警告色暗色 90%
+$xt-dark-color-warning-dark-2: #ebb563;    // 警告色亮色 20%
+
+// Danger 暗色主题渐变色系
+$xt-dark-color-danger-light-3: #b25252;    // 危险色暗色 30%
+$xt-dark-color-danger-light-5: #854040;    // 危险色暗色 50%
+$xt-dark-color-danger-light-7: #582e2e;    // 危险色暗色 70%
+$xt-dark-color-danger-light-8: #412626;    // 危险色暗色 80%
+$xt-dark-color-danger-light-9: #2a1d1d;    // 危险色暗色 90%
+$xt-dark-color-danger-dark-2: #f78989;     // 危险色亮色 20%
+
+// Info 暗色主题渐变色系
+$xt-dark-color-info-light-3: #6b6d71;      // 信息色暗色 30%
+$xt-dark-color-info-light-5: #525457;      // 信息色暗色 50%
+$xt-dark-color-info-light-7: #393a3c;      // 信息色暗色 70%
+$xt-dark-color-info-light-8: #2d2d2f;      // 信息色暗色 80%
+$xt-dark-color-info-light-9: #202121;      // 信息色暗色 90%
+$xt-dark-color-info-dark-2: #a6a9ad;       // 信息色亮色 20%
+

package/src/styles/theme/component-variables.scss

@@ -1,70 +1,70 @@
-// ===========================
-// 按钮专用变量
-// ===========================
-$xt-button-height: 32px;                    // 按钮高度
-$xt-button-padding-x: 15px;                 // 按钮水平内边距
-$xt-button-padding-y: 8px;                  // 按钮垂直内边距
-$xt-button-font-weight: 500;                // 按钮字体粗细
-$xt-button-border-width: 1px;               // 按钮边框宽度
-$xt-button-transition: 0.1s;                // 按钮过渡时长
-
-// ===========================
-// 卡片专用变量
-// ===========================
-$xt-card-bg-color: #ffffff;                 // 卡片背景色
-$xt-card-border-color: #EBEEF5;             // 卡片边框颜色
-$xt-card-border-radius: 4px;                // 卡片圆角
-$xt-card-padding: 20px;                     // 卡片内边距
-$xt-card-header-padding: 18px 20px;         // 卡片头部内边距
-$xt-card-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);  // 卡片阴影
-
-// ===========================
-// 卡片项专用变量
-// ===========================
-$xt-card-item-min-height: 40px;             // 卡片项最小高度
-$xt-card-item-gap: 10px;                    // 卡片项间距
-$xt-card-item-border-width: 3px;            // 卡片项边框宽度
-
-// ===========================
-// 输入框专用变量
-// ===========================
-$xt-input-height: 32px;                     // 输入框高度
-$xt-input-padding-x: 15px;                  // 输入框水平内边距
-$xt-input-bg-color: #ffffff;                // 输入框背景色
-$xt-input-border-color: #DCDFE6;            // 输入框边框颜色
-$xt-input-text-color: #303133;              // 输入框文字颜色
-$xt-input-placeholder-color: #C0C4CC;       // 输入框占位符颜色
-
-// ===========================
-// FlexBox 专用变量
-// ===========================
-$xt-flex-box-gap: 8px;                      // FlexBox 默认间距
-
-// ===========================
-// 布局 / 头部 / 导航 专用变量
-// ===========================
-$xt-header-bg: #ffffff;                      // 头部背景色
-$xt-header-text-color: #303133;              // 头部文字颜色
-$xt-header-active-text: #1890ff;             // 头部激活状态文字颜色
-$xt-header-hover-text: #1890ff;              // 头部悬停状态文字颜色
-
-$xt-hamburger-bg: #1890ff;                   // 汉堡按钮背景色
-
-$xt-menu-bg: #304156;                        // 菜单背景色
-$xt-menu-hover: #263445;                     // 菜单悬停背景色
-$xt-menu-text: #bfcbd9;                      // 菜单文字颜色
-$xt-menu-active-text: #ffffff;               // 菜单激活状态文字颜色
-
-$xt-sub-menu-bg: #1f2d3d;                    // 子菜单背景色
-$xt-sub-menu-hover: #001528;                 // 子菜单悬停背景色
-
-// ===========================
-// 弹窗专用变量
-// ===========================
-$xt-dialog-bg: #ffffff;                      // 弹窗背景色
-$xt-dialog-title: #303133;                   // 弹窗标题文字颜色
-
-// ===========================
-// TAG 标签专用变量
-// ===========================
+// ===========================
+// 按钮专用变量
+// ===========================
+$xt-button-height: 32px;                    // 按钮高度
+$xt-button-padding-x: 15px;                 // 按钮水平内边距
+$xt-button-padding-y: 8px;                  // 按钮垂直内边距
+$xt-button-font-weight: 500;                // 按钮字体粗细
+$xt-button-border-width: 1px;               // 按钮边框宽度
+$xt-button-transition: 0.1s;                // 按钮过渡时长
+
+// ===========================
+// 卡片专用变量
+// ===========================
+$xt-card-bg-color: #ffffff;                 // 卡片背景色
+$xt-card-border-color: #EBEEF5;             // 卡片边框颜色
+$xt-card-border-radius: 4px;                // 卡片圆角
+$xt-card-padding: 20px;                     // 卡片内边距
+$xt-card-header-padding: 18px 20px;         // 卡片头部内边距
+$xt-card-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);  // 卡片阴影
+
+// ===========================
+// 卡片项专用变量
+// ===========================
+$xt-card-item-min-height: 40px;             // 卡片项最小高度
+$xt-card-item-gap: 10px;                    // 卡片项间距
+$xt-card-item-border-width: 3px;            // 卡片项边框宽度
+
+// ===========================
+// 输入框专用变量
+// ===========================
+$xt-input-height: 32px;                     // 输入框高度
+$xt-input-padding-x: 15px;                  // 输入框水平内边距
+$xt-input-bg-color: #ffffff;                // 输入框背景色
+$xt-input-border-color: #DCDFE6;            // 输入框边框颜色
+$xt-input-text-color: #303133;              // 输入框文字颜色
+$xt-input-placeholder-color: #C0C4CC;       // 输入框占位符颜色
+
+// ===========================
+// FlexBox 专用变量
+// ===========================
+$xt-flex-box-gap: 8px;                      // FlexBox 默认间距
+
+// ===========================
+// 布局 / 头部 / 导航 专用变量
+// ===========================
+$xt-header-bg: #ffffff;                      // 头部背景色
+$xt-header-text-color: #303133;              // 头部文字颜色
+$xt-header-active-text: #1890ff;             // 头部激活状态文字颜色
+$xt-header-hover-text: #1890ff;              // 头部悬停状态文字颜色
+
+$xt-hamburger-bg: #1890ff;                   // 汉堡按钮背景色
+
+$xt-menu-bg: #304156;                        // 菜单背景色
+$xt-menu-hover: #263445;                     // 菜单悬停背景色
+$xt-menu-text: #bfcbd9;                      // 菜单文字颜色
+$xt-menu-active-text: #ffffff;               // 菜单激活状态文字颜色
+
+$xt-sub-menu-bg: #1f2d3d;                    // 子菜单背景色
+$xt-sub-menu-hover: #001528;                 // 子菜单悬停背景色
+
+// ===========================
+// 弹窗专用变量
+// ===========================
+$xt-dialog-bg: #ffffff;                      // 弹窗背景色
+$xt-dialog-title: #303133;                   // 弹窗标题文字颜色
+
+// ===========================
+// TAG 标签专用变量
+// ===========================
 $xt-tag-bg: #ffffff;                         // 标签背景色

package/src/styles/theme/dark-variables.scss

@@ -1,29 +1,29 @@
-$xt-dark-color-primary: #0a7be0;            // 暗色主题主色调
-$xt-dark-color-success: #4BC376;             // 暗色主题成功颜色
-$xt-dark-color-warning: #E6B61e;             // 暗色主题警告颜色
-$xt-dark-color-danger: #c13737;              // 暗色主题危险颜色
-$xt-dark-color-info: #3f4249;                // 暗色主题信息文字颜色
-
-$xt-dark-color-text-primary: rgba(255, 255, 255, 0.95);      // 暗色主题主要文字颜色
-$xt-dark-color-text-regular: rgba(255, 255, 255, 0.8);       // 暗色主题常规文字颜色
-$xt-dark-color-text-secondary: rgba(255, 255, 255, 0.6);     // 暗色主题次要文字颜色
-$xt-dark-color-text-placeholder: rgba(255, 255, 255, 0.4);   // 暗色主题占位符文字颜色
-$xt-dark-color-text-disabled: rgba(255, 255, 255, 0.3);      // 暗色主题禁用状态文字颜色
-
-$xt-dark-color-bg-primary: #1f1f1f;                           // 暗色主题主背景色
-$xt-dark-color-bg-secondary: #2d2d2d;                         // 暗色主题次要背景色
-$xt-dark-color-bg-hover: #3d3d3d;                             // 暗色主题悬停背景色
-$xt-dark-color-bg-container: #1f1f1f;                         // 暗色主题容器背景色
-$xt-dark-color-bg-overlay: #2d2d2d;                           // 暗色主题浮层背景色
-
-$xt-dark-color-border: #434343;                               // 暗色主题边框颜色
-$xt-dark-color-border-light: #3d3d3d;                         // 暗色主题边框浅色
-$xt-dark-color-border-lighter: #3d3d3d;                       // 暗色主题边框更浅色
-$xt-dark-color-border-extra-light: #434343;                   // 暗色主题边框极浅色
-
-// 暗色主题按钮颜色
-$xt-dark-button-primary-bg: #1e40af;          // 暗色主题主按钮背景色
-$xt-dark-button-success-bg: #166534;          // 暗色主题成功按钮背景色
-$xt-dark-button-warning-bg: #78350f;          // 暗色主题警告按钮背景色
-$xt-dark-button-danger-bg: #991b1b;           // 暗色主题危险按钮背景色
+$xt-dark-color-primary: #0a7be0;            // 暗色主题主色调
+$xt-dark-color-success: #4BC376;             // 暗色主题成功颜色
+$xt-dark-color-warning: #E6B61e;             // 暗色主题警告颜色
+$xt-dark-color-danger: #c13737;              // 暗色主题危险颜色
+$xt-dark-color-info: #3f4249;                // 暗色主题信息文字颜色
+
+$xt-dark-color-text-primary: rgba(255, 255, 255, 0.95);      // 暗色主题主要文字颜色
+$xt-dark-color-text-regular: rgba(255, 255, 255, 0.8);       // 暗色主题常规文字颜色
+$xt-dark-color-text-secondary: rgba(255, 255, 255, 0.6);     // 暗色主题次要文字颜色
+$xt-dark-color-text-placeholder: rgba(255, 255, 255, 0.4);   // 暗色主题占位符文字颜色
+$xt-dark-color-text-disabled: rgba(255, 255, 255, 0.3);      // 暗色主题禁用状态文字颜色
+
+$xt-dark-color-bg-primary: #1f1f1f;                           // 暗色主题主背景色
+$xt-dark-color-bg-secondary: #2d2d2d;                         // 暗色主题次要背景色
+$xt-dark-color-bg-hover: #3d3d3d;                             // 暗色主题悬停背景色
+$xt-dark-color-bg-container: #1f1f1f;                         // 暗色主题容器背景色
+$xt-dark-color-bg-overlay: #2d2d2d;                           // 暗色主题浮层背景色
+
+$xt-dark-color-border: #434343;                               // 暗色主题边框颜色
+$xt-dark-color-border-light: #3d3d3d;                         // 暗色主题边框浅色
+$xt-dark-color-border-lighter: #3d3d3d;                       // 暗色主题边框更浅色
+$xt-dark-color-border-extra-light: #434343;                   // 暗色主题边框极浅色
+
+// 暗色主题按钮颜色
+$xt-dark-button-primary-bg: #1e40af;          // 暗色主题主按钮背景色
+$xt-dark-button-success-bg: #166534;          // 暗色主题成功按钮背景色
+$xt-dark-button-warning-bg: #78350f;          // 暗色主题警告按钮背景色
+$xt-dark-button-danger-bg: #991b1b;           // 暗色主题危险按钮背景色
 $xt-dark-button-info-bg: #374151;            // 暗色主题信息按钮背景色

package/src/styles/theme/font.scss

@@ -1,13 +1,13 @@
-$xt-font-size-extra-large: 20px;             // 特大字体基础值
-$xt-font-size-large: 18px;                   // 大字体基础值
-$xt-font-size-medium: 16px;                  // 中等字体基础值
-$xt-font-size-base: 14px;                    // 基准字体 - Element UI 默认
-$xt-font-size-small: 13px;                   // 小字体基础值
-$xt-font-size-extra-small: 12px;             // 特小字体基础值
-
-$xt-font-size-increment-extra-small: -2px;   // 特小尺寸增量
-$xt-font-size-increment-small: -1px;          // 小尺寸增量
-$xt-font-size-increment-base: 0px;            // 基准尺寸增量
-$xt-font-size-increment-medium: 2px;          // 中尺寸增量
-$xt-font-size-increment-large: 4px;           // 大尺寸增量
+$xt-font-size-extra-large: 20px;             // 特大字体基础值
+$xt-font-size-large: 18px;                   // 大字体基础值
+$xt-font-size-medium: 16px;                  // 中等字体基础值
+$xt-font-size-base: 14px;                    // 基准字体 - Element UI 默认
+$xt-font-size-small: 13px;                   // 小字体基础值
+$xt-font-size-extra-small: 12px;             // 特小字体基础值
+
+$xt-font-size-increment-extra-small: -2px;   // 特小尺寸增量
+$xt-font-size-increment-small: -1px;          // 小尺寸增量
+$xt-font-size-increment-base: 0px;            // 基准尺寸增量
+$xt-font-size-increment-medium: 2px;          // 中尺寸增量
+$xt-font-size-increment-large: 4px;           // 大尺寸增量
 $xt-font-size-increment-extra-large: 6px;     // 特大尺寸增量

package/src/styles/theme/index.scss

@@ -1,11 +1,11 @@
-@import './colors.scss';
-@import './typography.scss';
-@import './background.scss';
-@import './borders.scss';
-@import './font.scss';
-@import './spacing.scss';
-@import './border-radius.scss';
-@import './shadows.scss';
-@import './transitions.scss';
-@import './dark-variables.scss';
-@import './component-variables.scss';
+@import './colors.scss';
+@import './typography.scss';
+@import './background.scss';
+@import './borders.scss';
+@import './font.scss';
+@import './spacing.scss';
+@import './border-radius.scss';
+@import './shadows.scss';
+@import './transitions.scss';
+@import './dark-variables.scss';
+@import './component-variables.scss';

package/src/styles/theme/shadows.scss

@@ -1,3 +1,3 @@
-$xt-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04);        // 小阴影
-$xt-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);       // 中等阴影
+$xt-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04);        // 小阴影
+$xt-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);       // 中等阴影
 $xt-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);       // 大阴影

package/src/styles/theme/spacing.scss

@@ -1,5 +1,5 @@
-$xt-spacing-xs: 4px;                         // 最小间距
-$xt-spacing-sm: 8px;                         // 小间距
-$xt-spacing-md: 12px;                        // 中间距
-$xt-spacing-lg: 16px;                        // 大间距
+$xt-spacing-xs: 4px;                         // 最小间距
+$xt-spacing-sm: 8px;                         // 小间距
+$xt-spacing-md: 12px;                        // 中间距
+$xt-spacing-lg: 16px;                        // 大间距
 $xt-spacing-xl: 20px;                        // 特大间距

package/src/styles/theme/transitions.scss

@@ -1,3 +1,3 @@
-$xt-transition-duration: 0.3s;               // 默认过渡时长
-$xt-transition-duration-fast: 0.2s;          // 快速过渡时长
+$xt-transition-duration: 0.3s;               // 默认过渡时长
+$xt-transition-duration-fast: 0.2s;          // 快速过渡时长
 $xt-transition-ease: ease;                   // 缓动函数

package/src/styles/theme/typography.scss

@@ -1,5 +1,5 @@
-$xt-color-text-primary: #303133;             // 主要文字颜色 - 最深
-$xt-color-text-regular: #606266;             // 常规文字颜色 - 中等
-$xt-color-text-secondary: #909399;           // 次要文字颜色 - 较浅
-$xt-color-text-placeholder: #C0C4CC;         // 占位符文字颜色
+$xt-color-text-primary: #303133;             // 主要文字颜色 - 最深
+$xt-color-text-regular: #606266;             // 常规文字颜色 - 中等
+$xt-color-text-secondary: #909399;           // 次要文字颜色 - 较浅
+$xt-color-text-placeholder: #C0C4CC;         // 占位符文字颜色
 $xt-color-text-disabled: #C0C4CC;            // 禁用状态文字颜色