blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

refactor(DatetimePicker): refactor with composition api

Browse Source
This commit is contained in:
chenjiahan 2020-09-08 17:38:38 +08:00
parent b17c67ab53
commit 60e08767b3
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/datetime-picker/index.js
View File

@ -1,4 +1,6 @@
import { ref } from 'vue';
import { createNamespace } from '../utils';
import { usePublicApi } from '../composition/use-public-api';
import TimePicker from './TimePicker';
import DatePicker from './DatePicker';
@ -10,15 +12,16 @@ export default createComponent({
...DatePicker.props,
},
methods: {
// @exposed-api
getPicker() {
return this.$refs.root.getPicker();
},
},
setup(props) {
const rootRef = ref();
render() {
const Component = this.type === 'time' ? TimePicker : DatePicker;
return <Component ref="root" class={bem()} {...this.$props} />;
usePublicApi({
getPicker: () => rootRef.value && rootRef.value.getPicker(),
});
return () => {
const Component = props.type === 'time' ? TimePicker : DatePicker;
return <Component ref={rootRef} class={bem()} {...props} />;
};
},
});