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

[improvement] enable tsx type checking for functional component (#2764)

Browse Source
This commit is contained in:
neverland 2019-02-16 21:58:10 +08:00 committed by GitHub
parent 2ad525c45d
commit af0fb98c9e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
jest.config.js
View File

@ -3,7 +3,7 @@ module.exports = {
setupFiles: ['<rootDir>/test/jest.init.js'],
moduleFileExtensions: ['js', 'vue', 'ts', 'tsx'],
transform: {
'^.+\\.js$': '<rootDir>/test/jest.transform.js',
'^.+\\.(js|ts|tsx)$': '<rootDir>/test/jest.transform.js',
'.*\\.(vue)$': '<rootDir>/node_modules/vue-jest'
},
moduleNameMapper: {

2
packages/utils/functional.ts
View File

@ -21,7 +21,7 @@ const inheritKey = [
const mapInheritKey: ObjectIndex = { nativeOn: 'on' };
// inherit partial context, map nativeOn to on
export function inherit(context: Context, inheritListeners: boolean): InheritContext {
export function inherit(context: Context, inheritListeners?: boolean): InheritContext {
const result = inheritKey.reduce(
(obj, key) => {
if (context.data[key]) {

30
packages/utils/use/sfc.ts
View File

@ -10,25 +10,27 @@ import Vue, {
CreateElement,
RenderContext
} from 'vue/types';
import { VNode, ScopedSlot } from 'vue/types/vnode';
import { VNode } from 'vue/types/vnode';
import { InjectOptions, PropsDefinition } from 'vue/types/options';
type VantComponentOptions = ComponentOptions<Vue> & {
export type ScopedSlot = (props?: any) => VNode[] | undefined;
export type VantComponentOptions = ComponentOptions<Vue> & {
functional?: boolean;
install?: (Vue: VueConstructor) => void;
};
type DefaultProps = Record<string, any>;
export type DefaultProps = Record<string, any>;
type VantPureComponent<
export type FunctionalComponent<
Props = DefaultProps,
PropDefs = PropsDefinition<Props>
> = {
(
h: CreateElement,
props: { [key: string]: any },
props: Props,
slots: { [key: string]: ScopedSlot | undefined },
context: RenderContext
context: RenderContext<Props>
): VNode;
props?: PropDefs;
model?: {
@ -38,6 +40,8 @@ type VantPureComponent<
inject?: InjectOptions;
};
export type VantTsxComponent<T> = (props: T) => VNode;
const arrayProp = {
type: Array,
default: () => []
@ -80,7 +84,9 @@ export function unifySlots(context: RenderContext) {
return scopedSlots;
}
function transformPureComponent(pure: VantPureComponent): VantComponentOptions {
function transformFunctionalComponent(
pure: FunctionalComponent
): VantComponentOptions {
return {
functional: true,
props: pure.props,
@ -89,11 +95,11 @@ function transformPureComponent(pure: VantPureComponent): VantComponentOptions {
};
}
export default (name: string) => (
sfc: VantComponentOptions | VantPureComponent
) => {
export default (name: string) => <T = DefaultProps>(
sfc: VantComponentOptions | FunctionalComponent
): VantTsxComponent<T> => {
if (typeof sfc === 'function') {
sfc = transformPureComponent(sfc);
sfc = transformFunctionalComponent(sfc);
}
if (!sfc.functional) {
@ -108,5 +114,5 @@ export default (name: string) => (
sfc.name = name;
sfc.install = install;
return sfc;
return sfc as VantTsxComponent<T>;
};