xt-element-ui 2.0.3 → 2.0.4

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

@@ -7,7 +7,7 @@
 ::: demo 基本用法
 ```vue
 <template>
-  <XtBar :chart-data="chartData" />
+  <XtBar :chart-data="chartData" width="600px" height="400px"  />
 </template>
 
 <script>

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

@@ -4,6 +4,7 @@
 
 使用 `XtMapProvider` 统一配置项目中所有地图，无需在每个 `<XtMap>` 上重复写密钥：
 
+::: demo 全局配置（推荐）
 ```vue
 <template>
   <XtMapProvider
@@ -21,3 +22,4 @@
   </XtMapProvider>
 </template>
 ```
+:::

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

@@ -53,13 +53,14 @@ export default {
 
 使用 `XtMapProvider` 统一配置项目中所有地图，无需在每个 `<XtMap>` 上重复写密钥：
 
+::: demo 基本用法
 ```vue
 <template>
   <XtMapProvider
     provider="amap"
-    api-key="你的高德密钥"
-    security-js-code="你的安全密钥"
-    theme="light"
+    api-key="AMAP_KEY"
+    security-js-code="AMAP_SECURITY_CODE"
+    theme="dark"
   >
     <div style="width: 100%; height: 500px;">
       <XtMap :center="[116.397428, 39.90923]" :zoom="11" />
@@ -70,6 +71,7 @@ export default {
   </XtMapProvider>
 </template>
 ```
+:::
 
 或通过 `Vue.prototype.$xt` 方式配置（入口文件）：
 
@@ -92,18 +94,20 @@ setMapTheme('dark')
 
 #### 高德地图（推荐）
 
+::: demo
 ```vue
 <XtMap
   provider="amap"
-  api-key="AMAP_KEY"
-  security-js-code="AMAP_SECURITY_CODE"
+  api-key="4a32fafb17f9e5236c4bb5f2e538d43b"
+  security-js-code="50f302bf821cda57f798308236e7f8e2"
   :center="[116.397428, 39.90923]"
   :zoom="11"
 />
 ```
+:::
 
 #### 天地图
-
+::: demo 天地图
 ```vue
 <XtMap
   provider="tianditu"
@@ -112,9 +116,10 @@ setMapTheme('dark')
   :zoom="11"
 />
 ```
+:::
 
 #### 百度地图
-
+::: demo 百度地图
 ```vue
 <XtMap
   provider="baidu"
@@ -123,9 +128,10 @@ setMapTheme('dark')
   :zoom="11"
 />
 ```
+:::
 
 ### 暗黑主题
-
+::: demo 暗黑主题
 ```vue
 <template>
   <div style="width: 100%; height: 500px;">
@@ -139,11 +145,12 @@ setMapTheme('dark')
   </div>
 </template>
 ```
+:::
 
 高德地图原生支持 dark 主题样式；天地图、百度地图通过 CSS 滤镜实现近似效果。
 
 ### 地图类型切换
-
+::: demo 地图类型切换
 ```vue
 <template>
   <div>
@@ -176,9 +183,10 @@ export default {
 }
 </script>
 ```
+:::
 
 ### 通过 ref 调用实例方法
-
+::: demo 通过 ref 调用实例方法
 ```vue
 <template>
   <div>
@@ -228,11 +236,13 @@ export default {
 }
 </script>
 ```
+:::
 
 ### 自定义 API URL
 
 如需使用自建代理或反向代理（例如解决密钥暴露问题），可通过 `api-url` 覆盖：
 
+::: demo 自定义 API URL
 ```vue
 <XtMap
   provider="amap"
@@ -241,6 +251,7 @@ export default {
   :zoom="11"
 />
 ```
+:::
 
 ---
 

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

@@ -71,8 +71,10 @@ export default {
 ::: demo 仅主内容
 ```vue
 <template>
-  <XtPage :show-header="false" :show-footer="false">
-    <template #default>仅主内容区域</template>
+  <XtPage :show-header="false" :show-footer="false" style="height: 600px;">
+    <template #default="{ tableHeight }">
+      <div class="multiline-box" :style="{ height: tableHeight+'px' }">自适应容器</div> 
+    </template>
   </XtPage>
 </template>
 ```

package/docs/components/base/xt-scroll-arrow.md

@@ -103,9 +103,9 @@
 <template>
   <div>
     <el-button @click="addItem" style="margin-bottom: 12px;">添加项目</el-button>
-    <XtScrollArrow :width="300">
+    <XtScrollArrow ref="arrow" :width="300" :appendMode="true">
       <div style="display: flex; gap: 12px; padding: 8px;">
-        <div v-for="item in items" :key="item.id" style="width: 80px; height: 60px; background: #f5f7fa; border-radius: 8px; display: flex; align-items: center; justify-content: center;">
+        <div v-for="item in items" :key="item.id" style="width: 80px; height: 60px; background: #f5f7fa; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
           {{ item.name }}
         </div>
       </div>
@@ -131,6 +131,9 @@ export default {
     addItem() {
       this.count++
       this.items.push({ id: this.count, name: `项目 ${this.count}` })
+      // this.$nextTick(() => {
+      //   this.$refs.arrow.scrollToEnd()
+      // })
     }
   }
 }

package/docs/components/base/xt-step-price.md

@@ -121,7 +121,8 @@ export default {
 | `fieldKeys` | Object | `{ min: 'min', max: 'max', price: 'price' }` | 字段名映射，支持自定义字段名 |
 | `limit` | Number | `0` | 阶梯数量上限，<=0 表示不限制 |
 | `step` | Number | `10` | 阶梯增量，新增时自动填充下一级的 min 值 |
-| `disabled` | Boolean | `false` | 是否禁用所有操作 |
+| `disabled` | Boolean | `false` | 是否禁用所有操作 |
+| `allowNegative` | Boolean | `false` | 是否允许输入负数价格和下限 |
 | `tip` | String | `'区间左闭右闭 [min, max]，最后一级为 [min, +∞)，保证连续且不重叠。'` | 底部提示文本 |
 | `defaultFirst` | Boolean | `true` | 空数组时是否自动生成默认阶梯 |