chore(ActionSheet): rename unreleased slot (#10082)

packages/vant/src/action-sheet/ActionSheet.tsx

@@ -94,13 +94,13 @@ export default defineComponent({
       }
     };
 
-    const renderOptionContent = (action: ActionSheetAction, index: number) => {
+    const renderActionContent = (action: ActionSheetAction, index: number) => {
       if (action.loading) {
         return <Loading class={bem('loading-icon')} />;
       }
 
-      if (slots.option) {
+      if (slots.action) {
-        return slots.option({ action, index });
+        return slots.action({ action, index });
       }
 
       return [
@@ -109,7 +109,7 @@ export default defineComponent({
       ];
     };
 
-    const renderOption = (action: ActionSheetAction, index: number) => {
+    const renderAction = (action: ActionSheetAction, index: number) => {
       const { color, loading, callback, disabled, className } = action;
 
       const onClick = () => {
@@ -135,7 +135,7 @@ export default defineComponent({
           class={[bem('item', { loading, disabled }), className]}
           onClick={onClick}
         >
-          {renderOptionContent(action, index)}
+          {renderActionContent(action, index)}
         </button>
       );
     };
@@ -159,7 +159,7 @@ export default defineComponent({
         {renderHeader()}
         {renderDescription()}
         <div class={bem('content')}>
-          {props.actions.map(renderOption)}
+          {props.actions.map(renderAction)}
           {slots.default?.()}
         </div>
         {renderCancel()}

packages/vant/src/action-sheet/README.md

@@ -223,7 +223,7 @@ export default {
 | default | Custom content |
 | description | Custom description above the options |
 | cancel `v3.0.10` | Custom the content of cancel button |
-| option `v3.3.8` | Custom the content of option | _{ action: Action, index: number }_ |
+| action `v3.3.8` | Custom the content of option | _{ action: Action, index: number }_ |
 
 ### Types
 

packages/vant/src/action-sheet/README.zh-CN.md

@@ -235,7 +235,7 @@ export default {
 | default | 自定义面板的展示内容 | - |
 | description | 自定义描述文案 | - |
 | cancel `v3.0.10` | 自定义取消按钮内容 | - |
-| option `v3.3.8` | 自定义选项内容 | _{ action: Action, index: number }_ |
+| action `v3.3.8` | 自定义选项内容 | _{ action: Action, index: number }_ |
 
 ### 类型定义
 

packages/vant/src/action-sheet/test/__snapshots__/index.spec.ts.snap

@@ -5,6 +5,14 @@ exports[`should allow to custom close icon with closeIcon prop 1`] = `
 </i>
 `;
 
+exports[`should render action slot correctly 1`] = `
+<button type="button"
+        class="van-action-sheet__item"
+>
+  name: Option, index: 0
+</button>
+`;
+
 exports[`should render cancel slot correctly 1`] = `
 <button type="button"
         class="van-action-sheet__cancel"
@@ -44,14 +52,6 @@ exports[`should render description slot when match snapshot 1`] = `
 </div>
 `;
 
-exports[`should render option slot correctly 1`] = `
-<button type="button"
-        class="van-action-sheet__item"
->
-  name: Option, index: 0
-</button>
-`;
-
 exports[`should render subname correctly 1`] = `
 <button type="button"
         class="van-action-sheet__item"

packages/vant/src/action-sheet/test/index.spec.ts

@@ -262,14 +262,14 @@ test('should allow to control safe-area with safe-area-inset-bottom prop', async
   );
 });
 
-test('should render option slot correctly', () => {
+test('should render action slot correctly', () => {
   const wrapper = mount(ActionSheet, {
     props: {
       show: true,
       actions: [{ name: 'Option' }],
     },
     slots: {
-      option: ({ action, index }) => `name: ${action.name}, index: ${index}`,
+      action: ({ action, index }) => `name: ${action.name}, index: ${index}`,
     },
   });
 

packages/vant/src/tree-select/index.less

@@ -23,7 +23,6 @@
     -webkit-overflow-scrolling: touch;
 
     &-item {
-      user-select: none;
       padding: var(--van-tree-select-nav-item-padding);
     }
   }