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

types(Picker): add PickerColumnProvide type (#10163)

Browse Source
This commit is contained in:
neverland 2022-01-07 17:13:25 +08:00 committed by GitHub
parent a092ee3ad6
commit b1638e6273
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/vant/src/area/Area.tsx
View File

@ -188,15 +188,15 @@ export default defineComponent({
}; };
const setValues = () => { const setValues = () => {
let code = state.code || getDefaultCode();
const picker = pickerRef.value; const picker = pickerRef.value;
const province = getColumnValues('province');
const city = getColumnValues('city', code.slice(0, 2));
if (!picker) { if (!picker) {
return; return;
} }
let code = state.code || getDefaultCode();
const province = getColumnValues('province');
const city = getColumnValues('city', code.slice(0, 2));
picker.setColumnValues(0, province); picker.setColumnValues(0, province);
picker.setColumnValues(1, city); picker.setColumnValues(1, city);

6
packages/vant/src/picker/PickerColumn.tsx
View File

@ -1,4 +1,4 @@
import { ref, watch, reactive, defineComponent } from 'vue'; import { ref, watch, reactive, defineComponent, type InjectionKey } from 'vue';
// Utils // Utils
import { deepClone } from '../utils/deep-clone'; import { deepClone } from '../utils/deep-clone';
@ -20,7 +20,7 @@ import { useTouch } from '../composables/use-touch';
import { useExpose } from '../composables/use-expose'; import { useExpose } from '../composables/use-expose';
// Types // Types
import type { PickerOption } from './types'; import type { PickerOption, PickerColumnProvide } from './types';
const DEFAULT_DURATION = 200; const DEFAULT_DURATION = 200;
@ -38,7 +38,7 @@ function getElementTranslateY(element: Element) {
return Number(translateY); return Number(translateY);
} }
export const PICKER_KEY = Symbol(name); export const PICKER_KEY: InjectionKey<PickerColumnProvide> = Symbol(name);
const isOptionDisabled = (option: PickerOption) => const isOptionDisabled = (option: PickerOption) =>
isObject(option) && option.disabled; isObject(option) && option.disabled;

14
packages/vant/src/picker/types.ts
View File

@ -44,4 +44,18 @@ export type PickerExpose = {
setColumnValues: (index: number, options: PickerOption[]) => void; setColumnValues: (index: number, options: PickerOption[]) => void;
}; };
export type PickerColumnProvide = {
state: {
index: number;
offset: number;
duration: number;
options: PickerOption[];
};
setIndex: (index: number, emitChange?: boolean | undefined) => void;
getValue: () => PickerOption;
setValue: (value: string) => void;
setOptions: (options: PickerOption[]) => void;
stopMomentum: () => void;
};
export type PickerInstance = ComponentPublicInstance<PickerProps, PickerExpose>; export type PickerInstance = ComponentPublicInstance<PickerProps, PickerExpose>;