refactor: JS to TS for Rax Renderer

Link: https://code.aone.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/codereview/3678935

* refactor: rax-renderer

* Merge remote-tracking branch 'origin/refactor/js-to-ts' into refactor/js2ts-rax-renderer

* Merge remote-tracking branch 'origin/refactor/js-to-ts' into refactor/js2ts-rax-renderer

* refactor: ts-nocheck

* chore: ts compile error

* fix: ts rootDir

* fix: compile error

* chore: using same tsconfig for rax component

* refactor: ts compile rax-renderer && rax-provider

packages/rax-provider/tsconfig.json

@@ -1,12 +1,25 @@
 {
-  "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "declaration": false,
+    "lib": ["es2015", "dom"],
-    "outDir": "lib",
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
     "strict": false,
-    "rootDir": "../"
+    "strictPropertyInitialization": false,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "jsx": "preserve",
+    "importHelpers": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "sourceMap": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "outDir": "lib"
   },
+  "exclude": ["test", "lib", "es", "node_modules"],
   "include": [
-    "./src/"
+    "src"
   ]
 }

packages/rax-render/package.json

@@ -40,6 +40,7 @@
     "debug": "^4.1.1",
     "events": "^3.0.0",
     "fetch-jsonp": "^1.1.3",
+    "fs-extra": "^9.0.1",
     "intl-messageformat": "^9.3.1",
     "jsonuri": "^2.1.2",
     "keymaster": "^1.6.2",

packages/rax-render/src/comp/visualDom/index.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { Component } from 'rax';
 import './index.css';
 

packages/rax-render/src/engine/base.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { Component, createElement } from 'rax';
 import PropTypes from 'prop-types';
 import Debug from 'debug';

packages/rax-render/src/engine/blockEngine.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { createElement } from 'rax';
 import PropTypes from 'prop-types';
 import Debug from 'debug';

packages/rax-render/src/engine/compEngine.tsx

@@ -1,3 +1,5 @@
+// @ts-nocheck
+
 import { createElement } from 'rax';
 import PropTypes from 'prop-types';
 import Debug from 'debug';

packages/rax-render/src/engine/index.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 /* eslint-disable */
 import { Component, createElement } from 'rax';
 import PropTypes from 'prop-types';

packages/rax-render/src/engine/pageEngine.tsx

@@ -1,3 +1,5 @@
+// @ts-nocheck
+
 import { createElement } from 'rax';
 import PropTypes from 'prop-types';
 import Debug from 'debug';

packages/rax-render/src/engine/tempEngine.tsx

@@ -1,3 +1,5 @@
+// @ts-nocheck
+
 import { createElement } from 'rax';
 import PropTypes from 'prop-types';
 import Debug from 'debug';

packages/rax-render/src/hoc/compFactory.tsx

@@ -1,3 +1,5 @@
+// @ts-nocheck
+
 import { Component, createElement, forwardRef } from 'rax';
 import PropTypes from 'prop-types';
 import AppHelper from '../utils/appHelper';

packages/rax-render/src/hoc/compWrapper.tsx

@@ -1,7 +1,9 @@
+// @ts-nocheck
+
 import { createElement, Component } from 'rax';
 
 export default function (Comp) {
-  class compWrapper extends Component {
+  return class CompWrapper extends Component {
     constructor(props, context) {
       super(props, context);
     }
@@ -12,6 +14,4 @@ export default function (Comp) {
       });
     }
   }
-
-  return compWrapper;
 }

packages/rax-render/src/utils/appHelper.ts

@@ -1,3 +1,5 @@
+// @ts-nocheck
+
 import EventEmitter from 'events';
 
 let instance = null;

packages/rax-render/src/utils/dataHelper.ts

@@ -1,3 +1,5 @@
+// @ts-nocheck
+
 import { transformArrayToMap, isJSFunction, transformStringToFunction, clone } from './index';
 import { jsonp, mtop, request, get, post, bzb } from './request';
 

packages/rax-render/src/utils/index.ts

@@ -1,3 +1,5 @@
+// @ts-nocheck
+
 import Debug from 'debug';
 import _keymaster from 'keymaster';
 import { forEach as _forEach, shallowEqual as _shallowEqual } from '@ali/b3-one/lib/obj';
@@ -13,9 +15,10 @@ import _debounce from 'lodash/debounce';
 import _serialize from 'serialize-javascript';
 import * as _jsonuri from 'jsonuri';
 import IntlMessageFormat from 'intl-messageformat';
-import pkg from '../../package.json';
+import * as fs from 'fs-extra';
 
-window.sdkVersion = pkg.version;
+const sdkVersion = fs.readJSONSync(path.join(__dirname, '..', '..', 'package.json'));
+window.sdkVersion = sdkVersion;
 
 export const moment = _moment;
 moment.locale('zh-cn');
@@ -281,7 +284,7 @@ export function goldlog(gmKey, params = {}, logKey = 'other') {
   // vscode 黄金令箭API
   const sendIDEMessage = window.sendIDEMessage || getParentWinValue('sendIDEMessage');
   const goKey = serializeParams({
-    sdkVersion: pkg.version,
+    sdkVersion,
     env: getEnv(),
     ...params,
   });

packages/rax-render/src/utils/request.ts

@@ -1,3 +1,5 @@
+// @ts-nocheck
+
 import 'whatwg-fetch';
 import fetchMtop from '@ali/lib-mtop';
 import fetchJsonp from 'fetch-jsonp';

packages/rax-render/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "lib": ["es2015", "dom"],
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": false,
+    "strictPropertyInitialization": false,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "jsx": "preserve",
+    "importHelpers": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "sourceMap": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "outDir": "lib"
+  },
+  "exclude": ["test", "lib", "es", "node_modules"],
+  "include": [
+    "src"
+  ]
+}