TypeScript definition: same name but different types inside and outside the module?
I'm trying to create a typescript definition file for this code (at myscript.ts
):
var rectangle = new Rectangle(new Point(20, 20), new Size(60, 60));
var path = new Path.Rectangle(rectangle);
path.strokeColor = 'black';
Note that here the first Rectangle is different from the second ( Path.Rectangle
).
This is what I have now (at myscript.d.ts
):
declare class Point {
constructor(x: number, y: number);
add: (something: number[]) => Point;
}
declare class Size {
constructor(width: number, height: number);
}
declare class Rectangle {
constructor(point: Point, size: Size);
topLeft: Point;
bottomRight: Point;
}
declare module Path {
class PathBase {
strokeColor: string;
bounds: Rectangle; // <== here I need the Rectangle type defined outside of the Path module
fillColor: Color;
}
export class Rectangle extends PathBase {
constructor(point: Point, size: Size);
constructor(rec : Rectangle); // <== here I need the Rectangle type defined outside of the Path module
}
}
With this definition, both of the following lines failed:
var path = new Path.Rectangle(rectangle);
var upperLeft = path.bounds.topLeft;
I understand why, but not sure how to fix this definition. Thanks for your help.
+3
source to share
1 answer
Based on @xmojmr's comment, I found the correct definition:
My first try:
declare class Rectangle {
constructor(point: Point, size: Size);
topLeft: Point;
bottomRight: Point;
}
becomes:
declare class NumericRectangle { // <=================== renamed
constructor(point: Point, size: Size);
topLeft: Point;
bottomRight: Point;
}
declare class Rectangle extends NumericRectangle { // <=================== added
}
... and
declare module Path {
class PathBase {
strokeColor: string;
bounds: Rectangle; // <== here I need the Rectangle type defined outside of the Path module
fillColor: Color;
}
export class Rectangle extends PathBase {
constructor(point: Point, size: Size);
constructor(rec : Rectangle); // <== here I need the Rectangle type defined outside of the Path module
}
}
... becomes:
declare module Path {
class PathBase {
strokeColor: string;
bounds: NumericRectangle; // <=================== modified
fillColor: Color;
}
export class Rectangle extends PathBase {
constructor(point: Point, size: Size);
constructor(rec: NumericRectangle); // <=================== modified
}
}
+2
source to share