feat: 新增 Gauge 的 ts 类型定义

packages/f2/src/attr/base.ts

@@ -2,7 +2,6 @@ import { Scale, ScaleConfig } from '../deps/f2-scale/src';
 import { mix, isFunction, isNil, isArray, valuesOfKey } from '@antv/util';
 
 class Base {
-  // eslint-disable-next-line
   data: any;
   field: string;
   scale: Scale;

packages/f2/src/components/gauge/gaugeView.tsx

@@ -1,6 +1,26 @@
-import { jsx } from '../../index';
+import { jsx } from '@antv/f-engine';
 
-export default (props) => {
+export interface Point {
+  x: number;
+  y: number;
+}
+
+export interface Tick {
+  tickValue: number;
+  start: Point;
+  end: Point;
+}
+
+export interface GaugeViewProps {
+  center: Point;
+  startAngle: number;
+  endAngle: number;
+  r: number | string;
+  percent: number;
+  ticks: Tick[];
+}
+
+export default (props: GaugeViewProps) => {
   const { center, startAngle, endAngle, r, percent, ticks } = props;
   const { x, y } = center;
   const diff = endAngle - startAngle;

packages/f2/src/components/gauge/withGauge.tsx

@@ -1,6 +1,7 @@
-import { jsx, Component, ComponentType, ClassComponent } from '@antv/f-engine';
+import { jsx, Component, ComponentType } from '@antv/f-engine';
+import { Point, Tick } from './gaugeView';
 
-const getPoint = (cener, angle, r) => {
+const getPoint = (cener: Point, angle: number, r: number): Point => {
   const x = cener.x + Math.cos(angle) * r;
   const y = cener.y + Math.sin(angle) * r;
   return { x, y };
@@ -10,12 +11,12 @@ const getTicks = (
   start: number,
   end: number,
   tickCount: number,
-  center,
+  center: Point,
   r: number,
   tickOffset: number,
   tickLength: number
 ) => {
-  const ticks = [];
+  const ticks = [] as Tick[];
   const diff = end - start;
   for (let i = 0; i <= tickCount; i++) {
     const tickValue = start + (diff * i) / tickCount;
@@ -38,11 +39,11 @@ export interface GuageProps {
   tickLength?: number | string;
   r?: number | string;
   r0?: number | string;
-  center?: { x: number; y: number };
+  center?: Point;
   percent?: number;
 }
 
-export default (View: ComponentType): ClassComponent<GuageProps> => {
+export default (View: ComponentType) => {
   return class Guage extends Component<GuageProps> {
     render() {
       const { props, context } = this;

packages/f2/src/components/index.ts

@@ -21,6 +21,6 @@ export { default as Tooltip, withTooltip, TooltipView, TooltipProps } from './to
 export { default as Treemap, withTreemap, TreemapView } from './treemap';
 export { default as Sunburst, withSunburst, SunburstView } from './sunburst';
 export { default as PieLabel, withPieLabel, PieLabelView } from './pieLabel';
-export { default as Gauge, withGauge, GaugeView } from './gauge';
+export { default as Gauge, GuageProps, withGauge, GaugeView } from './gauge';
 export { default as Zoom } from './zoom';
 export { default as ScrollBar, withScrollBar, ScrollBarView } from './scrollBar';

packages/f2/tsconfig.json

@@ -1,3 +1,6 @@
 {
-  "extends": "../../tsconfig.json"
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "preserveSymlinks": true
+  }
 }

packages/f2/typing.d.ts

@@ -1,12 +1 @@
 import '../../typings';
-
-// import { JSX as JSXNamespace } from './src/jsx/jsx-namespace';
-
-// // 全局
-// declare global {
-//   namespace JSX {
-//     export type Element = JSXNamespace.Element;
-//     export type ElementClass = JSXNamespace.ElementClass;
-//     export type IntrinsicElements = JSXNamespace.IntrinsicElements;
-//   }
-// }

tsconfig.json

@@ -10,8 +10,7 @@
     "useDefineForClassFields": false,
     "resolveJsonModule": true,
     "skipLibCheck": true,
-    "experimentalDecorators": true,
-    "allowJs": true
+    "experimentalDecorators": true
   },
   "exclude": [
     "scripts",