mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-05-29 09:49:16 +08:00
breaking change(Tabs): remove click、disabled event
This commit is contained in:
parent
6a4033b6bc
commit
099141f6c5
@ -12,3 +12,7 @@
|
||||
|
||||
- `default` 插槽重命名为 `toolbar`
|
||||
- 移除了 `value-key` 属性,使用 `columnsFieldNames` 属性代替
|
||||
|
||||
### Tabs
|
||||
|
||||
- 移除了 `click` 和 `disabled` 事件,使用 `click-tab` 事件代替
|
||||
|
@ -270,8 +270,6 @@ export default {
|
||||
| rendered | Emitted when content first rendered in lazy-render mode | _name: string \| number, title: string_ |
|
||||
| scroll | Emitted when tab scrolling in sticky mode | _{ scrollTop: number, isFixed: boolean }_ |
|
||||
|
||||
> Tips:click and disabled event is deprecated,place use click-tab event instead.
|
||||
|
||||
### Tabs Methods
|
||||
|
||||
Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get Tabs instance and call instance methods.
|
||||
|
@ -10,7 +10,6 @@ import {
|
||||
CSSProperties,
|
||||
defineComponent,
|
||||
ExtractPropTypes,
|
||||
getCurrentInstance,
|
||||
ComponentPublicInstance,
|
||||
} from 'vue';
|
||||
|
||||
@ -90,31 +89,9 @@ export default defineComponent({
|
||||
|
||||
props: tabsProps,
|
||||
|
||||
emits: [
|
||||
'click',
|
||||
'change',
|
||||
'scroll',
|
||||
'disabled',
|
||||
'rendered',
|
||||
'click-tab',
|
||||
'update:active',
|
||||
],
|
||||
emits: ['change', 'scroll', 'rendered', 'click-tab', 'update:active'],
|
||||
|
||||
setup(props, { emit, slots }) {
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
const props = getCurrentInstance()?.vnode?.props;
|
||||
if (props && 'onClick' in props) {
|
||||
console.warn(
|
||||
'[Vant] Tabs: "click" event is deprecated, using "click-tab" instead.'
|
||||
);
|
||||
}
|
||||
if (props && 'onDisabled' in props) {
|
||||
console.warn(
|
||||
'[Vant] Tabs: "disabled" event is deprecated, using "click-tab" instead.'
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
let tabHeight: number;
|
||||
let lockScroll: boolean;
|
||||
let stickyFixed: boolean;
|
||||
@ -302,11 +279,7 @@ export default defineComponent({
|
||||
disabled,
|
||||
});
|
||||
|
||||
if (disabled) {
|
||||
// @deprecated
|
||||
// should be removed in next major version
|
||||
emit('disabled', name, title);
|
||||
} else {
|
||||
if (!disabled) {
|
||||
callInterceptor(props.beforeChange, {
|
||||
args: [name],
|
||||
done: () => {
|
||||
@ -315,10 +288,6 @@ export default defineComponent({
|
||||
},
|
||||
});
|
||||
|
||||
// @deprecated
|
||||
// should be removed in next major version
|
||||
emit('click', name, title);
|
||||
|
||||
route(item as ComponentPublicInstance<RouteProps>);
|
||||
}
|
||||
};
|
||||
|
Loading…
x
Reference in New Issue
Block a user