chore: rename usePublicApi to useExpose

This commit is contained in:
chenjiahan 2020-09-15 20:19:15 +08:00
parent 02e89a73c5
commit 971c16eb3c
11 changed files with 22 additions and 23 deletions

View File

@ -1,6 +1,6 @@
import { ref, watch, computed, reactive, nextTick, onMounted } from 'vue'; import { ref, watch, computed, reactive, nextTick, onMounted } from 'vue';
import { createNamespace, pick } from '../utils'; import { createNamespace, pick } from '../utils';
import { usePublicApi } from '../composition/use-public-api'; import { useExpose } from '../composition/use-expose';
import { pickerProps } from '../picker/shared'; import { pickerProps } from '../picker/shared';
import Picker from '../picker'; import Picker from '../picker';
@ -250,9 +250,8 @@ export default createComponent({
}; };
const onConfirm = (values, index) => { const onConfirm = (values, index) => {
values = parseValues(values);
setValues(); setValues();
emit('confirm', values, index); emit('confirm', parseValues(values), index);
}; };
onMounted(setValues); onMounted(setValues);
@ -274,7 +273,7 @@ export default createComponent({
} }
); );
usePublicApi({ reset, getArea }); useExpose({ reset, getArea });
return () => { return () => {
const columns = state.columns.slice(0, +props.columnsNum); const columns = state.columns.slice(0, +props.columnsNum);

View File

@ -18,7 +18,7 @@ import {
// Composition // Composition
import { useToggle } from '@vant/use'; import { useToggle } from '@vant/use';
import { useHeight } from '../../composition/use-rect'; import { useHeight } from '../../composition/use-rect';
import { usePublicApi } from '../../composition/use-public-api'; import { useExpose } from '../../composition/use-expose';
// Components // Components
import Day from './Day'; import Day from './Day';
@ -251,7 +251,7 @@ export default createComponent({
return <div ref={daysRef} />; return <div ref={daysRef} />;
}; };
usePublicApi({ useExpose({
height, height,
getDate, getDate,
getTitle, getTitle,

View File

@ -1,7 +1,7 @@
import { getCurrentInstance } from 'vue'; import { getCurrentInstance } from 'vue';
// expose public api // expose public api
export function usePublicApi(apis: Record<string, any>) { export function useExpose(apis: Record<string, any>) {
const vm = (getCurrentInstance() as any).ctx; const vm = (getCurrentInstance() as any).ctx;
Object.assign(vm, apis); Object.assign(vm, apis);
} }

View File

@ -13,7 +13,7 @@ import { raf, cancelRaf } from '../utils/dom/raf';
import { isSameSecond, parseTimeData, parseFormat } from './utils'; import { isSameSecond, parseTimeData, parseFormat } from './utils';
// Composition // Composition
import { usePublicApi } from '../composition/use-public-api'; import { useExpose } from '../composition/use-expose';
const [createComponent, bem] = createNamespace('count-down'); const [createComponent, bem] = createNamespace('count-down');
@ -140,7 +140,7 @@ export default createComponent({
onBeforeUnmount(pause); onBeforeUnmount(pause);
usePublicApi({ useExpose({
start, start,
reset, reset,
pause, pause,

View File

@ -1,6 +1,6 @@
import { ref } from 'vue'; import { ref } from 'vue';
import { createNamespace } from '../utils'; import { createNamespace } from '../utils';
import { usePublicApi } from '../composition/use-public-api'; import { useExpose } from '../composition/use-expose';
import TimePicker from './TimePicker'; import TimePicker from './TimePicker';
import DatePicker from './DatePicker'; import DatePicker from './DatePicker';
@ -15,7 +15,7 @@ export default createComponent({
setup(props) { setup(props) {
const root = ref(); const root = ref();
usePublicApi({ useExpose({
getPicker: () => root.value && root.value.getPicker(), getPicker: () => root.value && root.value.getPicker(),
}); });

View File

@ -6,7 +6,7 @@ import { DROPDOWN_KEY } from '../dropdown-menu';
// Composition // Composition
import { useParent } from '../composition/use-relation'; import { useParent } from '../composition/use-relation';
import { usePublicApi } from '../composition/use-public-api'; import { useExpose } from '../composition/use-expose';
// Components // Components
import Cell from '../cell'; import Cell from '../cell';
@ -169,7 +169,7 @@ export default createComponent({
); );
}; };
usePublicApi({ toggle }); useExpose({ toggle });
return () => { return () => {
if (props.teleport) { if (props.teleport) {

View File

@ -6,7 +6,7 @@ import { callInterceptor } from '../utils/interceptor';
// Composition // Composition
import { useWindowSize } from '@vant/use'; import { useWindowSize } from '@vant/use';
import { usePublicApi } from '../composition/use-public-api'; import { useExpose } from '../composition/use-expose';
// Components // Components
import Icon from '../icon'; import Icon from '../icon';
@ -177,7 +177,7 @@ export default createComponent({
} }
}; };
usePublicApi({ swipeTo }); useExpose({ swipeTo });
onMounted(resize); onMounted(resize);

View File

@ -7,7 +7,7 @@ import { isHidden } from '../utils/dom/style';
// Composition // Composition
import { useScrollParent, useEventListener } from '@vant/use'; import { useScrollParent, useEventListener } from '@vant/use';
import { useRect } from '../composition/use-rect'; import { useRect } from '../composition/use-rect';
import { usePublicApi } from '../composition/use-public-api'; import { useExpose } from '../composition/use-expose';
// Components // Components
import Loading from '../loading'; import Loading from '../loading';
@ -142,7 +142,7 @@ export default createComponent({
} }
}); });
usePublicApi({ check }); useExpose({ check });
useEventListener('scroll', check, { target: scrollParent }); useEventListener('scroll', check, { target: scrollParent });

View File

@ -10,7 +10,7 @@ import { callInterceptor } from '../utils/interceptor';
import { useClickAway } from '@vant/use'; import { useClickAway } from '@vant/use';
import { useRect } from '../composition/use-rect'; import { useRect } from '../composition/use-rect';
import { useTouch } from '../composition/use-touch'; import { useTouch } from '../composition/use-touch';
import { usePublicApi } from '../composition/use-public-api'; import { useExpose } from '../composition/use-expose';
const [createComponent, bem] = createNamespace('swipe-cell'); const [createComponent, bem] = createNamespace('swipe-cell');
@ -178,7 +178,7 @@ export default createComponent({
} }
}; };
usePublicApi({ useExpose({
open, open,
close, close,
}); });

View File

@ -12,7 +12,7 @@ import {
} from './utils'; } from './utils';
// Composition // Composition
import { usePublicApi } from '../composition/use-public-api'; import { useExpose } from '../composition/use-expose';
import { useParentField } from '../composition/use-parent-field'; import { useParentField } from '../composition/use-parent-field';
// Components // Components
@ -308,7 +308,7 @@ export default createComponent({
} }
}; };
usePublicApi({ useExpose({
chooseFile, chooseFile,
closeImagePreview, closeImagePreview,
}); });

View File

@ -1,5 +1,5 @@
import { createApp, reactive, Component, nextTick } from 'vue'; import { createApp, reactive, Component, nextTick } from 'vue';
import { usePublicApi } from '../composition/use-public-api'; import { useExpose } from '../composition/use-expose';
export function usePopupState() { export function usePopupState() {
const state = reactive({ const state = reactive({
@ -22,7 +22,7 @@ export function usePopupState() {
toggle(false); toggle(false);
}; };
usePublicApi({ open, close, toggle }); useExpose({ open, close, toggle });
return { return {
open, open,