浏览代码

fix: collapse 组件slot修改 (#2042)

Ymm 2 年之前
父节点
当前提交
41a04e517f

+ 1 - 1
src/packages/__VUE/collapse/demo.vue

@@ -52,7 +52,7 @@
     <h2>{{ translate('basic6') }}</h2>
     <nut-collapse v-model="active6" :accordion="true">
       <nut-collapse-item :title="translate('title1')" :name="1">
-        <template v-slot:extraRender>{{ translate('title5') }}</template>
+        <template v-slot:extra>{{ translate('title5') }}</template>
         {{ translate('desc1') }}
       </nut-collapse-item>
       <nut-collapse-item :title="translate('title2')" :name="2">

+ 3 - 3
src/packages/__VUE/collapse/doc.en-US.md

@@ -147,7 +147,7 @@ export default {
 
 ### Set fixed content (do not collapse)
 
-Set content through slot: extrarender
+Set content through slot: extra
 
 :::demo
 
@@ -155,7 +155,7 @@ Set content through slot: extrarender
 <template>
   <nut-collapse v-model="activeName" :accordion="true">
     <nut-collapse-item :title="title1" :name="1">
-      <template v-slot:extraRender>fixed content</template>
+      <template v-slot:extra>fixed content</template>
       Nutui is a lightweight Vue component library with JD style
     </nut-collapse-item>
     <nut-collapse-item :title="title2" :name="2">
@@ -208,7 +208,7 @@ export default {
 |------|------|
 |title | Content slot on the left side of the title bar|
 |alue | Right content slot of the title bar|
-|extraRender | Set fixed content under the title (no folding)|
+|extra | Set fixed content under the title (no folding)|
 
 
 

+ 3 - 3
src/packages/__VUE/collapse/doc.md

@@ -146,14 +146,14 @@ export default {
 
 ### 设置固定内容(不折叠)
 
-通过 slot:extraRender 设置内容
+通过 slot:extra 设置内容
 :::demo
 
 ```html
 <template>
   <nut-collapse v-model="activeName" :accordion="true">
     <nut-collapse-item :title="title1" :name="1">
-      <template v-slot:extraRender>固定内容</template>
+      <template v-slot:extra>固定内容</template>
       NutUI是一套拥有京东风格的轻量级的 Vue 组件库
     </nut-collapse-item>
     <nut-collapse-item :title="title2" :name="2">
@@ -206,7 +206,7 @@ export default {
 |------|------|
 | title | 标题栏左侧内容插槽 | 
 | value | 标题栏右侧内容插槽 | 
-| extraRender | 设置标题下固定内容(不折叠) |
+| extra | 设置标题下固定内容(不折叠) |
 
 ### Events
 

+ 3 - 3
src/packages/__VUE/collapse/doc.taro.md

@@ -146,14 +146,14 @@ export default {
 
 ### 设置固定内容(不折叠)
 
-通过 slot:extraRender 设置内容
+通过 slot:extra 设置内容
 :::demo
 
 ```html
 <template>
   <nut-collapse v-model="activeName" :accordion="true">
     <nut-collapse-item :title="title1" :name="1">
-      <template v-slot:extraRender>固定内容</template>
+      <template v-slot:extra>固定内容</template>
       NutUI是一套拥有京东风格的轻量级的 Vue 组件库
     </nut-collapse-item>
     <nut-collapse-item :title="title2" :name="2">
@@ -206,7 +206,7 @@ export default {
 |------|------|
 | title | 标题栏左侧内容插槽 | 
 | value | 标题栏右侧内容插槽 | 
-| extraRender | 设置标题下固定内容(不折叠) |
+| extra | 设置标题下固定内容(不折叠) |
 
 ### Events
 

+ 2 - 2
src/packages/__VUE/collapseitem/index.taro.vue

@@ -23,9 +23,9 @@
         <component v-if="icon" :is="renderIcon(icon)"></component>
       </view>
     </view>
-    <view v-if="$slots.extraRender" class="nut-collapse__item-extraWrapper">
+    <view v-if="$slots.extra" class="nut-collapse__item-extraWrapper">
       <div class="nut-collapse__item-extraWrapper__extraRender">
-        <slot name="extraRender"></slot>
+        <slot name="extra"></slot>
       </div>
     </view>
     <view

+ 2 - 2
src/packages/__VUE/collapseitem/index.vue

@@ -22,9 +22,9 @@
       </view>
     </view>
 
-    <view v-if="$slots.extraRender" class="nut-collapse__item-extraWrapper">
+    <view v-if="$slots.extra" class="nut-collapse__item-extraWrapper">
       <div class="nut-collapse__item-extraWrapper__extraRender">
-        <slot name="extraRender"></slot>
+        <slot name="extra"></slot>
       </div>
     </view>
     <view class="nut-collapse__item-wrapper" ref="wrapperRef">