mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-05-22 06:31:45 +08:00
chore: rename usePublicApi to useExpose
This commit is contained in:
parent
02e89a73c5
commit
971c16eb3c
@ -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);
|
||||||
|
@ -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,
|
||||||
|
@ -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);
|
||||||
}
|
}
|
@ -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,
|
||||||
|
@ -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(),
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -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) {
|
||||||
|
@ -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);
|
||||||
|
|
||||||
|
@ -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 });
|
||||||
|
|
||||||
|
@ -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,
|
||||||
});
|
});
|
||||||
|
@ -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,
|
||||||
});
|
});
|
||||||
|
@ -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,
|
||||||
|
Loading…
x
Reference in New Issue
Block a user