xt-element-ui 2.1.6 → 2.1.7

package/docs/components/base/xt-badge.md

@@ -1,5 +1,3 @@
-## XtBadge 徽标组件
-
 徽标组件，用于标记数字或状态。
 
 ## 基本用法

package/docs/components/base/xt-bar.md

@@ -1,5 +1,3 @@
-## XtBar 柱状图组件
-
 基于 ECharts 封装的柱状图组件，支持数据标记、缩放、反转、长标签等功能。
 
 ## 基本用法
@@ -7,7 +5,7 @@
 ::: demo 基本用法
 ```vue
 <template>
-  <XtBar :chart-data="chartData" width="600px" height="400px"  />
+  <div class="demo-container"><XtBar :chart-data="chartData" /></div>
 </template>
 
 <script>
@@ -39,7 +37,6 @@ export default {
 |------|------|--------|------|
 | `chartData` | Array | - | 图表数据，格式为 `[{ label, value }]` |
 | `fieldKeys` | Object | `{ label: "label", value: "value", data: "data" }` | 字段映射配置 |
-| `theme` | String | - | 主题，`dark` 或 `default` |
 | `size` | String | `medium` | 尺寸，`small` / `medium` / `large` |
 | `markPoint` | Boolean | `false` | 是否显示最大值/最小值标记 |
 | `unit` | String | `""` | 数据单位 |
@@ -58,7 +55,7 @@ export default {
 ::: demo 横向柱状图
 ```vue
 <template>
-  <XtBar :chart-data="chartData" reverse />
+  <div  class="demo-container"><XtBar :chart-data="chartData" reverse /></div>
 </template>
 
 <script>
@@ -83,7 +80,7 @@ export default {
 ::: demo 显示数据标记
 ```vue
 <template>
-  <XtBar :chart-data="chartData" :mark-point="true" />
+  <div  class="demo-container"><XtBar :chart-data="chartData" :mark-point="true" /></div>
 </template>
 
 <script>
@@ -109,7 +106,7 @@ export default {
 ::: demo 极简模式
 ```vue
 <template>
-  <XtBar :chart-data="chartData" simple-mode />
+  <div  class="demo-container"><XtBar :chart-data="chartData"  simple-mode /></div>
 </template>
 
 <script>
@@ -133,7 +130,7 @@ export default {
 ::: demo 自定义字段映射
 ```vue
 <template>
-  <XtBar :chart-data="chartData" :field-keys="{ label: 'name', value: 'score' }" />
+  <div  class="demo-container"><XtBar :chart-data="chartData" :field-keys="{ label: 'name', value: 'score' }" /></div>
 </template>
 
 <script>
@@ -152,30 +149,6 @@ export default {
 ```
 :::
 
-### 暗色主题
-
-::: demo 暗色主题
-```vue
-<template>
-  <XtBar :chart-data="chartData" theme="dark" />
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      chartData: [
-        { value: 65, label: "张三" },
-        { value: 78, label: "李四" },
-        { value: 95, label: "王五" }
-      ]
-    }
-  }
-}
-</script>
-```
-:::
-
 ## 注意事项
 
 - 数据值大于等于 10000 时会自动转换为"万"单位显示

package/docs/components/base/xt-button.md

@@ -1,5 +1,3 @@
-## XtButton 按钮组件
-
 按钮用于触发一个操作，如提交表单、打开对话框等。
 
 ## 基本用法

package/docs/components/base/xt-card-item.md

@@ -1,5 +1,3 @@
-## XtCardItem 卡片项组件
-
 卡片项组件用于在卡片内展示一行数据，支持标签、数值和单位的展示。
 
 ## 基本用法

package/docs/components/base/xt-card.md

@@ -1,5 +1,3 @@
-## XtCard 卡片组件
-
 卡片组件用于展示信息，通常包含标题和内容区域。
 
 ## 基本用法
@@ -12,23 +10,6 @@
 ```
 :::
 
-## 属性说明
-
-| 属性 | 类型 | 默认值 | 说明 |
-|------|------|--------|------|
-| `title` | String | - | 卡片标题 |
-| `value` | String / Number | - | 卡片数值 |
-| `unit` | String | - | 数值单位 |
-| `noPadding` | Boolean | false | 是否取消内边距 |
-
-## 插槽说明
-
-| 插槽名 | 说明 |
-|--------|------|
-| `default` | 自定义内容区域 |
-| `title` | 自定义标题区域 |
-| `value` | 自定义数值区域 |
-
 ## 示例
 
 ### 基础卡片
@@ -106,3 +87,20 @@
 </template>
 ```
 :::
+
+## 属性说明
+
+| 属性 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| `title` | String | - | 卡片标题 |
+| `value` | String / Number | - | 卡片数值 |
+| `unit` | String | - | 数值单位 |
+| `noPadding` | Boolean | false | 是否取消内边距 |
+
+## 插槽说明
+
+| 插槽名 | 说明 |
+|--------|------|
+| `default` | 自定义内容区域 |
+| `title` | 自定义标题区域 |
+| `value` | 自定义数值区域 |

package/docs/components/base/xt-chart.md

@@ -1,5 +1,3 @@
-## XtChart 图表容器组件
-
 基于 ECharts 封装的图表容器组件，通过 `type` 属性切换不同图表类型（柱状图、折线图、饼图、组合图）。
 
 ## 基本用法
@@ -7,7 +5,7 @@
 ::: demo 基本用法
 ```vue
 <template>
-  <XtChart type="bar" :chart-data="chartData" />
+  <div class="demo-container"><XtChart type="bar" :chart-data="chartData" /></div>
 </template>
 
 <script>
@@ -41,7 +39,7 @@ export default {
 ::: demo 柱状图
 ```vue
 <template>
-  <XtChart type="bar" :chart-data="chartData" />
+  <div class="demo-container"><XtChart type="bar" :chart-data="chartData" /></div>
 </template>
 
 <script>
@@ -67,7 +65,7 @@ export default {
 ::: demo 折线图
 ```vue
 <template>
-  <XtChart type="line" :chart-data="chartData" />
+  <div class="demo-container"><XtChart type="line" :chart-data="chartData" /></div>
 </template>
 
 <script>
@@ -93,7 +91,7 @@ export default {
 ::: demo 饼图
 ```vue
 <template>
-  <XtChart type="pie" :chart-data="chartData" />
+  <div class="demo-container"><XtChart type="pie" :chart-data="chartData" /></div>
 </template>
 
 <script>
@@ -118,7 +116,7 @@ export default {
 ::: demo 组合图
 ```vue
 <template>
-  <XtChart type="multi" :chart-data="chartData" />
+  <div class="demo-container"><XtChart type="multi" :chart-data="chartData" /></div>
 </template>
 
 <script>
@@ -152,30 +150,6 @@ export default {
 ```
 :::
 
-### 暗色主题
-
-::: demo 暗色主题
-```vue
-<template>
-  <XtChart type="bar" :chart-data="chartData" theme="dark" />
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      chartData: [
-        { value: 65, label: "张三" },
-        { value: 78, label: "李四" },
-        { value: 95, label: "王五" }
-      ]
-    }
-  }
-}
-</script>
-```
-:::
-
 ## 注意事项
 
 - `XtChart` 是一个容器组件，会根据 `type` 属性渲染对应的子组件（XtBar/XtLine/XtPie/XtMulti）

package/docs/components/base/xt-config-provider.md

@@ -1,5 +1,3 @@
-## XtConfigProvider 配置提供者
-
 配置提供者组件用于全局配置主题和样式变量。
 
 ## 基本用法