fix(site): fix type errors

Author: xiaodong2008

pnpm-lock.yaml

@@ -15,6 +15,6 @@
   },
   "dependencies": {
     "highlight.js": "^11.9.0",
-    "jsfast": "workspace:*"
+    "jsfast": "1.0.0-beta.18"
   }
 }

site/package.json

@@ -1,4 +1,4 @@
-import { FastjsDomList, dom } from "jsfast";
+import { FastjsDom, FastjsDomList, dom } from "jsfast";
 
 let calc = 0,
   first = true;
@@ -26,7 +26,8 @@ export function renderFadeIn() {
     if (el.getAttr("fade-in-done")) continue;
     if (
       window.scrollY <= offset &&
-      window.scrollY + window.innerHeight > offset + el.get("offsetHeight")
+      window.scrollY + window.innerHeight >
+        offset + (el as FastjsDom<any>).get("offsetHeight")
     ) {
       setTimeout(() => {
         el.setAttr("fade-in", "true");

site/src/fadeIn.ts

@@ -13,15 +13,17 @@ async function animation(root: FastjsDom) {
   );
 
   for (let key = 0; key < animationList.length; key++) {
-    const el = animationList[key];
+    const el = animationList[key] as FastjsDom<HTMLDivElement>;
     const content = el.getAttr("content");
     const move = el.getAttr("move");
     await delay(200);
 
     if (content) {
       await typeText(content, el);
     } else if (move !== null) {
-      const target = root.next<FastjsDom>(`[move-target="${key}"]`);
+      const target = root.next<FastjsDom<HTMLDivElement>>(
+        `[move-target="${key}"]`
+      );
       const hide = target.getAttr("hide");
 
       target.setStyle("width", hide + "px");
@@ -58,7 +60,7 @@ function delay(ms: number) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
 
-async function typeText(text: string, el: FastjsDom) {
+async function typeText(text: string, el: FastjsDom<any>) {
   let textArr = text.split("");
   for (let i = 0; i < textArr.length; i++) {
     el.html((el.html() + textArr[i]).replace(/ /g, "&nbsp;"));

site/src/pages/home/main.ts

@@ -38,7 +38,7 @@ export function newCard(params: Member): FastjsDom {
   params.button?.forEach((button) => {
     const color = button.color || "white";
     const icon = dom
-      .newEl("a", {
+      .newEl<HTMLAnchorElement>("a", {
         class: "button",
         href: button.link,
         target: "_blank",
@@ -50,7 +50,10 @@ export function newCard(params: Member): FastjsDom {
       .text(button.text);
     if (button.icon) {
       icon.insert(
-        dom.newEl("img", { src: button.icon, alt: button.text }),
+        dom.newEl<HTMLImageElement>("img", {
+          src: button.icon,
+          alt: button.text
+        }),
         "first"
       );
     }
@@ -59,7 +62,7 @@ export function newCard(params: Member): FastjsDom {
   params.social?.forEach((social) => {
     card.next(".social")!.insert(
       dom
-        .newEl("a", {
+        .newEl<HTMLAnchorElement>("a", {
           class: "social",
           href: social.link,
           target: "_blank"

site/src/pages/sponsor/card.ts

@@ -16,6 +16,5 @@
     },
     "types": ["vite/client"]
   },
-  "include": ["src/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": ["src/**/*.ts"]
 }