fix(complex-types): correctly handle arrays

Author: so1ve

package.json

@@ -1,7 +1,7 @@
 {
 	"private": true,
 	"version": "1.0.0-beta.3",
-	"packageManager": "pnpm@10.13.1",
+	"packageManager": "pnpm@10.14.0",
 	"type": "module",
 	"scripts": {
 		"build": "pnpm -r run build",
@@ -14,19 +14,19 @@
 	},
 	"devDependencies": {
 		"@antfu/ni": "^25.0.0",
-		"@so1ve/eslint-config": "^3.7.0",
-		"@so1ve/prettier-config": "^3.7.0",
-		"@types/node": "^24.0.13",
+		"@so1ve/eslint-config": "^3.8.0",
+		"@so1ve/prettier-config": "^3.8.0",
+		"@types/node": "^24.1.0",
 		"@typescript/native-preview": "7.0.0-dev.20250711.1",
 		"@vue-macros/test-utils": "^2.0.0",
-		"bumpp": "^10.2.0",
-		"eslint": "^9.30.1",
+		"bumpp": "^10.2.2",
+		"eslint": "^9.32.0",
 		"prettier": "^3.6.2",
-		"tsdown": "^0.12.9",
-		"typescript": "^5.8.3",
-		"vite": "^7.0.4",
+		"tsdown": "^0.13.2",
+		"typescript": "^5.9.2",
+		"vite": "^7.0.6",
 		"vite-tsconfig-paths": "^5.1.4",
 		"vitest": "^3.2.4",
-		"vue": "^3.5.17"
+		"vue": "^3.5.18"
 	}
 }

packages/complex-types/src/core/printer.ts

@@ -31,6 +31,15 @@ export class Printer {
 			: !!(type.flags & ts.TypeFlags.Undefined);
 	}
 
+	private printConditionTypeNode(type: ts.ConditionalType) {
+		const decl = type.root.node;
+		const { trueType, falseType } = decl;
+		const trueTypeNode = this.checker.getTypeAtLocation(trueType);
+		const falseTypeNode = this.checker.getTypeAtLocation(falseType);
+
+		return `${this.printType(trueTypeNode)} | ${this.printType(falseTypeNode)}`;
+	}
+
 	private printPrimitiveType(type: ts.Type): string {
 		if (type.flags & ts.TypeFlags.BooleanLiteral) {
 			return "boolean";
@@ -57,9 +66,8 @@ export class Printer {
 		} else if (type.isIntersection()) {
 			return this.printUnionOrIntersection(type, " & ", inner);
 		}
-		// WIP
-		if (this.typeToString(type).endsWith("[]")) {
-			return this.typeToString(type);
+		if (this.checker.isArrayType(type)) {
+			return "Array";
 		} else if (type.flags & ts.TypeFlags.Object) {
 			const decl = type.getSymbol()?.declarations?.[0];
 			if (decl && ts.isFunctionTypeNode(decl)) {
@@ -81,7 +89,7 @@ export class Printer {
 			for (const prop of properties) {
 				const propType = this.checker.getTypeOfSymbol(prop);
 				props[prop.getName()] = {
-					value: this.printType(this.checker.getTypeOfSymbol(prop), true),
+					value: this.printType(propType, true),
 					isOptional: this.containsUndefined(propType),
 				};
 			}
@@ -94,20 +102,20 @@ export class Printer {
 
 			return Object.keys(props).length > 0 ? `{\n${parts.join("\n")}\n}` : "";
 		} else if (
-			type.isLiteral()
-			|| type.flags & ts.TypeFlags.BooleanLiteral
-			|| type.flags & ts.TypeFlags.String
-			|| type.flags & ts.TypeFlags.Number
-			|| type.flags & ts.TypeFlags.BigInt
-			|| type.flags & ts.TypeFlags.Any
-			|| type.flags & ts.TypeFlags.Unknown
-			|| type.flags & ts.TypeFlags.Null
+			type.isLiteral() ||
+			type.flags & ts.TypeFlags.BooleanLiteral ||
+			type.flags & ts.TypeFlags.String ||
+			type.flags & ts.TypeFlags.Number ||
+			type.flags & ts.TypeFlags.BigInt ||
+			type.flags & ts.TypeFlags.Any ||
+			type.flags & ts.TypeFlags.Unknown ||
+			type.flags & ts.TypeFlags.Null
 		) {
 			return this.printPrimitiveType(type);
 		} else if (type.flags & ts.TypeFlags.Undefined) {
 			return "";
 		} else if (type.flags & ts.TypeFlags.Conditional) {
-			return `${this.printType((type as any).resolvedTrueType)} | ${this.printType((type as any).resolvedFalseType)}`;
+			return this.printConditionTypeNode(type as ts.ConditionalType);
 		} else if (type.isTypeParameter()) {
 			const symbol = type.getSymbol();
 			const decl = symbol?.declarations?.[0];

packages/complex-types/test/__fixtures__/defineProps/basic.vue

@@ -18,6 +18,7 @@ defineProps<
 		stringUnion: "a" | "b";
 		genericExtendsString: T;
 		array: string[];
+		customTypeArray: SomeEnum[];
 		genericArray: U;
 		genericCondition: I extends "a" ? "a" : 1;
 		function: () => void;

packages/complex-types/test/__snapshots__/fixtures-compiled.test.ts.snap

@@ -120,6 +120,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
 			type: Array,
 			required: true
 		},
+		customTypeArray: {
+			type: Array,
+			required: true
+		},
 		genericArray: {
 			type: Array,
 			required: true
@@ -247,7 +251,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
 			type: String,
 			required: false
 		},
-		value: { required: false },
+		value: {
+			type: [
+				String,
+				Number,
+				Array
+			],
+			required: false
+		},
 		innerHTML: {
 			type: String,
 			required: false

packages/complex-types/test/__snapshots__/fixtures.test.ts.snap

@@ -53,8 +53,9 @@ defineProps<
 "optionalString"?: string,
 "stringUnion": string,
 "genericExtendsString": string,
-"array": string[],
-"genericArray": (string | number)[],
+"array": Array,
+"customTypeArray": Array,
+"genericArray": Array,
 "genericCondition": string | number,
 "function": Function,
 "error": object,
@@ -96,10 +97,10 @@ defineProps<{
 "formtarget"?: string,
 "name"?: string,
 "type"?: string,
-"value"?: string | number | readonly string[],
+"value"?: string | number | Array,
 "innerHTML"?: string,
 "class": any,
-"style"?: null | string | boolean | object | StyleValue[],
+"style"?: null | string | boolean | object | Array,
 "accesskey"?: string,
 "contenteditable"?: boolean | string,
 "contextmenu"?: string,

packages/language/package.json

@@ -38,7 +38,7 @@
 		"watch": "tsdown --watch"
 	},
 	"dependencies": {
-		"@volar/typescript": "~2.4.18",
+		"@volar/typescript": "~2.4.22",
 		"@vue.ts/shared": "workspace:*",
 		"@vue/language-core": "3.0.1"
 	}