[fix] a JSX type bug

[add] Awesome Badge
[optimize] update Upstream packages

Author: TechQuery

ReadMe.md

@@ -8,12 +8,14 @@
 [![Build Status](https://travis-ci.com/EasyWebApp/WebCell.svg?branch=v2)][5]
 
 [![Anti 996 license](https://img.shields.io/badge/license-Anti%20996-blue.svg)][6]
-[![Slideshow](https://img.shields.io/badge/learn-Slideshow-blue)][7]
-[![Gitter](https://badges.gitter.im/EasyWebApp/community.svg)][8]
+[![jaywcjlove/sb](https://jaywcjlove.github.io/sb/ico/awesome.svg)][7]
 
-[![Edit WebCell demo](https://codesandbox.io/static/img/play-codesandbox.svg)][9]
+[![Slideshow](https://img.shields.io/badge/learn-Slideshow-blue)][8]
+[![Gitter](https://badges.gitter.im/EasyWebApp/community.svg)][9]
 
-[![NPM](https://nodei.co/npm/web-cell.png?downloads=true&downloadRank=true&stars=true)][10]
+[![Edit WebCell demo](https://codesandbox.io/static/img/play-codesandbox.svg)][10]
+
+[![NPM](https://nodei.co/npm/web-cell.png?downloads=true&downloadRank=true&stars=true)][11]
 
 ## Usage
 
@@ -46,8 +48,8 @@ npm install parcel-bundler -D
 
 ```html
 <script src="https://polyfill.io/v3/polyfill.min.js?flags=gated&features=Object.fromEntries%2CArray.prototype.flat"></script>
-<script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2.4.3/webcomponents-bundle.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2.4.3/custom-elements-es5-adapter.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2.4.4/webcomponents-bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2.4.4/custom-elements-es5-adapter.js"></script>
 
 <script src="source/SubTag.tsx"></script>
 <script src="source/TestTag.tsx"></script>
@@ -169,49 +171,50 @@ export class TestTag extends mixin<Props, State>() {
 
 We recommend these libraries to use with WebCell:
 
--   **State management**: [MobX][11] (also powered by **TypeScript** & **Decorator**)
+-   **State management**: [MobX][12] (also powered by **TypeScript** & **Decorator**)
 
--   **Router**: [Cell Router][12] (based on **MobX**)
+-   **Router**: [Cell Router][13] (based on **MobX**)
 
 -   **UI components**
 
-    -   [BootCell][13] (based on **BootStrap v4**)
-    -   [Material Cell][14] (based on **Material Design** & **BootStrap v4**)
-    -   [GitHub Web Widget][15]
+    -   [BootCell][14] (based on **BootStrap v4**)
+    -   [Material Cell][15] (based on **Material Design** & **BootStrap v4**)
+    -   [GitHub Web Widget][16]
 
--   **HTTP request**: [KoAJAX][16] (based on **Koa**-like middlewares)
+-   **HTTP request**: [KoAJAX][17] (based on **Koa**-like middlewares)
 
--   **Utility**: [Web utility][17] (Methods & Types)
+-   **Utility**: [Web utility][18] (Methods & Types)
 
--   **Event stream**: [Iterable Observer][18] (**Observable** proposal)
+-   **Event stream**: [Iterable Observer][19] (**Observable** proposal)
 
--   **MarkDown integration**: [MarkCell][19] (**MDX** implement)
+-   **MarkDown integration**: [MarkCell][20] (**MDX** implement)
 
 ## Roadmap
 
--   [x] (Template) [Document Fragment node][20]
+-   [x] (Template) [Document Fragment node][21]
 -   [ ] Server-side Render
 
-Go to [contribute][21]!
+Go to [contribute][22]!
 
 [1]: https://www.webcomponents.org/
 [2]: https://facebook.github.io/jsx/
 [3]: https://www.typescriptlang.org
 [4]: https://david-dm.org/EasyWebApp/WebCell
 [5]: https://travis-ci.com/EasyWebApp/WebCell
 [6]: https://github.com/996icu/996.ICU/blob/master/LICENSE
-[7]: https://tech-query.me/programming/web-components-practise/slide.html
-[8]: https://gitter.im/EasyWebApp/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge
-[9]: https://codesandbox.io/s/webcell-demo-9gyll?autoresize=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2FClock.tsx&theme=dark
-[10]: https://nodei.co/npm/web-cell/
-[11]: https://github.com/EasyWebApp/WebCell/blob/v2/MobX
-[12]: https://web-cell.dev/cell-router/
-[13]: https://bootstrap.web-cell.dev/
-[14]: https://web-cell.dev/material-cell/
-[15]: https://tech-query.me/GitHub-Web-Widget/
-[16]: https://web-cell.dev/KoAJAX/
-[17]: https://web-cell.dev/web-utility/
-[18]: https://web-cell.dev/iterable-observer/
-[19]: https://github.com/EasyWebApp/MarkCell
-[20]: https://github.com/Microsoft/TypeScript/issues/20469
-[21]: https://github.com/EasyWebApp/WebCell/blob/v2/Contributing.md
+[7]: https://github.com/jaywcjlove/awesome-uikit
+[8]: https://tech-query.me/programming/web-components-practise/slide.html
+[9]: https://gitter.im/EasyWebApp/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge
+[10]: https://codesandbox.io/s/webcell-demo-9gyll?autoresize=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2FClock.tsx&theme=dark
+[11]: https://nodei.co/npm/web-cell/
+[12]: https://github.com/EasyWebApp/WebCell/blob/v2/MobX
+[13]: https://web-cell.dev/cell-router/
+[14]: https://bootstrap.web-cell.dev/
+[15]: https://web-cell.dev/material-cell/
+[16]: https://tech-query.me/GitHub-Web-Widget/
+[17]: https://web-cell.dev/KoAJAX/
+[18]: https://web-cell.dev/web-utility/
+[19]: https://web-cell.dev/iterable-observer/
+[20]: https://github.com/EasyWebApp/MarkCell
+[21]: https://github.com/Microsoft/TypeScript/issues/20469
+[22]: https://github.com/EasyWebApp/WebCell/blob/v2/Contributing.md

package.json

@@ -1,6 +1,6 @@
 {
     "name": "web-cell",
-    "version": "2.1.2",
+    "version": "2.1.3",
     "description": "Web Components engine based on JSX & TypeScript",
     "keywords": [
         "web",
@@ -23,30 +23,30 @@
     "source": "source/index.ts",
     "types": "dist/index.d.ts",
     "peerDependencies": {
-        "@webcomponents/webcomponentsjs": "^2.4.3",
+        "@webcomponents/webcomponentsjs": "^2.4.4",
         "core-js": "^3.6.5",
-        "jsdom": "^16.3.0",
-        "web-utility": "^1.6.1"
+        "jsdom": "^16.4.0",
+        "web-utility": "^1.7.0"
     },
     "devDependencies": {
         "@types/core-js": "^2.5.3",
-        "@types/jest": "^26.0.4",
+        "@types/jest": "^26.0.9",
         "@types/jsdom": "^16.2.3",
-        "@typescript-eslint/parser": "^3.6.1",
-        "eslint": "^7.4.0",
+        "@typescript-eslint/parser": "^3.8.0",
+        "eslint": "^7.6.0",
         "eslint-config-prettier": "^6.11.0",
         "eslint-plugin-prettier": "^3.1.4",
         "husky": "^4.2.5",
-        "jest": "^26.1.0",
+        "jest": "^26.3.0",
         "lint-staged": "^10.2.11",
         "open-cli": "^6.0.1",
         "parcel-bundler": "^1.12.4",
         "prettier": "^2.0.5",
         "snabbdom": "^1.0.1",
-        "ts-jest": "^26.1.2",
-        "typedoc": "^0.17.8",
-        "typescript": "^3.9.6",
-        "web-utility": "^1.6.1"
+        "ts-jest": "^26.1.4",
+        "typedoc": "^0.18.0",
+        "typescript": "^3.9.7",
+        "web-utility": "^1.7.0"
     },
     "scripts": {
         "lint": "lint-staged",

source/utility/vDOM.ts

@@ -24,10 +24,7 @@ declare global {
             defaultSlot: VNodeChildElement[];
         }
         interface ElementClass {
-            render: (
-                props: WebCellProps,
-                state: Record<string, any>
-            ) => WebCellElement;
+            render: (props: WebCellProps, state: any) => WebCellElement;
         }
     }
 }