diff --git a/packages/docs/src/components/button.md b/packages/docs/src/components/button.md
index 848d2cb..9637991 100644
--- a/packages/docs/src/components/button.md
+++ b/packages/docs/src/components/button.md
@@ -83,32 +83,43 @@
## 支持的 Css 变量
:::details 点击打开
+
```css
-:host{
- --ivy-button-border-color: var(--ivy-border-color, #dcdfe6);
- --ivy-button-text-color: var(--ivy-text-color, #303133);
- --ivy-button-background-color: var(--ivy-color-white, #fff);
-
- --ivy-button-hover-text-color: var(--el-color-white, #fff);
- --ivy-button-hover-background-color: var(--ivy-color-primary-light-3, #79bbff);
- --ivy-button-hover-border-color: var(--ivy-color-primary-light-3, #79bbff);
-
- --ivy-button-active-background-color: var(--ivy-color-primary-dark-2, #337ecc);
- --ivy-button-active-border-color: var(--ivy-color-primary-dark-2, #337ecc);
-
- --ivy-button-disabled-text-color: var(--ivy-color-white, #fff);
- --ivy-button-disabled-background-color: var(--ivy-color-primary-light-5, #a0cfff);
- --ivy-button-disabled-border-color: var(--ivy-color-primary-light-5, #a0cfff);
-
- --ivy-button-height: var(--ivy-size-medium, 32px);
+:host {
+ --ivy-button-border-color: var(--ivy-border-color, #dcdfe6);
+ --ivy-button-text-color: var(--ivy-text-color, #303133);
+ --ivy-button-background-color: var(--ivy-color-white, #fff);
+
+ --ivy-button-hover-text-color: var(--el-color-white, #fff);
+ --ivy-button-hover-background-color: var(
+ --ivy-color-primary-light-3,
+ #79bbff
+ );
+ --ivy-button-hover-border-color: var(--ivy-color-primary-light-3, #79bbff);
+
+ --ivy-button-active-background-color: var(
+ --ivy-color-primary-dark-2,
+ #337ecc
+ );
+ --ivy-button-active-border-color: var(--ivy-color-primary-dark-2, #337ecc);
+
+ --ivy-button-disabled-text-color: var(--ivy-color-white, #fff);
+ --ivy-button-disabled-background-color: var(
+ --ivy-color-primary-light-5,
+ #a0cfff
+ );
+ --ivy-button-disabled-border-color: var(--ivy-color-primary-light-5, #a0cfff);
+
+ --ivy-button-height: var(--ivy-size-medium, 32px);
}
```
+
:::
## Props
-| 属性名 | 说明 | 可选值 | 默认值 |
-| -------- | ------ |---------------------------------------------|-----------|
+| 属性名 | 说明 | 可选值 | 默认值 |
+| -------- | ------ | ------------------------------------------- | --------- |
| type | 类型 | default/primary/success/warning/danger/info | `default` |
| round | 圆角 | - | - |
| disabled | 禁用 | - | - |
diff --git a/packages/ivy-design-wc/package.json b/packages/ivy-design-wc/package.json
index ae85536..9dd4689 100644
--- a/packages/ivy-design-wc/package.json
+++ b/packages/ivy-design-wc/package.json
@@ -1,6 +1,6 @@
{
"name": "@ivy-design/ce",
- "version": "1.0.1",
+ "version": "1.0.2",
"private": false,
"main": "dist/ivy-design.js",
"module": "dist/ivy-design.mjs",
diff --git a/packages/ivy-design-wc/src/components/button/index.ce.vue b/packages/ivy-design-wc/src/components/button/index.ce.vue
index 71cd993..e028d95 100644
--- a/packages/ivy-design-wc/src/components/button/index.ce.vue
+++ b/packages/ivy-design-wc/src/components/button/index.ce.vue
@@ -33,7 +33,6 @@ const props = defineProps({
'ivy-button',
`ivy-button--${props.type}`,
{
- 'is-loading': props.loading,
'is-round': props.round,
'is-disabled': props.disabled
}
@@ -42,6 +41,7 @@ const props = defineProps({