diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index bcca1c7..cb9ebaa 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -1,7 +1,7 @@
import DefaultTheme from "vitepress/theme";
import { installComponents } from "atomu-vue";
-import "atomu-theme";
import "./custom.css";
+import "atomu-theme";
export default {
...DefaultTheme,
enhanceApp({ app }) {
diff --git a/docs/component/table.md b/docs/component/table.md
new file mode 100644
index 0000000..8a507d0
--- /dev/null
+++ b/docs/component/table.md
@@ -0,0 +1,63 @@
+# Rate 评分
+
+## 基础使用
+
+
+
+
+ Name |
+ Title |
+ Email |
+ Role |
+
+ Edit
+ |
+
+
+
+
+ {{ person.name }} |
+ {{ person.title }} |
+ {{ person.email }} |
+ {{ person.role }} |
+
+ Edit, {{ person.name }}
+ |
+
+
+
+
+```vue
+
+```
+
+## 属性
+
+| 名称 | 类型 | 可选值 | 默认值 | 说明 |
+| -------------------- | ------- | ------ | ------ | ------ |
+| modelValue / v-model | number | - | 0 | 绑定值 |
+| disabled | boolean | - | false | 禁用 |
+
+## 事件
+
+| 名称 | 说明 | 参数 |
+| ------ | -------------- | -------------- |
+| change | 分数改变时触发 | (value:number) |
+
+
+
+```
+
+```
diff --git a/packages/components/checkbox/src/checkbox.vue b/packages/components/checkbox/src/checkbox.vue
index ca73530..6b9ec16 100644
--- a/packages/components/checkbox/src/checkbox.vue
+++ b/packages/components/checkbox/src/checkbox.vue
@@ -1,17 +1,18 @@
-
+
+
+
+
diff --git a/packages/theme/checkbox.css b/packages/theme/checkbox.css
index 4fa803c..06645b3 100644
--- a/packages/theme/checkbox.css
+++ b/packages/theme/checkbox.css
@@ -1,5 +1,4 @@
.a-checkbox-group {
- @apply text-sm;
@apply flex items-center;
}
@@ -14,8 +13,9 @@
.a-checkbox__inner {
@apply appearance-none cursor-pointer;
- @apply h-4 w-4 bg-white border-solid border-1px border-gray-300 rounded-sm;
- @apply text-primary hover:ring-2 ring-gray-200;
+ @apply h-4 w-4 bg-white border-solid border-1px border-gray-300 rounded-sm;
+ @apply text-primary focus:ring-1;
+ @apply focus:ring-primary;
}
.a-checkbox__inner:checked {
@@ -24,7 +24,7 @@
}
.a-checkbox__label {
- @apply ml-1;
+ @apply ml-2 text-sm;
}
.a-checkbox.is-disabled {
diff --git a/packages/theme/radio.css b/packages/theme/radio.css
index 54c2e35..0d3b142 100644
--- a/packages/theme/radio.css
+++ b/packages/theme/radio.css
@@ -3,7 +3,6 @@
}
.a-radio {
- @apply text-sm;
@apply inline-flex items-center;
@apply cursor-pointer;
}
@@ -15,7 +14,8 @@
.a-radio__inner {
@apply appearance-none cursor-pointer;
@apply h-4 w-4 bg-white border-solid border-1px border-gray-300 rounded-full;
- @apply text-primary hover:ring-2 ring-gray-200;
+ @apply text-primary focus:ring-1;
+ @apply focus:ring-primary;
}
.a-radio__inner:checked {
@@ -24,7 +24,7 @@
}
.a-radio__label {
- @apply ml-1;
+ @apply ml-2 text-sm;
}
.a-radio.is-disabled {
diff --git a/packages/theme/switch.css b/packages/theme/switch.css
index 54b6fd3..3891fa7 100644
--- a/packages/theme/switch.css
+++ b/packages/theme/switch.css
@@ -8,8 +8,8 @@
.a-switch__core {
@apply relative inline-block w-10 h-5 bg-light-900 rounded-full;
- @apply hover:ring-4 ring-gray-200;
@apply cursor-pointer shadow;
+ @apply hover:ring-1 ring-offset-1 hover:ring-primary;
}
.a-switch__button {
diff --git a/packages/theme/theme.css b/packages/theme/theme.css
index 29e1988..63997f8 100644
--- a/packages/theme/theme.css
+++ b/packages/theme/theme.css
@@ -22,4 +22,8 @@
--a-danger: #f43f5e; /* colors.rose-500 */
}
+svg{
+ @apply inline-block;
+}
+
/* https://www.tailwindcss.cn/docs/customizing-colors#-8 */