oxy-uni-ui 2.1.1 → 2.1.3

package/components/common/AbortablePromise.ts

@@ -1,3 +1,7 @@
+/**
+ * 可中断 Promise 类，通过保存 reject 引用实现 abort 能力
+ * 用于需要手动取消异步操作的场景（如上传任务）
+ */
 export class AbortablePromise<T> {
   promise: Promise<T>
   private _reject: ((res?: any) => void) | null = null

package/components/common/abstracts/variable.scss

@@ -205,12 +205,12 @@ $-button-small-padding: var(--oxy-button-small-padding, 0 24rpx) !default; //
 $-button-small-fs: var(--oxy-button-small-fs, $-fs-secondary) !default; // 小型按钮字号
 $-button-small-radius: var(--oxy-button-small-radius, $-radius-xs) !default; // 小型按钮圆角大小
 $-button-small-loading: var(--oxy-button-small-loading, $-fs-content) !default; // 小型按钮loading图标大小
-$-button-medium-height: var(--oxy-button-medium-height, 72rpx) !default; // 中型按钮高度
-$-button-medium-padding: var(--oxy-button-medium-padding, 0 32rpx) !default; // 中型按钮padding
-$-button-medium-fs: var(--oxy-button-medium-fs, $-fs-content) !default; // 中型按钮字号
-$-button-medium-radius: var(--oxy-button-medium-radius, $-radius-sm) !default; // 中型按钮圆角大小
-$-button-medium-loading: var(--oxy-button-medium-loading, 40rpx) !default; // 中型按钮loading图标大小
-$-button-medium-box-shadow-size: var(--oxy-button-medium-box-shadow-size, 0 6rpx 10rpx 0) !default; // 中尺寸阴影尺寸
+$-button-default-height: var(--oxy-button-default-height, var(--oxy-button-medium-height, 72rpx)) !default; // 默认尺寸按钮高度
+$-button-default-padding: var(--oxy-button-default-padding, var(--oxy-button-medium-padding, 0 32rpx)) !default; // 默认尺寸按钮padding
+$-button-default-fs: var(--oxy-button-default-fs, var(--oxy-button-medium-fs, $-fs-content)) !default; // 默认尺寸按钮字号
+$-button-default-radius: var(--oxy-button-default-radius, var(--oxy-button-medium-radius, $-radius-sm)) !default; // 默认尺寸按钮圆角大小
+$-button-default-loading: var(--oxy-button-default-loading, var(--oxy-button-medium-loading, 40rpx)) !default; // 默认尺寸按钮loading图标大小
+$-button-default-box-shadow-size: var(--oxy-button-default-box-shadow-size, var(--oxy-button-medium-box-shadow-size, 0 6rpx 10rpx 0)) !default; // 默认尺寸阴影尺寸
 $-button-large-height: var(--oxy-button-large-height, 88rpx) !default; // 大型按钮高度
 $-button-large-padding: var(--oxy-button-large-padding, 0 72rpx) !default; // 大型按钮padding
 $-button-large-fs: var(--oxy-button-large-fs, $-fs-title) !default; // 大型按钮字号
@@ -240,19 +240,19 @@ $-button-text-hover-opacity: var(--oxy-button-text-hover-opacity, 0.7) !default;
 $-button-round-radius: var(--oxy-button-round-radius, $-radius-pill) !default; // 圆角按钮半径
 
 /* cell */
-$-cell-padding: var(--oxy-cell-padding, $-size-side-padding) !default; // cell 左右padding距离
+$-cell-padding: var(--oxy-cell-padding, $-spacing-24) !default; // cell 左右padding距离
 $-cell-line-height: var(--oxy-cell-line-height, 64rpx) !default; // 行高
 
 $-cell-group-title-fs: var(--oxy-cell-group-title-fs, $-fs-title) !default; // 组标题字号
-$-cell-group-padding: var(--oxy-cell-group-padding, 36rpx $-cell-padding) !default; // 组padding
+$-cell-group-padding: var(--oxy-cell-group-padding, $-spacing-24 $-cell-padding) !default; // 组padding
 $-cell-group-title-color: var(--oxy-cell-group-title-color, rgba(0, 0, 0, 0.85)) !default; // 组标题文字颜色
 $-cell-group-value-fs: var(--oxy-cell-group-value-fs, $-fs-content) !default; // 组值字号
 $-cell-group-value-color: var(--oxy-cell-group-value-color, $-color-content) !default; // 组值文字颜色
 
-$-cell-wrapper-padding: var(--oxy-cell-wrapper-padding, 24rpx) !default; // cell 容器padding
-$-cell-wrapper-padding-large: var(--oxy-cell-wrapper-padding-large, 28rpx) !default; // large类型cell容器padding
+$-cell-wrapper-padding: var(--oxy-cell-wrapper-padding, 20rpx) !default; // cell 容器padding
+$-cell-wrapper-padding-large: var(--oxy-cell-wrapper-padding-large, 24rpx) !default; // large类型cell容器padding
 
-$-cell-wrapper-padding-with-label: var(--oxy-cell-wrapper-padding-with-label, 36rpx) !default; // cell 容器上下padding（有label情况下）
+$-cell-wrapper-padding-with-label: var(--oxy-cell-wrapper-padding-with-label, 32rpx) !default; // cell 容器上下padding（有label情况下）
 $-cell-icon-right: var(--oxy-cell-icon-right, 8rpx) !default; // 图标距离右边缘
 $-cell-icon-size: var(--oxy-cell-icon-size, $-fs-title) !default; // 图标大小
 $-cell-title-fs: var(--oxy-cell-title-fs, $-fs-content) !default; // 标题字号
@@ -299,6 +299,14 @@ $-calendar-item-margin-bottom: var(--oxy-calendar-item-margin-bottom, 8rpx) !def
 $-calendar-panel-shadow-light: var(--oxy-calendar-panel-shadow-light, $-shadow-md) !default;
 $-calendar-panel-shadow-dark: var(--oxy-calendar-panel-shadow-dark, 0 8rpx 16rpx 0 rgba(255, 255, 255, 0.02)) !default;
 $-calendar-panel-shadow-reverse-light: var(--oxy-calendar-panel-shadow-reverse-light, 0 -8rpx 16rpx 0 rgba(0, 0, 0, 0.02)) !default;
+$-calendar-title-color: var(--oxy-calendar-title-color, rgba(0, 0, 0, 0.85)) !default; // 标题颜色
+$-calendar-title-height: var(--oxy-calendar-title-height, 128rpx) !default; // 标题高度
+$-calendar-title-fs: var(--oxy-calendar-title-fs, $-fs-title) !default; // 标题字号
+$-calendar-title-fw: var(--oxy-calendar-title-fw, $-fw-medium) !default; // 标题字重
+$-calendar-close-top: var(--oxy-calendar-close-top, 50rpx) !default; // 关闭按钮距离标题顶部距离
+$-calendar-close-right: var(--oxy-calendar-close-right, 30rpx) !default; // 关闭按钮距离右侧距离
+$-calendar-close-color: var(--oxy-calendar-close-color, rgba(0, 0, 0, 0.65)) !default; // 关闭按钮颜色
+$-calendar-close-fs: var(--oxy-calendar-close-fs, $-fs-title) !default; // 关闭按钮字号
 
 
 /* checkbox */
@@ -339,6 +347,7 @@ $-collapse-title-color: var(--oxy-collapse-title-color, rgba(0, 0, 0, 0.85)) !de
 $-collapse-title-fs: var(--oxy-collapse-title-fs, $-fs-title) !default; // 标题字号
 $-collapse-arrow-size: var(--oxy-collapse-arrow-size, 36rpx) !default; // 箭头大小
 $-collapse-arrow-color: var(--oxy-collapse-arrow-color, #d8d8d8) !default; // 箭头颜色
+$-collapse-arrow-margin: var(--oxy-collapse-arrow-margin, 8rpx) !default; // 箭头右间距
 $-collapse-body-fs: var(--oxy-collapse-body-fs, $-fs-content) !default; // 内容字号
 $-collapse-body-color: var(--oxy-collapse-body-color, rgba(0, 0, 0, 0.65)) !default; // 内容颜色
 $-collapse-disabled-color: var(--oxy-collapse-disabled-color, rgba(0, 0, 0, 0.15)) !default; // 禁用颜色
@@ -396,7 +405,7 @@ $-input-number-icon-size: var(--oxy-input-number-icon-size, 24rpx) !default; //
 $-input-number-icon-color: var(--oxy-input-number-icon-color, $-color-secondary) !default; // icon颜色
 
 /* input */
-$-input-padding: var(--oxy-input-padding, $-size-side-padding) !default; // input 左右padding距离
+$-input-padding: var(--oxy-input-padding, $-cell-padding) !default; // input 左右padding距离
 $-input-border-color: var(--oxy-input-border-color, $-color-border-light) !default; // 无label边框颜色
 $-input-not-empty-border-color: var(--oxy-input-not-empty-border-color, $-color-border) !default; // 输入框有值时 无label边框颜色
 $-input-fs: var(--oxy-input-fs, $-cell-title-fs) !default; // 字号
@@ -414,8 +423,8 @@ $-input-bg: var(--oxy-input-bg, $-color-white) !default; // 默认背景颜色
 
 $-input-cell-bg: var(--oxy-input-cell-bg, $-color-white) !default; // cell 类型背景色
 $-input-cell-border-color: var(--oxy-input-cell-border-color, $-color-border-light) !default; // cell 类型边框颜色
-$-input-cell-padding: var(--oxy-input-cell-padding, 28rpx) !default; // cell 容器padding
-$-input-cell-padding-large: var(--oxy-input-cell-padding-large, 32rpx) !default; // large类型cell容器padding
+$-input-cell-padding: var(--oxy-input-cell-padding, $-cell-wrapper-padding) !default; // cell 容器padding
+$-input-cell-padding-large: var(--oxy-input-cell-padding-large, $-cell-wrapper-padding-large) !default; // large类型cell容器padding
 $-input-cell-height: var(--oxy-input-cell-height, 64rpx) !default; // cell 高度
 $-input-cell-label-width: var(--oxy-input-cell-label-width, 33%) !default; // cell 下 label 的宽度
 $-input-inner-height: var(--oxy-input-inner-height, 84rpx) !default; // 非cell和textarea下的高度
@@ -426,7 +435,7 @@ $-input-icon-size: var(--oxy-input-icon-size, 32rpx) !default; // 图标大小
 $-input-icon-size-large: var(--oxy-input-icon-size-large, 36rpx) !default; // 大尺寸图标大小
 
 /* textarea */
-$-textarea-padding: var(--oxy-textarea-padding, 24rpx) !default; // textarea 左右padding距离
+$-textarea-padding: var(--oxy-textarea-padding, $-cell-padding) !default; // textarea 左右padding距离
 $-textarea-border-color: var(--oxy-textarea-border-color, $-color-border-light) !default; // 无label边框颜色
 $-textarea-not-empty-border-color: var(--oxy-textarea-not-empty-border-color, $-color-border) !default; // 输入框有值时 无label边框颜色
 $-textarea-fs: var(--oxy-textarea-fs, $-cell-title-fs) !default; // 字号
@@ -436,11 +445,11 @@ $-textarea-color: var(--oxy-textarea-color, $-color-content) !default; // 文字
 $-textarea-icon-color: var(--oxy-textarea-icon-color, $-color-tip) !default; // 图标颜色
 $-textarea-clear-color: var(--oxy-textarea-clear-color, $-color-secondary) !default; // 关闭按钮颜色
 $-textarea-count-color: var(--oxy-textarea-count-color, $-color-tip) !default; // 计数文字颜色
-$-textarea-count-current-color: var(--oxy-textarea-count-current-color, $-color-theme) !default; // 当前长度颜色
+$-textarea-count-current-color: var(--oxy-textarea-count-current-color, $-color-content) !default; // 当前长度颜色
 $-textarea-bg: var(--oxy-textarea-bg, $-color-white) !default; // 默认背景颜色
 $-textarea-cell-border-color: var(--oxy-textarea-cell-border-color, $-color-border-light) !default; // cell 类型边框颜色
-$-textarea-cell-padding: var(--oxy-textarea-cell-padding, 24rpx) !default; // cell 容器padding
-$-textarea-cell-padding-large: var(--oxy-textarea-cell-padding-large, 28rpx) !default; // large类型cell容器padding
+$-textarea-cell-padding: var(--oxy-textarea-cell-padding, $-cell-wrapper-padding) !default; // cell 容器padding
+$-textarea-cell-padding-large: var(--oxy-textarea-cell-padding-large, $-cell-wrapper-padding-large) !default; // large类型cell容器padding
 $-textarea-cell-height: var(--oxy-textarea-cell-height, 64rpx) !default; // cell 高度
 $-textarea-count-fs: var(--oxy-textarea-count-fs, $-fs-content) !default; // 计数字号
 $-textarea-count-fs-large: var(--oxy-textarea-count-fs-large, $-fs-content) !default; // 大尺寸计数字号
@@ -454,28 +463,61 @@ $-loadmore-fs: var(--oxy-loadmore-fs, $-fs-content) !default; // 字号
 $-loadmore-error-color: var(--oxy-loadmore-error-color, $-color-theme) !default; // 点击重试颜色
 $-loadmore-refresh-fs: var(--oxy-loadmore-refresh-fs, $-fs-title) !default; // refresh图标字号
 $-loadmore-loading-size: var(--oxy-loadmore-loading-size, $-fs-title) !default; // loading尺寸
+$-loadmore-text-margin: var(--oxy-loadmore-text-margin, 0 12rpx) !default; // 文字间距
 
 /* message-box */
 $-message-box-bg: var(--oxy-message-box-bg, $-color-white) !default; // 默认背景颜色
 $-message-box-radius: var(--oxy-message-box-radius, $-radius-2xl) !default; // 圆角大小
-$-message-box-padding: var(--oxy-message-box-padding, 56rpx 48rpx 0) !default; // 主体内容padding
+$-message-box-padding: var(--oxy-message-box-padding, $-spacing-48 $-spacing-48 0) !default; // 主体内容padding
+$-message-box-body-spacing: var(--oxy-message-box-body-spacing, $-spacing-24) !default; // 标题和内容区域间距
+$-message-box-body-spacing-large: var(--oxy-message-box-body-spacing-large, $-spacing-40) !default; // 头图和主体间距
 $-message-box-title-fs: var(--oxy-message-box-title-fs, $-fs-title) !default; // 标题字号
 $-message-box-title-color: var(--oxy-message-box-title-color, rgba(0, 0, 0, 0.85)) !default; // 标题颜色
+$-message-box-title-line-height: var(--oxy-message-box-title-line-height, $-lh-base) !default; // 标题行高
+$-message-box-title-fw: var(--oxy-message-box-title-fw, $-fw-medium) !default; // 标题字重
 $-message-box-content-fs: var(--oxy-message-box-content-fs, $-fs-content) !default; // 内容字号
 $-message-box-content-color: var(--oxy-message-box-content-color, #666666) !default; // 内容颜色
+$-message-box-content-line-height: var(--oxy-message-box-content-line-height, $-lh-base) !default; // 内容行高
 $-message-box-content-max-height: var(--oxy-message-box-content-max-height, 528rpx) !default; // 内容最大高度
 $-message-box-content-scrollbar-width: var(--oxy-message-box-content-scrollbar-width, 8rpx) !default; // 内容滚动条宽度
 $-message-box-content-scrollbar-color: var(--oxy-message-box-content-scrollbar-color, rgba(0, 0, 0, 0.1)) !default; // 内容滚动条颜色
+$-message-box-input-fs: var(--oxy-message-box-input-fs, $-fs-aid) !default; // 校验提示字号
+$-message-box-input-line-height: var(--oxy-message-box-input-line-height, $-lh-xs) !default; // 校验提示行高
+$-message-box-input-padding-top: var(--oxy-message-box-input-padding-top, $-spacing-12) !default; // 输入区顶部间距
 $-message-box-input-error-color: var(--oxy-message-box-input-error-color, $-input-error-color) !default; // 输入框错误颜色
+$-message-box-icon-size: var(--oxy-message-box-icon-size, 96rpx) !default; // 顶部图标大小
+$-message-box-icon-margin-bottom: var(--oxy-message-box-icon-margin-bottom, $-spacing-20) !default; // 图标与标题间距
+$-message-box-icon-color: var(--oxy-message-box-icon-color, $-color-theme) !default; // 默认图标颜色
+$-message-box-icon-success-color: var(--oxy-message-box-icon-success-color, $-color-success) !default; // 成功图标颜色
+$-message-box-icon-info-color: var(--oxy-message-box-icon-info-color, $-color-theme) !default; // 信息图标颜色
+$-message-box-icon-warning-color: var(--oxy-message-box-icon-warning-color, $-color-warning) !default; // 警告图标颜色
+$-message-box-icon-danger-color: var(--oxy-message-box-icon-danger-color, $-color-danger) !default; // 危险图标颜色
+$-message-box-img-radius: var(--oxy-message-box-img-radius, $-radius-lg) !default; // 头图圆角
+$-message-box-actions-padding: var(--oxy-message-box-actions-padding, $-spacing-48) !default; // 按钮区域内边距
+$-message-box-actions-padding-vertical: var(--oxy-message-box-actions-padding-vertical, $-spacing-48 $-spacing-32 $-spacing-32) !default; // 垂直布局按钮内边距
+$-message-box-actions-spacing: var(--oxy-message-box-actions-spacing, $-spacing-32) !default; // 按钮横向间距
+$-message-box-actions-spacing-vertical: var(--oxy-message-box-actions-spacing-vertical, $-spacing-16) !default; // 按钮纵向间距
+$-message-box-actions-confirm-fw: var(--oxy-message-box-actions-confirm-fw, $-fw-medium) !default; // 确认按钮字重
+$-message-box-actions-text-padding: var(--oxy-message-box-actions-text-padding, $-spacing-48 0 0) !default; // text风格按钮容器内边距
+$-message-box-actions-text-btn-padding: var(--oxy-message-box-actions-text-btn-padding, $-spacing-20 $-spacing-32) !default; // text风格按钮内边距
+$-message-box-actions-text-border: var(--oxy-message-box-actions-text-border, $-border-width-base solid) !default; // text风格按钮边框
+$-message-box-actions-text-border-color: var(--oxy-message-box-actions-text-border-color, $-color-border-light) !default; // text风格按钮边框颜色
+$-message-box-actions-text-btn-fs: var(--oxy-message-box-actions-text-btn-fs, $-fs-content) !default; // text风格按钮字号
+$-message-box-actions-text-btn-line-height: var(--oxy-message-box-actions-text-btn-line-height, $-lh-base) !default; // text风格按钮行高
+$-message-box-actions-text-confirm-color: var(--oxy-message-box-actions-text-confirm-color, $-color-theme) !default; // text风格确认按钮颜色
+$-message-box-close-top: var(--oxy-message-box-close-top, $-spacing-32) !default; // 关闭按钮顶部间距
+$-message-box-close-right: var(--oxy-message-box-close-right, $-spacing-32) !default; // 关闭按钮右侧间距
+$-message-box-close-size: var(--oxy-message-box-close-size, $-fs-content) !default; // 关闭按钮大小
+$-message-box-close-color: var(--oxy-message-box-close-color, $-color-aid) !default; // 关闭按钮颜色
 
 /* notice-bar */
 $-notice-bar-fs: var(--oxy-notice-bar-fs, $-fs-content) !default; // 字号
 $-notice-bar-line-height: var(--oxy-notice-bar-line-height, 40rpx) !default; // 行高
 $-notice-bar-border-radius: var(--oxy-notice-bar-border-radius, $-radius-lg) !default; // 圆角
-$-notice-bar-padding: var(--oxy-notice-bar-padding, 20rpx 44rpx 20rpx 32rpx) !default; // 非换行下的padding
-$-notice-bar-warning-bg: var(--oxy-notice-bar-warning-bg, #fff6c8) !default; // 背景色
-$-notice-bar-info-bg: var(--oxy-notice-bar-info-bg, #f4f9ff) !default; // 背景色
-$-notice-bar-danger-bg: var(--oxy-notice-bar-danger-bg, #feeced) !default; // 背景色
+$-notice-bar-padding: var(--oxy-notice-bar-padding, $-spacing-20 $-spacing-40 $-spacing-20 $-spacing-32) !default; // 非换行下的padding
+$-notice-bar-warning-bg: var(--oxy-notice-bar-warning-bg, mix(#fff, #f0883a, 90%)) !default; // 背景色（警告），派生自 $-color-warning
+$-notice-bar-info-bg: var(--oxy-notice-bar-info-bg, mix(#fff, #909399, 92%)) !default; // 背景色（信息），派生自 $-color-info
+$-notice-bar-danger-bg: var(--oxy-notice-bar-danger-bg, mix(#fff, #fa4350, 90%)) !default; // 背景色（危险），派生自 $-color-danger
 $-notice-bar-warning-color: var(--oxy-notice-bar-warning-color, $-color-warning) !default; // 文字和图标颜色
 $-notice-bar-info-color: var(--oxy-notice-bar-info-color, $-color-theme) !default; // 文字和图标颜色
 $-notice-bar-danger-color: var(--oxy-notice-bar-danger-color, $-color-danger) !default; // 文字和图标颜色
@@ -487,7 +529,7 @@ $-notice-bar-wrap-padding: var(--oxy-notice-bar-wrap-padding, 32rpx $-size-side-
 
 /* pagination */
 $-pagination-content-padding: var(--oxy-pagination-content-padding, $-spacing-24 $-spacing-32) !default;
-$-pagination-message-padding: var(--oxy-pagination-message-padding, 4rpx 0 36rpx 0) !default;
+$-pagination-message-padding: var(--oxy-pagination-message-padding, $-spacing-4 0 $-spacing-40 0) !default;
 $-pagination-message-fs: var(--oxy-pagination-message-fs, $-fs-content) !default;
 $-pagination-message-color: var(--oxy-pagination-message-color, rgba(0, 0, 0, 0.69)) !default;
 $-pagination-nav-border: var(--oxy-pagination-nav-border, 1px solid rgba(0, 0, 0, 0.45)) !default;
@@ -601,6 +643,7 @@ $-radio-large-label-fs: var(--oxy-radio-large-label-fs, $-checkbox-large-label-f
 $-radio-button-height: var(--oxy-radio-button-height, $-checkbox-button-height) !default; // 按钮模式复选框高
 $-radio-button-min-width: var(--oxy-radio-button-min-width, 120rpx) !default; // 按钮模式最小宽
 $-radio-button-max-width: var(--oxy-radio-button-max-width, 288rpx) !default; // 按钮模式最大宽
+$-radio-button-padding: var(--oxy-radio-button-padding, 16rpx 32rpx) !default; // 按钮模式内边距
 $-radio-button-radius: var(--oxy-radio-button-radius, $-radius-2xl) !default; // 按钮圆角大小
 $-radio-button-bg: var(--oxy-radio-button-bg, $-checkbox-button-bg) !default; // 按钮模式背景颜色
 $-radio-button-fs: var(--oxy-radio-button-fs, $-checkbox-button-font-size) !default; // 按钮模式字号
@@ -620,19 +663,19 @@ $-radio-dot-disabled-bg: var(--oxy-radio-dot-disabled-bg, #d9d9d9) !default; //
 /* search */
 $-search-side-padding: var(--oxy-search-side-padding, $-size-side-padding) !default; // 左右间距
 $-search-padding: var(--oxy-search-padding, 24rpx 0 24rpx $-search-side-padding) !default; // 不包含取消按钮的间距
-$-search-input-radius: var(--oxy-search-input-radius, 30rpx) !default; // 输入框圆角大小
+$-search-input-radius: var(--oxy-search-input-radius, $-radius-2xl) !default; // 输入框圆角大小
 $-search-input-bg: var(--oxy-search-input-bg, $-color-bg) !default; // 输入框背景色
 $-search-input-height: var(--oxy-search-input-height, 68rpx) !default; // 输入框高度
 $-search-input-padding: var(--oxy-search-input-padding, 0 72rpx 0 92rpx) !default; // 输入框间距
 $-search-input-fs: var(--oxy-search-input-fs, $-fs-content) !default; // 输入框字号
-$-search-input-color: var(--oxy-search-input-color, #262626) !default; // 输入框文字颜色
+$-search-input-color: var(--oxy-search-input-color, $-color-content) !default; // 输入框文字颜色
 $-search-icon-color: var(--oxy-search-icon-color, $-color-icon) !default; // 图标颜色
 $-search-icon-size: var(--oxy-search-icon-size, 36rpx) !default; // 图标大小
 $-search-clear-icon-size: var(--oxy-search-clear-icon-size, $-fs-title) !default; // 清除图标大小
-$-search-placeholder-color: var(--oxy-search-placeholder-color, #bfbfbf) !default; // placeholder 颜色
+$-search-placeholder-color: var(--oxy-search-placeholder-color, $-color-tip) !default; // placeholder 颜色
 $-search-cancel-padding: var(--oxy-search-cancel-padding, 0 $-search-side-padding 0 24rpx) !default; // 取消按钮间距
-$-search-cancel-fs: var(--oxy-search-cancel-fs, $-fs-title) !default; // 取消按钮字号
-$-search-cancel-color: var(--oxy-search-cancel-color, rgba(0, 0, 0, 0.65)) !default; // 取消按钮颜色
+$-search-cancel-fs: var(--oxy-search-cancel-fs, $-fs-content) !default; // 取消按钮字号
+$-search-cancel-color: var(--oxy-search-cancel-color, $-color-content) !default; // 取消按钮颜色
 $-search-light-bg: var(--oxy-search-light-bg, $-color-bg) !default; // light 类型的容器背景色
 $-search-bg: var(--oxy-search-bg, $-color-white) !default; // 默认容器背景色
 $-search-light-input-bg: var(--oxy-search-light-input-bg, $-color-white) !default; // light 类型输入框背景色
@@ -652,6 +695,28 @@ $-slider-line-color: var(
   resultColor(315deg, $-color-theme, 'dark' 'light', #517cf0 #769ef5, 0% 100%)
 ) !default; // 进度条颜色
 $-slider-disabled-color: var(--oxy-slider-disabled-color, rgba(0, 0, 0, 0.25)) !default; // 禁用状态下字体颜色
+
+/* slide-verify */
+$-slide-verify-height: var(--oxy-slide-verify-height, 80rpx) !default; // 组件高度
+$-slide-verify-width: var(--oxy-slide-verify-width, 100%) !default; // 组件宽度
+$-slide-verify-bg: var(--oxy-slide-verify-bg, $-color-gray-2) !default; // 组件背景色
+$-slide-verify-radius: var(--oxy-slide-verify-radius, $-radius-lg) !default; // 组件圆角
+$-slide-verify-track-bg: var(--oxy-slide-verify-track-bg, $-color-success) !default; // 激活轨道背景色
+$-slide-verify-disabled-opacity: var(--oxy-slide-verify-disabled-opacity, $-opacity-disabled) !default; // 禁用透明度
+$-slide-verify-text-color: var(--oxy-slide-verify-text-color, $-color-secondary) !default; // 提示文字颜色
+$-slide-verify-text-font-size: var(--oxy-slide-verify-text-font-size, $-fs-content) !default; // 提示文字字号
+$-slide-verify-text-line-height: var(--oxy-slide-verify-text-line-height, $-lh-base) !default; // 提示文字行高
+$-slide-verify-success-text-color: var(--oxy-slide-verify-success-text-color, $-font-white-1) !default; // 成功文字颜色
+$-slide-verify-text-padding-x: var(--oxy-slide-verify-text-padding-x, $-spacing-24) !default; // 文案左右间距
+$-slide-verify-button-bg: var(--oxy-slide-verify-button-bg, $-color-white) !default; // 滑块背景色
+$-slide-verify-button-shadow: var(--oxy-slide-verify-button-shadow, $-shadow-sm) !default; // 滑块阴影
+$-slide-verify-button-color: var(--oxy-slide-verify-button-color, $-color-secondary) !default; // 滑块图标颜色
+$-slide-verify-button-success-color: var(--oxy-slide-verify-button-success-color, $-color-success) !default; // 成功图标颜色
+$-slide-verify-button-size: var(--oxy-slide-verify-button-size, $-slide-verify-height) !default; // 滑块尺寸
+$-slide-verify-button-border-color: var(--oxy-slide-verify-button-border-color, $-color-border-light) !default; // 滑块边框色
+$-slide-verify-button-icon-size: var(--oxy-slide-verify-button-icon-size, $-fs-title) !default; // 滑块图标大小
+$-slide-verify-success-icon-size: var(--oxy-slide-verify-success-icon-size, $-fs-content) !default; // 成功图标大小
+
 $-select-label-color: var(--oxy-select-label-color, $-color-title) !default; // 标题颜色
 $-select-label-gap: var(--oxy-select-label-gap, $-size-side-padding) !default; // 标题右间距
 $-select-fs: var(--oxy-select-fs, $-fs-content) !default; // 字号
@@ -670,6 +735,14 @@ $-select-placeholder-color: var(--oxy-select-placeholder-color, $-color-tip) !de
 $-select-focus-shadow: var(--oxy-select-focus-shadow, 0 0 0 4rpx rgba($-color-theme, 0.1)) !default; // 聚焦态阴影
 $-select-active-bg: var(--oxy-select-active-bg, rgba($-color-theme, 0.05)) !default; // 选项激活态背景色
 $-select-dropdown-shadow: var(--oxy-select-dropdown-shadow, 0 8rpx 24rpx rgba(0, 0, 0, 0.1)) !default; // 下拉面板阴影
+$-select-tag-height: var(--oxy-select-tag-height, 56rpx) !default; // 标签高度
+$-select-tag-line-height: var(--oxy-select-tag-line-height, 52rpx) !default; // 标签行高
+$-select-tag-padding: var(--oxy-select-tag-padding, 0 20rpx) !default; // 标签内边距
+$-select-tag-close-margin: var(--oxy-select-tag-close-margin, 12rpx) !default; // 标签关闭按钮左边距
+$-select-input-height: var(--oxy-select-input-height, 52rpx) !default; // 输入框高度
+$-select-input-line-height: var(--oxy-select-input-line-height, 52rpx) !default; // 输入框行高
+$-select-dropdown-max-height: var(--oxy-select-dropdown-max-height, 400rpx) !default; // 下拉面板最大高度
+$-select-option-min-height: var(--oxy-select-option-min-height, 72rpx) !default; // 选项最小高度
 $-select-dropdown-filter-shadow: var(--oxy-select-dropdown-filter-shadow, drop-shadow(0 4rpx 24rpx rgba(0, 0, 0, 0.03))) !default; // 下拉面板滤镜阴影
 
 /* sort-button */
@@ -677,7 +750,9 @@ $-sort-button-fs: var(--oxy-sort-button-fs, $-fs-content) !default; // 字号
 $-sort-button-color: var(--oxy-sort-button-color, $-color-content) !default; // 颜色
 $-sort-button-height: var(--oxy-sort-button-height, 96rpx) !default; // 高度
 $-sort-button-line-height: var(--oxy-sort-button-line-height, 6rpx) !default; // 下划线高度
+$-sort-button-line-width: var(--oxy-sort-button-line-width, 38rpx) !default; // 下划线宽度
 $-sort-button-line-color: var(--oxy-sort-button-line-color, $-color-theme) !default; // 下划线颜色
+$-sort-button-line-bottom: var(--oxy-sort-button-line-bottom, 12rpx) !default; // 下划线底部距离
 
 /* steps */
 $-steps-icon-size: var(--oxy-steps-icon-size, 44rpx) !default; // 图标尺寸
@@ -737,35 +812,47 @@ $-tabs-nav-pills-border-radius: var(--oxy-tabs-nav-pills-border-radius, $-radius
 $-tabs-nav-pills-color: var(--oxy-tabs-nav-pills-color, $-color-white) !default; // pills文字颜色
 
 /* tag */
-$-tag-fs: var(--oxy-tag-fs, $-fs-content) !default; // 字号
+$-tag-mini-fs: var(--oxy-tag-mini-fs, 20rpx) !default; // 迷你尺寸字号
+$-tag-small-fs: var(--oxy-tag-small-fs, 24rpx) !default; // 小尺寸字号
+$-tag-fs: var(--oxy-tag-fs, 28rpx) !default; // 默认字号
+$-tag-large-fs: var(--oxy-tag-large-fs, 32rpx) !default; // 大尺寸字号
 $-tag-color: var(--oxy-tag-color, $-color-white) !default; // 字体颜色
-$-tag-small-fs: var(--oxy-tag-small-fs, $-fs-secondary) !default; // 小尺寸字号
-$-tag-info-color: var(--oxy-tag-info-color, #585858) !default; // info 颜色
+$-tag-info-color: var(--oxy-tag-info-color, $-color-info) !default; // info 颜色
 $-tag-primary-color: var(--oxy-tag-primary-color, $-color-theme) !default; // 主颜色
 $-tag-danger-color: var(--oxy-tag-danger-color, $-color-danger) !default; // danger 颜色
 $-tag-warning-color: var(--oxy-tag-warning-color, $-color-warning) !default; // warning 颜色
 $-tag-success-color: var(--oxy-tag-success-color, $-color-success) !default; // success 颜色
-$-tag-info-bg: var(--oxy-tag-info-bg, resultColor(49deg, $-color-black, 'dark' 'light', #808080 #999999, 0% 100%)) !default; // info 背景颜色
+$-tag-info-bg: var(--oxy-tag-info-bg, $-color-info) !default; // info 背景颜色
 $-tag-primary-bg: var(--oxy-tag-primary-bg, $-color-theme) !default; // 主背景颜色
 $-tag-danger-bg: var(--oxy-tag-danger-bg, $-color-danger) !default; // danger 背景颜色
 $-tag-warning-bg: var(--oxy-tag-warning-bg, $-color-warning) !default; // warning 背景颜色
 $-tag-success-bg: var(--oxy-tag-success-bg, $-color-success) !default; // success 背景颜色
+$-tag-light-opacity: var(--oxy-tag-light-opacity, 0.15) !default; // 浅色透明度
 $-tag-radius: var(--oxy-tag-radius, $-radius-sm) !default; // 默认圆角大小
-$-tag-round-color: var(--oxy-tag-round-color, rgba(102, 102, 102, 1)) !default; // round 字体颜色
-$-tag-round-border-color: var(--oxy-tag-round-border-color, rgba(225, 225, 225, 1)) !default; // round 边框颜色
+$-tag-mini-radius: var(--oxy-tag-mini-radius, $-radius-sm) !default; // mini 默认圆角
+$-tag-small-radius: var(--oxy-tag-small-radius, $-radius-md) !default; // small 默认圆角
+$-tag-large-radius: var(--oxy-tag-large-radius, $-radius-lg) !default; // large 默认圆角
+$-tag-round-color: var(--oxy-tag-round-color, $-color-secondary) !default; // round 字体颜色
+$-tag-round-border-color: var(--oxy-tag-round-border-color, $-color-border-light) !default; // round 边框颜色
 $-tag-round-radius: var(--oxy-tag-round-radius, $-radius-2xl) !default; // round 圆角大小
+$-tag-round-mini-radius: var(--oxy-tag-round-mini-radius, $-radius-pill) !default; // mini round 圆角
+$-tag-round-small-radius: var(--oxy-tag-round-small-radius, $-radius-pill) !default; // small round 圆角
+$-tag-round-large-radius: var(--oxy-tag-round-large-radius, $-radius-pill) !default; // large round 圆角
 $-tag-mark-radius: var(--oxy-tag-mark-radius, $-radius-md $-radius-xs) !default; // mark 圆角大小
+$-tag-mark-mini-radius: var(--oxy-tag-mark-mini-radius, $-radius-md $-radius-xs) !default; // mini mark 圆角
+$-tag-mark-small-radius: var(--oxy-tag-mark-small-radius, $-radius-lg $-radius-sm) !default; // small mark 圆角
+$-tag-mark-large-radius: var(--oxy-tag-mark-large-radius, $-radius-xl $-radius-md) !default; // large mark 圆角
 $-tag-close-size: var(--oxy-tag-close-size, $-tag-small-fs) !default; // 关闭按钮字号
 $-tag-close-color: var(--oxy-tag-close-color, currentColor) !default; // 关闭按钮颜色
 $-tag-close-active-color: var(--oxy-tag-close-active-color, rgba(0, 0, 0, 0.45)) !default; // 关闭按钮 active 颜色
 
 /* corner */
 $-corner-radius: var(--oxy-corner-radius, $-radius-xl) !default; // 圆角大小
-$-corner-font-size: var(--oxy-corner-fs, $-fs-content) !default; // 字号
+$-corner-font-size: var(--oxy-corner-fs, $-fs-secondary) !default; // 字号
 $-corner-font-weight: var(--oxy-corner-font-weight, 400) !default; // 字重
 $-corner-color: var(--oxy-corner-color, $-color-white) !default; // 字体颜色
 $-corner-primary-color: var(--oxy-corner-primary-color, $-color-theme) !default; // 主颜色
-$-corner-info-color: var(--oxy-corner-info-color, #7e8fae) !default; // info 颜色
+$-corner-info-color: var(--oxy-corner-info-color, $-color-info) !default; // info 颜色
 $-corner-success-color: var(--oxy-corner-success-color, $-color-success) !default; // success 颜色
 $-corner-warning-color: var(--oxy-corner-warning-color, $-color-warning) !default; // warning 颜色
 $-corner-danger-color: var(--oxy-corner-danger-color, $-color-danger) !default; // danger 颜色
@@ -774,14 +861,14 @@ $-corner-info-bg: var(--oxy-corner-info-bg, resultColor(90deg, $-color-info, 'da
 $-corner-success-bg: var(--oxy-corner-success-bg, resultColor(90deg, $-color-success, 'dark' 'light', #19be6b #84e3ab, 0% 100%)) !default; // success 背景颜色
 $-corner-warning-bg: var(--oxy-corner-warning-bg, resultColor(90deg, $-color-warning, 'dark' 'light', #ff8124 #ffb48f, 0% 100%)) !default; // warning 背景颜色
 $-corner-danger-bg: var(--oxy-corner-danger-bg, resultColor(90deg, $-color-danger, 'dark' 'light', #fa4350 #fea1a8, 0% 100%)) !default; // danger 背景颜色
-$-corner-horizontal-font-size: var(--oxy-corner-horizontal-font-size, $-fs-content) !default; // 水平标签字号
+$-corner-horizontal-font-size: var(--oxy-corner-horizontal-font-size, $-fs-secondary) !default; // 水平标签字号
 $-corner-horizontal-font-weight: var(--oxy-corner-horizontal-font-weight, $-fw-semibold) !default; // 水平标签字重
 $-corner-horizontal-primary-bg: var(--oxy-corner-horizontal-primary-bg, resultColor(90deg, $-color-theme, 'light' 'dark', #ffffff #cceaff, 0% 100%)) !default; // 水平标签主背景颜色
 $-corner-horizontal-info-bg: var(--oxy-corner-horizontal-info-bg, resultColor(90deg, $-color-info, 'light' 'dark', #ffffff #adb6c6, 0% 100%)) !default; // 水平标签info背景颜色
 $-corner-horizontal-success-bg: var(--oxy-corner-horizontal-success-bg, resultColor(90deg, $-color-success, 'light' 'dark', #ffffff #b2ebcf, 0% 100%)) !default; // 水平标签success背景颜色
 $-corner-horizontal-warning-bg: var(--oxy-corner-horizontal-warning-bg, resultColor(90deg, $-color-warning, 'light' 'dark', #ffffff #fcedd6, 0% 100%)) !default; // 水平标签warning背景颜色
 $-corner-horizontal-danger-bg: var(--oxy-corner-horizontal-danger-bg, resultColor(90deg, $-color-danger, 'light' 'dark', #ffffff #ffd5d8, 0% 100%)) !default; // 水平标签danger背景颜色
-$-corner-embedded-font-size: var(--oxy-corner-embedded-font-size, $-fs-content) !default; // 内嵌标签字号
+$-corner-embedded-font-size: var(--oxy-corner-embedded-font-size, $-fs-secondary) !default; // 内嵌标签字号
 $-corner-embedded-font-weight: var(--oxy-corner-embedded-font-weight, 400) !default; // 内嵌标签字重
 $-corner-embedded-primary-bg: var(--oxy-corner-embedded-primary-bg, #cceaff) !default; // 内嵌标签主背景颜色
 $-corner-embedded-info-bg: var(--oxy-corner-embedded-info-bg, #eef4fc) !default; // 内嵌标签info背景颜色
@@ -791,18 +878,18 @@ $-corner-embedded-danger-bg: var(--oxy-corner-embedded-danger-bg, #ffd5d8) !defa
 
 /* toast */
 $-toast-color: var(--oxy-toast-color, $-color-white) !default; // 文字颜色
-$-toast-padding: var(--oxy-toast-padding, 40rpx 52rpx) !default; // padding
+$-toast-padding: var(--oxy-toast-padding, 32rpx 40rpx) !default; // padding
 $-toast-max-width: var(--oxy-toast-max-width, 600rpx) !default; // 最大宽度
 $-toast-radius: var(--oxy-toast-radius, $-radius-lg) !default; // 圆角大小
-$-toast-bg: var(--oxy-toast-bg, $-overlay-bg) !default; // 背景色
+$-toast-bg: var(--oxy-toast-bg, rgb(75, 76, 77)) !default; // 背景色
 $-toast-fs: var(--oxy-toast-fs, $-fs-content) !default; // 字号
 $-toast-line-height: var(--oxy-toast-line-height, 44rpx) !default; // 行高
 $-toast-with-icon-min-width: var(--oxy-toast-with-icon-min-width, 300rpx) !default; // 有图标的情况下最小宽度
 $-toast-icon-size: var(--oxy-toast-icon-size, 64rpx) !default; // 图标大小
-$-toast-icon-margin-right: var(--oxy-toast-icon-margin-right, 24rpx) !default; // 图标右边距
-$-toast-icon-margin-bottom: var(--oxy-toast-icon-margin-bottom, 24rpx) !default; // 图标下边距
-$-toast-loading-padding: var(--oxy-toast-loading-padding, 24rpx) !default; // loading状态下的padding
-$-toast-loading-margin-bottom: var(--oxy-toast-loading-margin-bottom, 32rpx) !default; // loading动画的margin-bottom
+$-toast-icon-margin-right: var(--oxy-toast-icon-margin-right, 16rpx) !default; // 图标右边距
+$-toast-icon-margin-bottom: var(--oxy-toast-icon-margin-bottom, 16rpx) !default; // 图标下边距
+$-toast-loading-padding: var(--oxy-toast-loading-padding, 20rpx) !default; // loading状态下的padding
+$-toast-loading-margin-bottom: var(--oxy-toast-loading-margin-bottom, 24rpx) !default; // loading动画的margin-bottom
 $-toast-box-shadow: var(--oxy-toast-box-shadow, 0 12rpx 32rpx 0 rgba(0, 0, 0, 0.08)) !default; // 外部阴影
 
 /* loading */
@@ -849,12 +936,13 @@ $-statustip-fs: var(--oxy-statustip-fs, $-fs-content) !default; // 字号
 $-statustip-color: var(--oxy-statustip-color, rgba(0, 0, 0, 0.45)) !default; // 文字颜色
 $-statustip-line-height: var(--oxy-statustip-line-height, 36rpx) !default; // 文字行高
 $-statustip-padding: var(--oxy-statustip-padding, $-spacing-12 $-spacing-20) !default; // 间距
+$-statustip-image-size: var(--oxy-statustip-image-size, 320rpx) !default; // 图片尺寸
 
 /* card */
 $-card-bg: var(--oxy-card-bg, $-color-white) !default; // 背景色
 $-card-fs: var(--oxy-card-fs, $-fs-content) !default; // 卡片字号
 $-card-padding: var(--oxy-card-padding, 0 $-size-side-padding) !default; // 内边距
-$-card-footer-padding: var(--oxy-card-footer-padding, 28rpx 0 36rpx) !default; // 底部内边距
+$-card-footer-padding: var(--oxy-card-footer-padding, $-spacing-24 0 $-spacing-40) !default; // 底部内边距
 $-card-shadow-color: var(--oxy-card-shadow-color, $-shadow-md) !default; // 阴影
 $-card-radius: var(--oxy-card-radius, $-radius-lg) !default; // 圆角大小
 $-card-line-height: var(--oxy-card-line-height, 1.1) !default; // 行高
@@ -862,13 +950,13 @@ $-card-margin: var(--oxy-card-margin, 0 $-size-side-padding) !default; // 外边
 $-card-title-color: var(--oxy-card-title-color, rgba(0, 0, 0, 0.85)) !default; // 标题颜色
 $-card-title-fs: var(--oxy-card-title-fs, $-fs-title) !default; //  矩形卡片标题字号
 $-card-content-border-color: var(--oxy-card-content-border-color, rgba(0, 0, 0, 0.09)) !default; // 内容边框
-$-card-rectangle-title-padding: var(--oxy-card-rectangle-title-padding, 36rpx 36rpx 28rpx) !default; // 矩形卡片头部内边距
-$-card-rectangle-content-padding: var(--oxy-card-rectangle-content-padding, 36rpx 0) !default; // 矩形卡片内容内边距
-$-card-rectangle-footer-padding: var(--oxy-card-rectangle-footer-padding, 28rpx 0) !default; // 矩形卡片底部内边距
+$-card-rectangle-title-padding: var(--oxy-card-rectangle-title-padding, $-spacing-40 $-spacing-40 $-spacing-24) !default; // 矩形卡片头部内边距
+$-card-rectangle-content-padding: var(--oxy-card-rectangle-content-padding, $-spacing-40 0) !default; // 矩形卡片内容内边距
+$-card-rectangle-footer-padding: var(--oxy-card-rectangle-footer-padding, $-spacing-24 0) !default; // 矩形卡片底部内边距
 $-card-content-color: var(--oxy-card-content-color, rgba(0, 0, 0, 0.45)) !default; // 文本内容颜色
 $-card-content-line-height: var(--oxy-card-content-line-height, 1.428) !default; // 文本内容行高
-$-card-content-margin: var(--oxy-card-content-margin, 32rpx 0 28rpx) !default; // 内容外边距
-$-card-content-rectangle-margin: var(--oxy-card-content-rectangle-margin, 32rpx 0 28rpx) !default; // 矩形卡片内容外边距
+$-card-content-margin: var(--oxy-card-content-margin, $-spacing-32 0 $-spacing-24) !default; // 内容外边距
+$-card-content-rectangle-margin: var(--oxy-card-content-rectangle-margin, $-spacing-32 0 $-spacing-24) !default; // 矩形卡片内容外边距
 
 /* upload */
 $-upload-size: var(--oxy-upload-size, 160rpx) !default; // upload的外边框默认尺寸
@@ -886,6 +974,7 @@ $-upload-preview-icon-size: var(--oxy-upload-preview-icon-size, 48rpx) !default;
 $-upload-preview-name-bg: var(--oxy-upload-preview-name-bg, rgba(0, 0, 0, 0.6)) !default; // 预览文件名背景色
 $-upload-preview-name-height: var(--oxy-upload-preview-name-height, 44rpx) !default; // 预览文件名背景高度
 $-upload-cover-icon-size: var(--oxy-upload-cover-icon-size, 44rpx) !default; // 视频/文件图标尺寸
+$-upload-item-margin-bottom: var(--oxy-upload-item-margin-bottom, 28rpx) !default; // 上传项底部间距
 $-upload-video-play-bg: var(--oxy-upload-video-play-bg, rgba(0, 0, 0, 0.5)) !default; // 视频播放按钮背景色
 $-upload-file-radius: var(--oxy-upload-file-radius, $-radius-lg) !default; // 文件卡片圆角
 
@@ -901,9 +990,13 @@ $-file-list-action-icon-size: var(--oxy-file-list-action-icon-size, 36rpx) !defa
 $-file-list-action-icon-color: var(--oxy-file-list-action-icon-color, $-font-gray-4) !default; // 下载/删除图标颜色
 
 /* curtain */
-$-curtain-content-radius: var(--oxy-curtain-content-radius, 48rpx) !default; // 内容圆角
+$-curtain-content-radius: var(--oxy-curtain-content-radius, $-radius-3xl) !default; // 内容圆角
 $-curtain-content-close-color: var(--oxy-curtain-content-close-color, $-color-white) !default; // 关闭按钮颜色
 $-curtain-content-close-fs: var(--oxy-curtain-content-close-fs, $-fs-big) !default; // 关闭按钮大小
+$-curtain-content-close-padding: var(--oxy-curtain-content-close-padding, $-spacing-12) !default; // 关闭按钮内边距
+$-curtain-content-close-top: var(--oxy-curtain-content-close-top, $-spacing-20) !default; // 关闭按钮顶部距离
+$-curtain-content-close-right: var(--oxy-curtain-content-close-right, $-spacing-20) !default; // 关闭按钮右侧距离
+$-curtain-content-close-offset: var(--oxy-curtain-content-close-offset, 124rpx) !default; // 关闭按钮外部偏移
 
 /* notify */
 $-notify-text-color: var(--oxy-notify-text-color, $-color-white) !default;
@@ -1091,22 +1184,22 @@ $-keyboard-panel-radius: var(--oxy-keyboard-panel-radius, $-radius-3xl) !default
 $-keyboard-car-key-font-size: var(--oxy-keyboard-car-key-font-size, 36rpx) !default; // 车牌键盘字号
 
 /* passwod-input */
-$-password-input-height: var(--oxy-password-input-height, 100rpx);
-$-password-input-margin: var(--oxy-password-input-margin, 32rpx);
+$-password-input-height: var(--oxy-password-input-height, 100rpx) !default;
+$-password-input-margin: var(--oxy-password-input-margin, 32rpx) !default;
 $-password-input-font-size: var(--oxy-password-input-font-size, 40rpx) !default;
-$-password-input-radius: var(--oxy-password-input-radius, $-radius-md);
-$-password-input-background: var(--oxy-password-input-background, #fff);
-$-password-input-info-color: var(--oxy-password-input-info-color, $-color-info);
-$-password-input-info-font-size: var(--oxy-password-input-info-font-size, $-fs-content);
-$-password-input-border-color: var(--oxy-password-border-color, #ebedf0);
-$-password-input-error-info-color: var(--oxy-password-input-error-info-color, $-color-danger);
-$-password-input-dot-size: var(--oxy-password-input-dot-size, 20rpx);
-$-password-input-dot-color: var(--oxy-password-input-dot-color, $-color-gray-8);
-$-password-input-text-color: var(--oxy-password-input-text-color, $-color-gray-8);
-$-password-input-cursor-color: var(--oxy-password-input-cursor-color, $-color-gray-8);
-$-password-input-cursor-width: var(--oxy-password-input-cursor-width, $-border-width-base);
-$-password-input-cursor-height: var(--oxy-password-input-cursor-height, 40%);
-$-password-input-cursor-duration: var(--oxy-password-input-cursor-duration, 1s);
+$-password-input-radius: var(--oxy-password-input-radius, $-radius-md) !default;
+$-password-input-background: var(--oxy-password-input-background, $-color-white) !default;
+$-password-input-info-color: var(--oxy-password-input-info-color, $-color-info) !default;
+$-password-input-info-font-size: var(--oxy-password-input-info-font-size, $-fs-content) !default;
+$-password-input-border-color: var(--oxy-password-border-color, $-color-gray-3) !default;
+$-password-input-error-info-color: var(--oxy-password-input-error-info-color, $-color-danger) !default;
+$-password-input-dot-size: var(--oxy-password-input-dot-size, 20rpx) !default;
+$-password-input-dot-color: var(--oxy-password-input-dot-color, $-color-gray-8) !default;
+$-password-input-text-color: var(--oxy-password-input-text-color, $-color-gray-8) !default;
+$-password-input-cursor-color: var(--oxy-password-input-cursor-color, $-color-gray-8) !default;
+$-password-input-cursor-width: var(--oxy-password-input-cursor-width, $-border-width-base) !default;
+$-password-input-cursor-height: var(--oxy-password-input-cursor-height, 40%) !default;
+$-password-input-cursor-duration: var(--oxy-password-input-cursor-duration, 1s) !default;
 
 /* form-item */
 $-form-item-error-message-color: var(--oxy-form-item-error-message-color, $-color-danger) !default;
@@ -1114,6 +1207,7 @@ $-form-item-error-message-font-size: var(--oxy-form-item-error-message-font-size
 $-form-item-error-message-line-height: var(--oxy-form-item-error-message-line-height, 48rpx) !default;
 
 /* backtop */
+$-backtop-size: var(--oxy-backtop-size, 80rpx) !default;
 $-backtop-bg: var(--oxy-backtop-bg, #e1e1e1) !default;
 $-backtop-icon-size: var(--oxy-backtop-icon-size, 40rpx) !default;
 $-backtop-square-radius: var(--oxy-backtop-square-radius, $-radius-sm) !default;
@@ -1135,13 +1229,29 @@ $-link-error-color: var(--oxy-link-error-color, $-color-danger) !default;
 $-link-warning-color: var(--oxy-link-warning-color, $-color-warning) !default;
 $-link-success-color: var(--oxy-link-success-color, $-color-success) !default;
 $-link-font-size-small: var(--oxy-link-font-size-small, $-fs-content) !default;
-$-link-font-size-medium: var(--oxy-link-font-size-medium, $-fs-title) !default;
+$-link-font-size-default: var(--oxy-link-font-size-default, var(--oxy-link-font-size-medium, $-fs-title)) !default;
 $-link-font-size-large: var(--oxy-link-font-size-large, $-fs-important) !default;
 
 /* video-preview */
 $-video-preview-bg: var(--oxy-video-preview-bg, rgba(0, 0, 0, 0.8)) !default; // 背景色
 $-video-preview-close-color: var(--oxy-video-preview-close-color, #fff) !default; // 图标颜色
 $-video-preview-close-font-size: var(--oxy-video-preview-close-font-size, 40rpx) !default; // 图标大小
+$-video-preview-close-margin: var(--oxy-video-preview-close-margin, $-spacing-24) !default; // 关闭按钮边距
+$-video-preview-video-height: var(--oxy-video-preview-video-height, 484rpx) !default; // 预览区域高度
+$-video-preview-close-z-index: var(--oxy-video-preview-close-z-index, 10) !default; // 关闭按钮层级
+
+/* image-preview */
+$-image-preview-bg: var(--oxy-image-preview-bg, rgba(0, 0, 0, 0.9)) !default; // 背景色
+$-image-preview-index-color: var(--oxy-image-preview-index-color, $-color-white) !default; // 页码颜色
+$-image-preview-index-margin: var(--oxy-image-preview-index-margin, $-spacing-24) !default; // 页码顶部间距
+$-image-preview-index-font-size: var(--oxy-image-preview-index-font-size, $-fs-title) !default; // 页码字号
+$-image-preview-index-line-height: var(--oxy-image-preview-index-line-height, $-lh-base) !default; // 页码行高
+$-image-preview-index-font-weight: var(--oxy-image-preview-index-font-weight, $-fw-medium) !default; // 页码字重
+$-image-preview-index-z-index: var(--oxy-image-preview-index-z-index, 10) !default; // 页码层级
+$-image-preview-close-size: var(--oxy-image-preview-close-size, 44rpx) !default; // 关闭图标大小
+$-image-preview-close-color: var(--oxy-image-preview-close-color, $-color-white) !default; // 关闭图标颜色
+$-image-preview-close-margin: var(--oxy-image-preview-close-margin, $-spacing-24) !default; // 关闭按钮边距
+$-image-preview-close-z-index: var(--oxy-image-preview-close-z-index, 10) !default; // 关闭按钮层级
 
 /* img-cropper */
 $-img-cropper-bg: var(--oxy-img-cropper-bg, rgba(0, 0, 0, 1)) !default; // 裁剪容器背景色
@@ -1179,6 +1289,8 @@ $-tree-node-current-color:var(--oxy-tree-node-current-color, $-color-theme);
 $-tree-node-disabled-color:var(--oxy-tree-node-disabled-color, $-color-icon-disabled);
 $-tree-search-input-color:var(--oxy-tree-search-input-color, #f6f6f6);
 $-tree-search-input-radius: var(--oxy-tree-search-input-radius, $-radius-sm);
+$-tree-search-btn-min-width: var(--oxy-tree-search-btn-min-width, 120rpx) !default; // 搜索按钮最小宽度
+$-tree-search-btn-margin-bottom: var(--oxy-tree-search-btn-margin-bottom, 20rpx) !default; // 搜索按钮底部间距
 $-tree-node-radius: var(--oxy-tree-node-radius, $-radius-sm);
 $-tree-node-font-size: var(--oxy-tree-node-font-size, $-fs-content);
 $-tree-node-padding-right: var(--oxy-tree-node-padding-right, $-size-side-padding-small);
@@ -1250,6 +1362,7 @@ $-long-press-menu-z-index: var(--oxy-long-press-menu-z-index, 999) !default;
 $-long-press-menu-active-bg: var(--oxy-long-press-menu-active-bg, rgba(0, 0, 0, 0.05)) !default; // 触发态背景色
 $-long-press-menu-divider-color: var(--oxy-long-press-menu-divider-color, rgba(255, 255, 255, 0.2)) !default; // 分割线颜色
 $-virtual-scroll-back-top-bg: var(--oxy-virtual-scroll-back-top-bg, rgba(0, 0, 0, 0.6)) !default; // 回到顶部背景色
+$-virtual-scroll-back-top-z-index: var(--oxy-virtual-scroll-back-top-z-index, 100) !default; // 回到顶部层级
 
 /* guidance */
 $-guide-highlight-border-color: var(--oxy-guide-highlight-border-color, $-color-white) !default; // 高亮边框颜色
@@ -1261,3 +1374,7 @@ $-guide-tip-radius: var(--oxy-guide-tip-radius, $-radius-md) !default; // 引导
 $-guide-tip-action-bg: var(--oxy-guide-tip-action-bg, $-color-white) !default; // 引导按钮背景色
 $-guide-tip-action-color: var(--oxy-guide-tip-action-color, #666666) !default; // 引导按钮文字颜色
 $-guide-tip-action-radius: var(--oxy-guide-tip-action-radius, $-radius-sm) !default; // 引导按钮圆角
+$-guide-model-z-index: var(--oxy-guide-model-z-index, 1000) !default; // 蒙层层级
+$-guide-content-z-index: var(--oxy-guide-content-z-index, 1001) !default; // 引导内容层级
+$-guide-arrow-z-index: var(--oxy-guide-arrow-z-index, 10000) !default; // 箭头层级
+$-guide-tip-z-index: var(--oxy-guide-tip-z-index, 10001) !default; // 提示层级

package/components/common/base64.ts

@@ -23,6 +23,12 @@ const _btoa: (s: string) => string =
       }
 const utob = (src: string): string => unescape(encodeURIComponent(src))
 
+/**
+ * Base64 编码，支持 URL 安全格式（RFC 4648）
+ * @param src - 待编码字符串
+ * @param rfc4648 - 是否使用 URL 安全格式（+/- 替换为 -/_, 去掉末尾 =）
+ * @returns Base64 编码后的字符串
+ */
 export default function encode(src: string, rfc4648 = false): string {
   const b64 = _btoa(utob(src))
   return rfc4648 ? _mkUriSafe(b64) : b64

package/components/common/clickoutside.ts

@@ -1,15 +1,19 @@
+/** 全局组件队列，用于 clickoutside 相关组件的互斥管理 */
 let queue: any[] = []
 
+/** 将组件实例加入队列 */
 export function pushToQueue(comp: any) {
   queue.push(comp)
 }
 
+/** 从队列中移除组件实例 */
 export function removeFromQueue(comp: any) {
   queue = queue.filter((item) => {
     return item.$.uid !== comp.$.uid
   })
 }
 
+/** 关闭队列中除当前组件外的其他组件 */
 export function closeOther(comp: any) {
   queue.forEach((item) => {
     if (item.$.uid !== comp.$.uid) {
@@ -18,6 +22,7 @@ export function closeOther(comp: any) {
   })
 }
 
+/** 关闭队列中所有组件 */
 export function closeOutside() {
   queue.forEach((item) => {
     item.$.exposed.close()

package/components/common/interceptor.ts

@@ -4,6 +4,15 @@ function noop() {}
 
 export type Interceptor = (...args: any[]) => Promise<boolean> | boolean | undefined | void
 
+/**
+ * 拦截器调用工具，支持同步/异步拦截函数
+ * 若拦截器返回 true/Promise<true> 则执行 done，否则执行 canceled
+ * @param interceptor - 拦截器函数，返回 boolean | Promise<boolean>
+ * @param options.done - 通过拦截时执行
+ * @param options.canceled - 拦截失败时执行
+ * @param options.error - 异常时执行
+ * @param options.args - 传递给拦截器的参数
+ */
 export function callInterceptor(
   interceptor: Interceptor | undefined,
   {

package/components/common/path.ts

@@ -7,3 +7,7 @@ export function getCurrentPath() {
   const currentPage = pages[pages.length - 1]
   return currentPage?.route || ''
 }
+
+export function getCurrentPageStackDepth() {
+  return getCurrentPages().length
+}