feat(cascader): 新增title插槽

link #119
nutui-uniapp · Nov 23, 2023 · 80b2f29 · 80b2f29
1 parent 04d9262
commit 80b2f29
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 4 deletions.
diff --git a/docs/components/dentry/cascader.md b/docs/components/dentry/cascader.md
@@ -368,6 +368,12 @@ export default {
 | change      | 选中值改变时触发 | `(value, pathNodes)` |
 | path-change | 选中项改变时触发 | `(pathNodes)`       |
 
+### Slots
+
+| 名称  | 说明     |
+|-------|----------|
+| title `v1.5.4` | 自定义顶部标题部分 |
+
 ## 主题定制
 
 ### 样式变量

diff --git a/example/src/pages/demo/dentry/cascader/index.vue b/example/src/pages/demo/dentry/cascader/index.vue
@@ -207,7 +207,13 @@ export default {
       :options="demo1.options"
       @change="events.change"
       @pathChange="events.pathChange"
-    />
+    >
+      <template #title>
+        <view class="p-20px text-center fw-700">
+          地址选择
+        </view>
+      </template>
+    </nut-cascader>
 
     <h2 class="title">
       自定义属性名称

diff --git a/packages/nutui/components/cascader/cascader.vue b/packages/nutui/components/cascader/cascader.vue
@@ -67,9 +67,11 @@ export default defineComponent({
       :close-icon-position="closeIconPosition"
       :lock-scroll="lockScroll"
     >
-      <template v-if="title">
-        <rich-text class="nut-cascader__bar" :nodes="title" />
-      </template>
+      <slot name="title">
+        <template v-if="title">
+          <rich-text class="nut-cascader__bar" :nodes="title" />
+        </template>
+      </slot>
 
       <NutCascaderItem
         :model-value="innerValue"