compelem 0.2.6-beta → 0.3.0-b1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "compelem",
-  "version": "0.2.6-beta",
+  "version": "0.3.0-b1",
   "description": "A modern, reactive, fast, lightweight and flexible lib for building web components",
   "main": "index.js",
   "module": "index.js",
@@ -24,17 +24,17 @@
     "test": "rollup --config rollup.config.test.js --watch"
   },
   "devDependencies": {
-    "@babel/preset-typescript": "^7.18.6",
+    "@babel/preset-typescript": "^7.26.0",
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-json": "4.1.0",
     "@rollup/plugin-node-resolve": "14.1.0",
     "@rollup/plugin-terser": "0.4.1",
-    "@typescript-eslint/eslint-plugin": "5.37.0",
-    "@typescript-eslint/parser": "^5.37.0",
+    "@typescript-eslint/eslint-plugin": "8.23.0",
+    "@typescript-eslint/parser": "^8.23.0",
     "autoprefixer": "^10.4.19",
     "bootstrap-icons": "^1.11.3",
-    "eslint": "8.23.1",
-    "eslint-config-prettier": "^8.5.0",
+    "eslint": "9.19.0",
+    "eslint-config-prettier": "^10.0.1",
     "myfx": "^1.7.0",
     "postcss": "^8.4.38",
     "prettier": "^2.8.3",
@@ -46,7 +46,7 @@
     "rollup-plugin-serve": "^2.0.1",
     "rollup-plugin-typescript2": "0.33.0",
     "sass": "^1.72.0",
-    "tslib": "^2.6.2",
-    "typescript": "^5.6.3"
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.3"
   }
 }

package/reactive.d.ts

@@ -3,19 +3,14 @@
  * @author holyhigh2
  */
 import { CompElem } from "./CompElem";
+import { CollectorType } from "./constants";
 import { IView } from "./render/RenderContext";
-import { Getter } from "./types";
+import { Getter, Updater } from "./types";
 export declare const Collector: {
-    startCss(comp: CompElem): void;
-    endCss(): void;
-    setCssUpdater(updater: Getter): void;
-    startCompute(comp: CompElem): void;
-    endCompute(): void;
-    setComputedProp(updater: Getter): void;
-    __computeCollecting: null;
-    __computeUpdater: null;
-    __cssCollecting: null;
-    __cssUpdater: null;
+    collectWatch(comp: CompElem, updater: Getter, subPath: string): void;
+    startCollect(comp: CompElem, type: CollectorType): void;
+    setUpdater(updater: Getter): void;
+    endCollect(): void;
     __directiveQ: any[][];
     setDirectiveQ(val: any[]): void;
     popDirectiveQ(): any[];
@@ -23,6 +18,9 @@ export declare const Collector: {
     endRender(component: CompElem): void;
     collect(prop: string): void;
     clear(): void;
+    __updater: null;
+    __collecting: null;
+    __collectType: number;
     __renderCollection: Set<string>;
     __renderContext: null;
     __renderCollecting: boolean;
@@ -37,3 +35,16 @@ export declare const Collector: {
  * @returns
  */
 export declare function reactive(obj: Record<string, any>, context: any): any;
+export declare class Queue {
+    static watchSet: Set<Updater>;
+    static computedSet: Set<Updater>;
+    static cssSet: Set<Updater>;
+    static nextSet: Set<Updater>;
+    static nextPending: boolean;
+    static next: () => void;
+    static flush(): void;
+    static pushWatch(updater: Getter): void;
+    static pushComputed(updater: Getter): void;
+    static pushCss(updater: Getter): void;
+    static pushNext(updater: () => void): void;
+}

package/types.d.ts

@@ -4,6 +4,7 @@
 import { Template } from "./render/Template";
 export type Constructor<T> = new (...args: any[]) => T;
 export type Getter = () => any;
+export type Updater = (...args: any[]) => any;
 /**
  * 插槽配置对象
  */
@@ -20,6 +21,11 @@ export declare enum DirectiveUpdateTag {
     UPDATE = "UPDATE",//对比更新
     APPEND = "APPEND"
 }
+export type DefaultProps = Partial<{
+    css: Array<string | CSSStyleSheet>;
+    global: Record<string, any>;
+    [key: string]: Record<string, any>;
+}>;
 /**
  * 视图更新点
  */