diff --git a/packages/devui-theme/src/theme-collection/extend-theme-vue.scss b/packages/devui-theme/src/theme-collection/extend-theme-vue.scss index cf88974472..5c5fc0e614 100644 --- a/packages/devui-theme/src/theme-collection/extend-theme-vue.scss +++ b/packages/devui-theme/src/theme-collection/extend-theme-vue.scss @@ -7,7 +7,7 @@ body[ui-theme='deep-theme'], body[ui-theme='galaxy-theme'] { // TODO: 组件支持全局配置默认尺寸参数后删除 // button default size change to '32px' - .#{$devui-prefix}-button:not(.#{$devui-prefix}-button--xs):not(.#{$devui-prefix}-button--sm):not(.#{$devui-prefix}-button--lg) { + .#{$devui-prefix}-button:not(.#{$devui-prefix}-button--sm):not(.#{$devui-prefix}-button--lg) { height: 32px; line-height: 32px; } diff --git a/packages/devui-vue/devui/button/src/button-types.ts b/packages/devui-vue/devui/button/src/button-types.ts index cdbd6cdff1..f46ff13da9 100644 --- a/packages/devui-vue/devui/button/src/button-types.ts +++ b/packages/devui-vue/devui/button/src/button-types.ts @@ -2,7 +2,7 @@ import type { ComputedRef, ExtractPropTypes, PropType ,InjectionKey, Ref } from export type IButtonVariant = 'solid' | 'outline' | 'text'; export type IButtonColor = 'secondary' | 'primary' | 'danger'; -export type IButtonSize = 'lg' | 'md' | 'sm' | 'xs'; +export type IButtonSize = 'lg' | 'md' | 'sm'; export type IButtonShape = 'round' | 'circle'; export const buttonProps = { diff --git a/packages/devui-vue/devui/button/src/button.scss b/packages/devui-vue/devui/button/src/button.scss index e640154854..4b427c2529 100644 --- a/packages/devui-vue/devui/button/src/button.scss +++ b/packages/devui-vue/devui/button/src/button.scss @@ -236,13 +236,6 @@ $devui-btn-lg-padding: var(--devui-btn-lg-padding, 0 24px); } } - &--xs { - padding: 0 4px; - height: $devui-size-sm; - font-size: $devui-font-size-sm; - min-width: 48px; - } - &--sm { padding: $devui-btn-sm-padding; height: $devui-size-sm; @@ -330,7 +323,6 @@ $devui-btn-lg-padding: var(--devui-btn-lg-padding, 0 24px); border: 1px solid transparent; } - &.#{$devui-prefix}-button--xs, &.#{$devui-prefix}-button--sm { padding: 4px; min-width: 24px; @@ -347,7 +339,6 @@ $devui-btn-lg-padding: var(--devui-btn-lg-padding, 0 24px); &.#{$devui-prefix}-button--circle { width: $devui-size-md; - &.#{$devui-prefix}-button--xs, &.#{$devui-prefix}-button--sm { width: $devui-size-sm; } diff --git a/packages/devui-vue/docs/components/button/index.md b/packages/devui-vue/docs/components/button/index.md index a618c78335..ed8611276d 100644 --- a/packages/devui-vue/docs/components/button/index.md +++ b/packages/devui-vue/docs/components/button/index.md @@ -52,12 +52,11 @@ ### 尺寸 -:::demo 通过`size`设置按钮尺寸,支持`xs`、`sm`、`md`、`lg`四种类型的尺寸,默认为`md`。 +:::demo 通过`size`设置按钮尺寸,支持`sm`、`md`、`lg`三种类型的尺寸,默认为`md`。 ```vue