@actview/core 1.0.1

package/README.md

@@ -0,0 +1,163 @@
+# @actview/core
+
+The core reactive system for Actview, providing Vue-style reactive APIs.
+
+## Installation
+
+```bash
+npm install @actview/core
+# or
+pnpm add @actview/core
+```
+
+## API
+
+### `ref<T>(value: T): Ref<T>`
+
+Creates a reactive reference. Access and modify the value through `.value`.
+
+```typescript
+import { ref } from '@actview/core'
+
+const count = ref(0)
+console.log(count.value) // 0
+
+count.value++
+console.log(count.value) // 1
+```
+
+### `reactive<T>(value: T): T`
+
+Creates a reactive object with deep reactivity support, including arrays.
+
+```typescript
+import { reactive } from '@actview/core'
+
+const state = reactive({
+  name: 'Actview',
+  items: [1, 2, 3]
+})
+
+state.name = 'New Name'  // triggers update
+state.items.push(4)      // triggers update
+```
+
+### `computed<T>(getter: () => T): Ref<T>`
+
+Creates a computed property that automatically recalculates when dependencies change.
+
+```typescript
+import { ref, computed } from '@actview/core'
+
+const count = ref(1)
+const double = computed(() => count.value * 2)
+
+console.log(double.value) // 2
+
+count.value = 5
+console.log(double.value) // 10
+```
+
+### `watch<T>(source, callback)`
+
+Watches reactive data changes. Supports `ref`, `reactive` objects, or getter functions.
+
+```typescript
+import { ref, watch } from '@actview/core'
+
+const count = ref(0)
+
+// Watch a ref
+watch(count, (newVal, oldVal) => {
+  console.log(`count changed: ${oldVal} -> ${newVal}`)
+})
+
+// Watch a getter function
+watch(
+  () => count.value * 2,
+  (newVal, oldVal) => {
+    console.log(`double changed: ${oldVal} -> ${newVal}`)
+  }
+)
+```
+
+### `watchEffect(callback: () => void)`
+
+Immediately executes the callback and automatically tracks dependencies. Re-executes when dependencies change.
+
+```typescript
+import { ref, watchEffect } from '@actview/core'
+
+const count = ref(0)
+
+watchEffect(() => {
+  console.log(`count is: ${count.value}`)
+})
+// Immediately outputs: count is: 0
+
+count.value = 1
+// Outputs: count is: 1
+```
+
+### `compile(option: Option)`
+
+Configuration-driven DOM binding. Automatically binds data and events through selectors.
+
+```typescript
+import { ref, compile } from '@actview/core'
+
+const visible = ref(true)
+const message = ref('Hello')
+
+compile({
+  selector: '#app',
+  show: () => visible.value,
+  text: () => message.value,
+  listeners: [
+    { type: 'click', callback: () => visible.value = !visible.value }
+  ]
+})
+```
+
+#### Option Properties
+
+| Property | Type | Description |
+|----------|------|-------------|
+| `selector` | `string` | jQuery selector |
+| `show` | `boolean \| () => boolean` | Controls element visibility |
+| `text` | `string \| () => string` | Sets element text content |
+| `render` | `() => string \| Node` | Custom render function (supports JSX) |
+| `listeners` | `Listener[]` | Event listeners array |
+
+## Type Definitions
+
+```typescript
+// Reactive reference
+type Ref<T> = {
+  value: T
+  __isRef: true
+}
+
+// Event listener (type-safe)
+type Listener<K extends keyof HTMLElementEventMap> = {
+  type: K
+  callback: (e: HTMLElementEventMap[K]) => void
+}
+
+// compile options
+type Option = {
+  selector: string
+  show?: boolean | (() => boolean)
+  text?: string | (() => string)
+  listeners?: Listener[]
+  render?: () => string | HTMLElement | Text | DocumentFragment
+}
+```
+
+## Dependencies
+
+- `jquery` ^4.0.0
+
+## License
+
+MIT

package/README.zh.md

@@ -0,0 +1,163 @@
+# @actview/core
+
+Actview 的核心响应式系统，提供 Vue 风格的响应式 API。
+
+## 安装
+
+```bash
+npm install @actview/core
+# 或
+pnpm add @actview/core
+```
+
+## API
+
+### `ref<T>(value: T): Ref<T>`
+
+创建一个响应式引用，通过 `.value` 访问和修改值。
+
+```typescript
+import { ref } from '@actview/core'
+
+const count = ref(0)
+console.log(count.value) // 0
+
+count.value++
+console.log(count.value) // 1
+```
+
+### `reactive<T>(value: T): T`
+
+创建一个响应式对象，支持深层响应式和数组。
+
+```typescript
+import { reactive } from '@actview/core'
+
+const state = reactive({
+  name: 'Actview',
+  items: [1, 2, 3]
+})
+
+state.name = 'New Name'  // 触发更新
+state.items.push(4)      // 触发更新
+```
+
+### `computed<T>(getter: () => T): Ref<T>`
+
+创建一个计算属性，依赖变化时自动重新计算。
+
+```typescript
+import { ref, computed } from '@actview/core'
+
+const count = ref(1)
+const double = computed(() => count.value * 2)
+
+console.log(double.value) // 2
+
+count.value = 5
+console.log(double.value) // 10
+```
+
+### `watch<T>(source, callback)`
+
+监听响应式数据变化，支持 `ref`、`reactive` 对象或 getter 函数。
+
+```typescript
+import { ref, watch } from '@actview/core'
+
+const count = ref(0)
+
+// 监听 ref
+watch(count, (newVal, oldVal) => {
+  console.log(`count changed: ${oldVal} -> ${newVal}`)
+})
+
+// 监听 getter 函数
+watch(
+  () => count.value * 2,
+  (newVal, oldVal) => {
+    console.log(`double changed: ${oldVal} -> ${newVal}`)
+  }
+)
+```
+
+### `watchEffect(callback: () => void)`
+
+立即执行回调函数，并自动追踪依赖，依赖变化时重新执行。
+
+```typescript
+import { ref, watchEffect } from '@actview/core'
+
+const count = ref(0)
+
+watchEffect(() => {
+  console.log(`count is: ${count.value}`)
+})
+// 立即输出: count is: 0
+
+count.value = 1
+// 输出: count is: 1
+```
+
+### `compile(option: Option)`
+
+配置驱动的 DOM 绑定，通过选择器自动绑定数据和事件。
+
+```typescript
+import { ref, compile } from '@actview/core'
+
+const visible = ref(true)
+const message = ref('Hello')
+
+compile({
+  selector: '#app',
+  show: () => visible.value,
+  text: () => message.value,
+  listeners: [
+    { type: 'click', callback: () => visible.value = !visible.value }
+  ]
+})
+```
+
+#### Option 配置项
+
+| 属性 | 类型 | 说明 |
+|------|------|------|
+| `selector` | `string` | jQuery 选择器 |
+| `show` | `boolean \| () => boolean` | 控制元素显示/隐藏 |
+| `text` | `string \| () => string` | 设置元素文本内容 |
+| `render` | `() => string \| Node` | 自定义渲染函数（支持 JSX） |
+| `listeners` | `Listener[]` | 事件监听器列表 |
+
+## 类型定义
+
+```typescript
+// 响应式引用
+type Ref<T> = {
+  value: T
+  __isRef: true
+}
+
+// 事件监听器（类型安全）
+type Listener<K extends keyof HTMLElementEventMap> = {
+  type: K
+  callback: (e: HTMLElementEventMap[K]) => void
+}
+
+// compile 配置
+type Option = {
+  selector: string
+  show?: boolean | (() => boolean)
+  text?: string | (() => string)
+  listeners?: Listener[]
+  render?: () => string | HTMLElement | Text | DocumentFragment
+}
+```
+
+## 依赖
+
+- `jquery` ^4.0.0
+
+## License
+
+MIT

package/compile.d.ts

@@ -0,0 +1,3 @@
+import { Option } from "./types";
+export declare function compile(option: Option): void;
+//# sourceMappingURL=compile.d.ts.map

package/compile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compile.d.ts","sourceRoot":"","sources":["../compile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAOjC,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,QA4ErC"}

package/computed.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from "./types";
+export declare function computed<T>(computedFn: () => T): Ref<T>;
+//# sourceMappingURL=computed.d.ts.map

package/computed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"computed.d.ts","sourceRoot":"","sources":["../computed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAI7B,wBAAgB,QAAQ,CAAC,CAAC,EAAE,UAAU,EAAE,MAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAStD"}

package/diff.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 简单的 DOM Diff 算法
+ * @param oldNode 旧节点
+ * @param newNode 新节点
+ * @returns 实际更新后的节点（如果是替换操作，返回新节点；如果是属性更新，返回旧节点）
+ */
+export declare function diff(oldNode: Node, newNode: Node): Node;
+export declare function diffChildren(parent: HTMLElement, oldList: (Node | undefined | null)[], newList: (Node | undefined | null)[]): void;
+//# sourceMappingURL=diff.d.ts.map

package/diff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff.d.ts","sourceRoot":"","sources":["../diff.ts"],"names":[],"mappings":"AACA;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,GAAG,IAAI,CAqCvD;AAsED,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC,EAAE,QAkB3H"}

package/event.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from "./types";
+export declare class EventBus {
+    private subscribers;
+    subscribe(ref: Ref<any>, callback: () => void): void;
+    publish(ref: Ref<any>): void;
+}
+export declare const eventBus: EventBus;
+//# sourceMappingURL=event.d.ts.map

package/event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event.d.ts","sourceRoot":"","sources":["../event.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAE9B,qBAAa,QAAQ;IACnB,OAAO,CAAC,WAAW,CAAsC;IAGzD,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI;IAQ7C,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC;CAItB;AAED,eAAO,MAAM,QAAQ,UAAiB,CAAC"}

package/index.cjs

@@ -0,0 +1,324 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const $ = require("jquery");
+class EventBus {
+  constructor() {
+    __publicField(this, "subscribers", /* @__PURE__ */ new Map());
+  }
+  // 订阅
+  subscribe(ref2, callback) {
+    var _a;
+    if (!this.subscribers.has(ref2)) {
+      this.subscribers.set(ref2, /* @__PURE__ */ new Set());
+    }
+    (_a = this.subscribers.get(ref2)) == null ? void 0 : _a.add(callback);
+  }
+  // 发布
+  publish(ref2) {
+    const callbacks = this.subscribers.get(ref2);
+    if (callbacks) callbacks.forEach((cb) => cb());
+  }
+}
+const eventBus = new EventBus();
+let currentUpdateFn = null;
+function setCurrentUpdateFn(fn) {
+  currentUpdateFn = fn;
+}
+function getCurrentUpdateFn() {
+  return currentUpdateFn;
+}
+function ref(value) {
+  const obj = { value, __isRef: true };
+  const state = new Proxy(obj, {
+    set: (target, key, value2) => {
+      if (key === "value") {
+        target[key] = value2;
+        eventBus.publish(state);
+      }
+      return true;
+    },
+    get: (target, key) => {
+      const currentUpdateFn2 = getCurrentUpdateFn();
+      if (key === "value" && currentUpdateFn2) {
+        eventBus.subscribe(state, currentUpdateFn2);
+      }
+      return target[key];
+    }
+  });
+  return state;
+}
+function computed(computedFn) {
+  const computedRef = ref(null);
+  const updateFn = () => {
+    computedRef.value = computedFn();
+  };
+  setCurrentUpdateFn(updateFn);
+  updateFn();
+  setCurrentUpdateFn(null);
+  return computedRef;
+}
+function watchEffect(callback) {
+  setCurrentUpdateFn(callback);
+  callback();
+  setCurrentUpdateFn(null);
+}
+const reactiveTriggerMap = /* @__PURE__ */ new WeakMap();
+function getReactiveTriggerRef(target) {
+  if (target && typeof target === "object") return reactiveTriggerMap.get(target) ?? null;
+  return null;
+}
+function reactive(inittialValue) {
+  const triggerRef = { value: null, __isRef: true };
+  const createReactiveObject = (obj) => {
+    if (obj === null || typeof obj !== "object") return obj;
+    if (Array.isArray(obj)) {
+      return reactiveArray(obj);
+    }
+    const proxy = new Proxy(obj, {
+      get(target, key) {
+        const currentUpdateFn2 = getCurrentUpdateFn();
+        if (currentUpdateFn2) eventBus.subscribe(triggerRef, currentUpdateFn2);
+        const value = target[key];
+        if (value !== null && typeof value === "object") {
+          return createReactiveObject(value);
+        }
+        return value;
+      },
+      set(target, key, newValue) {
+        const oldValue = target[key];
+        if (oldValue !== newValue) {
+          target[key] = newValue;
+          eventBus.publish(triggerRef);
+        }
+        return true;
+      },
+      deleteProperty(target, key) {
+        const result = Reflect.deleteProperty(target, key);
+        eventBus.publish(triggerRef);
+        return result;
+      }
+    });
+    reactiveTriggerMap.set(proxy, triggerRef);
+    return proxy;
+  };
+  return createReactiveObject(inittialValue);
+}
+function reactiveArray(inittialValue) {
+  const arrayMethods = [
+    "push",
+    "pop",
+    "shift",
+    "unshift",
+    "splice",
+    "soft",
+    "reverse",
+    "fill",
+    "copyWithin"
+  ];
+  const triggerRef = { value: null, __isRef: true };
+  if (Array.isArray(inittialValue)) {
+    const proxy = new Proxy(inittialValue.map((item) => reactive(item)), {
+      get(target, key) {
+        const value = target[key];
+        const currentUpdateFn2 = getCurrentUpdateFn();
+        if (currentUpdateFn2) eventBus.subscribe(triggerRef, currentUpdateFn2);
+        if (typeof key === "string" && arrayMethods.includes(key) && typeof value === "function") {
+          return function(...args) {
+            const result = value.apply(target, args);
+            eventBus.publish(triggerRef);
+            return result;
+          };
+        }
+        return value;
+      },
+      set(target, key, newValue) {
+        const result = Reflect.set(target, key, reactive(newValue));
+        if (typeof key === "string" && (!isNaN(Number(key)) || key === "length")) eventBus.publish(triggerRef);
+        return result;
+      }
+    });
+    reactiveTriggerMap.set(proxy, triggerRef);
+    return proxy;
+  }
+  return inittialValue;
+}
+function isRefLike(value) {
+  return !!value && typeof value === "object" && value.__isRef === true;
+}
+function watch(source, callback) {
+  if (typeof source === "function") {
+    const getter = source;
+    let oldValue;
+    const runGetter = () => {
+      setCurrentUpdateFn(job);
+      const value = getter();
+      setCurrentUpdateFn(null);
+      return value;
+    };
+    const job = () => {
+      const newValue = runGetter();
+      if (Object.is(newValue, oldValue)) return;
+      callback(newValue, oldValue);
+      oldValue = newValue;
+    };
+    oldValue = runGetter();
+    return;
+  }
+  if (isRefLike(source)) {
+    const ref2 = source;
+    let oldValue = ref2.value;
+    eventBus.subscribe(
+      ref2,
+      () => {
+        const newValue = ref2.value;
+        if (Object.is(newValue, oldValue)) return;
+        callback(newValue, oldValue);
+        oldValue = newValue;
+      }
+    );
+    return;
+  }
+  const triggerRef = getReactiveTriggerRef(source);
+  if (!triggerRef) {
+    throw new Error("watch 只能监控 ref、reactive 返回值，或 getter 函数");
+  }
+  let oldSnapshot = source;
+  eventBus.subscribe(triggerRef, () => {
+    const newSnapshot = source;
+    callback(newSnapshot, oldSnapshot);
+    oldSnapshot = newSnapshot;
+  });
+}
+function diff(oldNode, newNode) {
+  var _a;
+  if (oldNode.nodeType !== newNode.nodeType || oldNode.nodeName !== newNode.nodeName) {
+    (_a = oldNode.parentNode) == null ? void 0 : _a.replaceChild(newNode, oldNode);
+    return newNode;
+  }
+  if (oldNode.nodeType === Node.TEXT_NODE) {
+    if (oldNode.textContent !== newNode.textContent) {
+      oldNode.textContent = newNode.textContent;
+    }
+    return oldNode;
+  }
+  if (oldNode instanceof HTMLElement && newNode instanceof HTMLElement) {
+    updateAttributes(oldNode, newNode);
+    updateChildren(oldNode, newNode);
+    return oldNode;
+  }
+  if (oldNode instanceof DocumentFragment || newNode instanceof DocumentFragment) {
+    return newNode;
+  }
+  return oldNode;
+}
+function updateAttributes(oldNode, newNode) {
+  Array.from(oldNode.attributes).forEach((attr) => {
+    if (!newNode.hasAttribute(attr.name)) {
+      oldNode.removeAttribute(attr.name);
+    }
+  });
+  Array.from(newNode.attributes).forEach((attr) => {
+    if (oldNode.getAttribute(attr.name) !== attr.value) {
+      oldNode.setAttribute(attr.name, attr.value);
+    }
+  });
+  if ("value" in newNode && "value" in oldNode) {
+    const newValue = newNode.value;
+    const oldValue = oldNode.value;
+    const hasValueAttr = newNode.hasAttribute("value");
+    if (newValue !== oldValue) {
+      if (hasValueAttr || newValue !== "") {
+        oldNode.value = newValue;
+      }
+    }
+  }
+}
+function updateChildren(oldParent, newParent) {
+  const oldChildren = Array.from(oldParent.childNodes);
+  const newChildren = Array.from(newParent.childNodes);
+  const maxLength = Math.max(oldChildren.length, newChildren.length);
+  for (let i = 0; i < maxLength; i++) {
+    const oldChild = oldChildren[i];
+    const newChild = newChildren[i];
+    if (!oldChild && newChild) {
+      oldParent.appendChild(newChild);
+    } else if (oldChild && !newChild) {
+      oldParent.removeChild(oldChild);
+    } else if (oldChild && newChild) {
+      diff(oldChild, newChild);
+    }
+  }
+}
+function diffChildren(parent, oldList, newList) {
+  const maxLength = Math.max(oldList.length, newList.length);
+  for (let i = 0; i < maxLength; i++) {
+    const oldNode = oldList[i];
+    const newNode = newList[i];
+    if (!oldNode && newNode) {
+      parent.appendChild(newNode);
+    } else if (oldNode && !newNode) {
+      parent.removeChild(oldNode);
+    } else if (oldNode && newNode) {
+      diff(oldNode, newNode);
+    }
+  }
+}
+function compile(option) {
+  const { selector, show, text, listeners, render } = option;
+  const element = $(selector);
+  const updateFn = () => {
+    const showValue = typeof show === "function" ? show() : show;
+    const textValue = typeof text === "function" ? text() : text;
+    if (textValue !== void 0) element.text(textValue);
+    showValue || showValue === void 0 ? element.show() : element.hide();
+    if (render && typeof render === "function") {
+      const lastRenderResult = element.data("__lastRenderResult");
+      const result = render();
+      if (typeof result === "string") {
+        element.empty();
+        element.text(result);
+        element.data("__lastRenderResult", null);
+      } else if (result instanceof Node) {
+        let currentNodes;
+        if (result instanceof DocumentFragment) {
+          currentNodes = Array.from(result.childNodes);
+        } else {
+          currentNodes = result;
+        }
+        if (lastRenderResult) {
+          if (!Array.isArray(lastRenderResult) && !Array.isArray(currentNodes) && lastRenderResult instanceof HTMLElement && currentNodes instanceof HTMLElement) {
+            const newDom = diff(lastRenderResult, currentNodes);
+            element.data("__lastRenderResult", newDom);
+          } else {
+            const oldList = Array.isArray(lastRenderResult) ? lastRenderResult : [lastRenderResult];
+            const newList = Array.isArray(currentNodes) ? currentNodes : [currentNodes];
+            diffChildren(element[0], oldList, newList);
+            element.data("__lastRenderResult", currentNodes);
+          }
+        } else {
+          element.empty();
+          element.append(result);
+          element.data("__lastRenderResult", currentNodes);
+        }
+      }
+    }
+  };
+  setCurrentUpdateFn(updateFn);
+  updateFn();
+  setCurrentUpdateFn(null);
+  if (listeners && listeners.length > 0) {
+    listeners.forEach((listener) => {
+      element.on(listener.type, listener.callback);
+    });
+  }
+}
+exports.compile = compile;
+exports.computed = computed;
+exports.reactive = reactive;
+exports.ref = ref;
+exports.watch = watch;
+exports.watchEffect = watchEffect;
+//# sourceMappingURL=index.cjs.map

package/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../event.ts","../state.ts","../ref.ts","../computed.ts","../watchEffect.ts","../reactive.ts","../watch.ts","../diff.ts","../compile.ts"],"sourcesContent":["import { Ref } from \"./types\";\r\n\r\nexport class EventBus {\r\n  private subscribers = new Map<Ref<any>, Set<()=>void>>();\r\n\r\n  // 订阅\r\n  subscribe(ref: Ref<any>, callback: () => void) {\r\n    if (!this.subscribers.has(ref)) {\r\n      this.subscribers.set(ref, new Set());\r\n    }\r\n    this.subscribers.get(ref)?.add(callback);\r\n  }\r\n\r\n  // 发布\r\n  publish(ref: Ref<any>){\r\n    const callbacks = this.subscribers.get(ref);\r\n    if(callbacks) callbacks.forEach(cb=>cb())\r\n  }\r\n}\r\n\r\nexport const eventBus = new EventBus();","export let currentUpdateFn: (() => void) | null = null;\r\n\r\nexport function setCurrentUpdateFn(fn: (() => void) | null) {\r\n  currentUpdateFn = fn;\r\n}\r\n\r\nexport function getCurrentUpdateFn() {\r\n  return currentUpdateFn;\r\n}\r\n","import { Ref } from \"./types\";\r\nimport { eventBus } from \"./event\";\r\nimport { getCurrentUpdateFn } from \"./state\";\r\nexport function ref<T>(value: T): Ref<T> {\r\n  const obj = { value, __isRef: true };\r\n  const state = new Proxy(obj, {\r\n    set: (target, key, value) => {\r\n      if (key === \"value\") {\r\n        target[key] = value;\r\n        eventBus.publish(state);\r\n      }\r\n      return true;\r\n    },\r\n    get: (target, key) => {\r\n      const currentUpdateFn = getCurrentUpdateFn();\r\n      if (key === \"value\" && currentUpdateFn) {\r\n        eventBus.subscribe(state, currentUpdateFn);\r\n      }\r\n      return target[key as keyof typeof target];\r\n    },\r\n  }) as Ref<T>;\r\n  return state;\r\n}","import { Ref } from \"./types\"\nimport { ref } from \"./ref\"\nimport { setCurrentUpdateFn } from \"./state\"\n\nexport function computed<T>(computedFn: ()=> T): Ref<T>{\n  const computedRef = ref<T | null>(null)\n  const updateFn = ()=> {\n    computedRef.value = computedFn()\n  }\n  setCurrentUpdateFn(updateFn)\n  updateFn()\n  setCurrentUpdateFn(null)\n  return computedRef as Ref<T>\n}\n","import { setCurrentUpdateFn } from \"./state\"\n\n/**\n * 监听响应式数据的变化，当数据变化时，调用回调函数\n * @param callback \n */\nexport function watchEffect(callback: () => void) {\n  setCurrentUpdateFn(callback)\n  callback()\n  setCurrentUpdateFn(null)\n}","import { Ref } from \"./types\";\nimport { eventBus } from \"./event\";\nimport { getCurrentUpdateFn } from \"./state\";\n\nconst reactiveTriggerMap = new WeakMap<object, Ref<any>>()\n\nexport function getReactiveTriggerRef(target: unknown): Ref<any> | null {\n  if(target && typeof target === 'object') return reactiveTriggerMap.get(target as object) ?? null\n  return null\n}\n\nexport function reactive<T extends object>(inittialValue: T): T {\n  const triggerRef = { value: null, __isRef: true as const } as Ref<any>\n\n  const createReactiveObject = (obj: any): any=> {\n    if(obj === null || typeof obj !== 'object') return obj\n    \n    // 如果是数组，递归处理每个元素\n    if(Array.isArray(obj)){\n      return reactiveArray(obj)\n    }\n\n    // 处理普通对象\n    const proxy = new Proxy(obj, {\n      get(target, key){\n        const currentUpdateFn = getCurrentUpdateFn()\n        if(currentUpdateFn) eventBus.subscribe(triggerRef, currentUpdateFn)\n        \n        const value = target[key]\n        // 如果属性值是对象，递归代理\n        if(value !== null && typeof value === 'object'){\n          return createReactiveObject(value)\n        }\n        return value\n      },\n      set(target, key, newValue) {\n        const oldValue = target[key]\n        if(oldValue !== newValue) {\n          target[key] = newValue\n          eventBus.publish(triggerRef)\n        }\n        return true\n      },\n      deleteProperty(target, key){\n        const result = Reflect.deleteProperty(target, key)\n        eventBus.publish(triggerRef);\n        return result;\n      }\n   \n    })\n\n    reactiveTriggerMap.set(proxy, triggerRef)\n    return proxy\n  }\n  return createReactiveObject(inittialValue)\n}\n\n\nexport function reactiveArray<T extends object>(inittialValue: T): T {\n  // 需要拦截的数组变更方法\n  const arrayMethods = [\n    'push', 'pop', 'shift', 'unshift',\n    'splice', 'soft', 'reverse', 'fill',\n    'copyWithin'\n  ]\n\n  const triggerRef = {value: null, __isRef: true as const} as Ref<any>\n\n  if(Array.isArray(inittialValue)){\n    const proxy = new Proxy(inittialValue.map(item=>reactive(item)),{\n      get(target, key){\n        const value = target[key as keyof typeof target]\n        const currentUpdateFn = getCurrentUpdateFn()\n        if(currentUpdateFn) eventBus.subscribe(triggerRef,currentUpdateFn)\n        \n        if(typeof key === 'string' && arrayMethods.includes(key) && typeof value === 'function'){\n          return  function(...args: any[]){\n            const result = (value as Function).apply(target, args);\n            eventBus.publish(triggerRef);\n            return result;\n          }\n        }\n\n        return value;\n      },\n      set(target, key, newValue){\n        const result = Reflect.set(target, key, reactive(newValue))\n        if(typeof key === 'string' && (!isNaN(Number(key)) || key === 'length')) eventBus.publish(triggerRef)\n        return result\n      }\n    }) as T\n    reactiveTriggerMap.set(proxy as unknown as object, triggerRef)\n    return proxy\n  }\n  return inittialValue\n}\n","import { Ref } from \"./types\";\nimport { eventBus } from \"./event\";\nimport { getReactiveTriggerRef } from \"./reactive\";\nimport { setCurrentUpdateFn } from \"./state\";\n\nfunction isRefLike<T = unknown>(value: unknown): value is Ref<T> {\n  return !!value && typeof value === 'object' && (value as any).__isRef === true\n}\n\nexport function watch<T>(source: Ref<T> | (() => T) | object, callback: (newValue: T, oldValue: T) => void) {\n  if(typeof source === 'function') {\n    const getter = source as () => T\n    let oldValue: T\n\n    const runGetter = () => {\n      setCurrentUpdateFn(job)\n      const value = getter()\n      setCurrentUpdateFn(null)\n      return value\n    }\n\n    const job = () => {\n      const newValue = runGetter()\n      if(Object.is(newValue, oldValue)) return\n      callback(newValue, oldValue)\n      oldValue = newValue\n    }\n\n    oldValue = runGetter()\n    return\n  }\n\n  if(isRefLike<T>(source)) {\n    const ref = source as Ref<T>\n    let oldValue = ref.value;\n\n    eventBus.subscribe(\n      ref,\n      () => {\n        const newValue = ref.value;\n        if(Object.is(newValue, oldValue)) return\n        callback(newValue, oldValue);\n        oldValue = newValue;\n      }\n    );\n    return\n  }\n\n  const triggerRef = getReactiveTriggerRef(source)\n  if(!triggerRef) {\n    throw new Error('watch 只能监控 ref、reactive 返回值，或 getter 函数')\n  }\n\n  let oldSnapshot = source as T\n  eventBus.subscribe(triggerRef, () => {\n    const newSnapshot = source as T\n    callback(newSnapshot, oldSnapshot)\n    oldSnapshot = newSnapshot\n  })\n}\n","\n/**\n * 简单的 DOM Diff 算法\n * @param oldNode 旧节点\n * @param newNode 新节点\n * @returns 实际更新后的节点（如果是替换操作，返回新节点；如果是属性更新，返回旧节点）\n */\nexport function diff(oldNode: Node, newNode: Node): Node {\n  // 1. 如果节点类型不同，直接替换\n  if (oldNode.nodeType !== newNode.nodeType || oldNode.nodeName !== newNode.nodeName) {\n    oldNode.parentNode?.replaceChild(newNode, oldNode);\n    return newNode;\n  }\n\n  // 2. 文本节点处理\n  if (oldNode.nodeType === Node.TEXT_NODE) {\n    if (oldNode.textContent !== newNode.textContent) {\n      oldNode.textContent = newNode.textContent;\n    }\n    return oldNode;\n  }\n\n  // 3. 元素节点处理\n  if (oldNode instanceof HTMLElement && newNode instanceof HTMLElement) {\n    // 3.1 更新属性\n    updateAttributes(oldNode, newNode);\n\n    // 3.2 更新子节点\n    updateChildren(oldNode, newNode);\n    \n    return oldNode;\n  }\n  \n  // DocumentFragment 处理（简单策略：直接把新内容插进去，不做精细 diff）\n  if (oldNode instanceof DocumentFragment || newNode instanceof DocumentFragment) {\n     // Fragment 比较特殊，插入后就消失了，这里无法复用 oldNode\n     // 简单策略：如果父节点存在，用新 Fragment 替换旧位置的所有内容\n     // 但由于 Fragment 插入后不可追踪，这里我们假设 compile.ts 里的用法场景：\n     // 如果上次是 Fragment，这次也是 Fragment，我们很难直接 diff 它们（因为 Fragment 自身不留在 DOM 树上）\n     // 所以对于 Fragment，建议在 compile 层直接全量替换，或者 diff 算法只处理 Element/Text\n     return newNode;\n  }\n\n  return oldNode;\n}\n\nfunction updateAttributes(oldNode: HTMLElement, newNode: HTMLElement) {\n  // 移除旧属性\n  Array.from(oldNode.attributes).forEach(attr => {\n    if (!newNode.hasAttribute(attr.name)) {\n      oldNode.removeAttribute(attr.name);\n    }\n  });\n\n  // 设置新属性\n  Array.from(newNode.attributes).forEach(attr => {\n    if (oldNode.getAttribute(attr.name) !== attr.value) {\n      oldNode.setAttribute(attr.name, attr.value);\n    }\n  });\n  \n  // 特殊处理 value (input/textarea)\n  // 只有当新节点显式设置了 value 属性（attribute）或者新节点的 value 属性（property）与默认空值不同时，才去同步 property\n  // 这样可以避免“非受控组件”的用户输入被意外清空\n  // 但对于受控组件（render 里 value={state}），如果 state 没变（render 出的 value 还是旧的），\n  // 这里也会把用户输入重置回旧 state（符合 React 受控组件行为）。\n  if ('value' in newNode && 'value' in oldNode) {\n    const newValue = (newNode as any).value;\n    const oldValue = (oldNode as any).value;\n    \n    // 只有当新值确实不同，且新节点似乎是有意设置了值时才更新\n    // 简单的判断：如果新节点的 value 和它的 defaultValue (即 attribute) 一致，\n    // 或者新节点有 value attribute，我们才认为它是受控的或者有明确初值的。\n    // 如果新节点完全没设 value（attribute 是 null，property 是空串），可能是个“无辜”的非受控节点，\n    // 这时如果旧节点有用户输入（oldValue != \"\"），我们尽量保留它。\n    \n    const hasValueAttr = newNode.hasAttribute('value');\n    if (newValue !== oldValue) {\n      // 如果新节点有显式的 value 属性，或者新节点的 value 属性不为空，强制同步\n      if (hasValueAttr || newValue !== '') {\n        (oldNode as any).value = newValue;\n      }\n    }\n  }\n}\n\nfunction updateChildren(oldParent: HTMLElement, newParent: HTMLElement) {\n  const oldChildren = Array.from(oldParent.childNodes);\n  const newChildren = Array.from(newParent.childNodes);\n  \n  const maxLength = Math.max(oldChildren.length, newChildren.length);\n\n  for (let i = 0; i < maxLength; i++) {\n    const oldChild = oldChildren[i];\n    const newChild = newChildren[i];\n\n    if (!oldChild && newChild) {\n      // 新增节点\n      // 注意：这里需要 clone newChild，因为 appendChild 会移动节点\n      // 但由于我们是在构建新的 vdom（这里其实是真实 dom），直接移过去也没问题，\n      // 不过 diff 函数通常假设 newNode 是个模版。\n      // 在当前框架下，newNode 是 render() 刚刚生成的新鲜 DOM，直接移动即可。\n      oldParent.appendChild(newChild);\n    } else if (oldChild && !newChild) {\n      // 删除节点\n      oldParent.removeChild(oldChild);\n    } else if (oldChild && newChild) {\n      // 递归 diff\n      diff(oldChild, newChild);\n    }\n  }\n}\n\n\nexport function diffChildren(parent: HTMLElement, oldList: (Node | undefined | null)[], newList: (Node | undefined | null)[]) {\n  const maxLength = Math.max(oldList.length, newList.length);\n  \n  for (let i = 0; i < maxLength; i++) {\n    const oldNode = oldList[i];\n    const newNode = newList[i];\n\n    if (!oldNode && newNode) {\n      // 新增\n      parent.appendChild(newNode);\n    } else if (oldNode && !newNode) {\n      // 删除\n      parent.removeChild(oldNode);\n    } else if (oldNode && newNode) {\n      // 对比更新\n      diff(oldNode as Node, newNode);\n    }\n  }\n}","import { Option } from \"./types\";\r\nimport $ from \"jquery\";\r\nimport { setCurrentUpdateFn } from \"./state\";\r\n\r\n\r\nimport { diff, diffChildren } from \"./diff\";\r\n\r\nexport function compile(option: Option) {\r\n  const { selector, show, text, listeners,render } = option;\r\n\r\n  const element = $(selector);\r\n\r\n  const updateFn = () => {\r\n    const showValue = typeof show === \"function\" ? show() : show;\r\n    const textValue = typeof text === \"function\" ? text() : text;\r\n    if (textValue !== undefined) element.text(textValue);\r\n    showValue || showValue === undefined ? element.show() : element.hide();\r\n    if(render && typeof render === 'function'){\r\n      // 获取上一次渲染的 DOM 结构（可能是单个 Node，也可能是 Node 列表）\r\n      // 如果是 Fragment，我们需要追踪的是它的 childNodes 列表，而不是 Fragment 本身\r\n      const lastRenderResult = element.data('__lastRenderResult') as Node | Node[] | undefined\r\n      \r\n      const result = render()\r\n      \r\n      if(typeof result === 'string') {\r\n        element.empty()\r\n        element.text(result)\r\n        element.data('__lastRenderResult', null)\r\n      } else if(result instanceof Node) {\r\n         // 准备本次渲染的“追踪对象”\r\n         // 如果是 Fragment，我们需要克隆一份它的子节点列表（因为 append 后 Fragment 就空了）\r\n         let currentNodes: Node | Node[];\r\n         if (result instanceof DocumentFragment) {\r\n            currentNodes = Array.from(result.childNodes);\r\n         } else {\r\n            currentNodes = result;\r\n         }\r\n\r\n         if (lastRenderResult) {\r\n            // 执行 Diff\r\n            // 情况 1: 都是单个元素 (Element vs Element)\r\n            if (!Array.isArray(lastRenderResult) && !Array.isArray(currentNodes) && \r\n                lastRenderResult instanceof HTMLElement && currentNodes instanceof HTMLElement) {\r\n                const newDom = diff(lastRenderResult, currentNodes)\r\n                element.data('__lastRenderResult', newDom)\r\n            } \r\n            // 情况 2: 涉及列表/Fragment (List vs List / Element vs List / List vs Element)\r\n            else {\r\n                // 暂时降级：如果涉及 Fragment 列表 diff，逻辑比较复杂（需要类似 Vue 的列表 diff），\r\n                // 这里为了稳健，如果检测到列表长度没变且 key 没变（这里没 key），可以尝试原地 patch？\r\n                // 鉴于目前 diff 算法较弱，先保留“清空重绘”逻辑，但我们可以优化一下：\r\n                // 如果是列表对列表，我们可以尝试一一对比？\r\n                \r\n                // 简单起见，我们对 Fragment 场景仍然做全量替换，以保证正确性。\r\n                // 如果你想解决 input 失去焦点问题，必须在这里实现真正的列表 diff。\r\n                // 也就是：diffArrays(oldChildren, newChildren, parent)\r\n                \r\n                // 下面尝试一个简单的列表 diff (无 key，按 index 对比)\r\n                const oldList = Array.isArray(lastRenderResult) ? lastRenderResult : [lastRenderResult];\r\n                const newList = Array.isArray(currentNodes) ? currentNodes : [currentNodes];\r\n                \r\n                diffChildren(element[0], oldList, newList);\r\n                element.data('__lastRenderResult', currentNodes) // 注意：这里存的是新生成的节点引用\r\n            }\r\n         } else {\r\n            // 首次渲染\r\n            element.empty()\r\n            element.append(result)\r\n            element.data('__lastRenderResult', currentNodes)\r\n         }\r\n      }\r\n    }\r\n  };\r\n\r\n  setCurrentUpdateFn(updateFn);\r\n  updateFn();\r\n  setCurrentUpdateFn(null);\r\n\r\n  if (listeners && listeners.length > 0) {\r\n    listeners.forEach((listener) => {\r\n      element.on(listener.type, listener.callback);\r\n    });\r\n  }\r\n}\r\n\r\n\r\n"],"names":["ref","value","currentUpdateFn"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,8 @@
+export { ref } from "./ref";
+export { computed } from "./computed";
+export { watchEffect } from "./watchEffect";
+export { watch } from "./watch";
+export { reactive } from "./reactive";
+export { compile } from "./compile";
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,cAAc,SAAS,CAAA"}

package/index.mjs

@@ -0,0 +1,324 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import $ from "jquery";
+class EventBus {
+  constructor() {
+    __publicField(this, "subscribers", /* @__PURE__ */ new Map());
+  }
+  // 订阅
+  subscribe(ref2, callback) {
+    var _a;
+    if (!this.subscribers.has(ref2)) {
+      this.subscribers.set(ref2, /* @__PURE__ */ new Set());
+    }
+    (_a = this.subscribers.get(ref2)) == null ? void 0 : _a.add(callback);
+  }
+  // 发布
+  publish(ref2) {
+    const callbacks = this.subscribers.get(ref2);
+    if (callbacks) callbacks.forEach((cb) => cb());
+  }
+}
+const eventBus = new EventBus();
+let currentUpdateFn = null;
+function setCurrentUpdateFn(fn) {
+  currentUpdateFn = fn;
+}
+function getCurrentUpdateFn() {
+  return currentUpdateFn;
+}
+function ref(value) {
+  const obj = { value, __isRef: true };
+  const state = new Proxy(obj, {
+    set: (target, key, value2) => {
+      if (key === "value") {
+        target[key] = value2;
+        eventBus.publish(state);
+      }
+      return true;
+    },
+    get: (target, key) => {
+      const currentUpdateFn2 = getCurrentUpdateFn();
+      if (key === "value" && currentUpdateFn2) {
+        eventBus.subscribe(state, currentUpdateFn2);
+      }
+      return target[key];
+    }
+  });
+  return state;
+}
+function computed(computedFn) {
+  const computedRef = ref(null);
+  const updateFn = () => {
+    computedRef.value = computedFn();
+  };
+  setCurrentUpdateFn(updateFn);
+  updateFn();
+  setCurrentUpdateFn(null);
+  return computedRef;
+}
+function watchEffect(callback) {
+  setCurrentUpdateFn(callback);
+  callback();
+  setCurrentUpdateFn(null);
+}
+const reactiveTriggerMap = /* @__PURE__ */ new WeakMap();
+function getReactiveTriggerRef(target) {
+  if (target && typeof target === "object") return reactiveTriggerMap.get(target) ?? null;
+  return null;
+}
+function reactive(inittialValue) {
+  const triggerRef = { value: null, __isRef: true };
+  const createReactiveObject = (obj) => {
+    if (obj === null || typeof obj !== "object") return obj;
+    if (Array.isArray(obj)) {
+      return reactiveArray(obj);
+    }
+    const proxy = new Proxy(obj, {
+      get(target, key) {
+        const currentUpdateFn2 = getCurrentUpdateFn();
+        if (currentUpdateFn2) eventBus.subscribe(triggerRef, currentUpdateFn2);
+        const value = target[key];
+        if (value !== null && typeof value === "object") {
+          return createReactiveObject(value);
+        }
+        return value;
+      },
+      set(target, key, newValue) {
+        const oldValue = target[key];
+        if (oldValue !== newValue) {
+          target[key] = newValue;
+          eventBus.publish(triggerRef);
+        }
+        return true;
+      },
+      deleteProperty(target, key) {
+        const result = Reflect.deleteProperty(target, key);
+        eventBus.publish(triggerRef);
+        return result;
+      }
+    });
+    reactiveTriggerMap.set(proxy, triggerRef);
+    return proxy;
+  };
+  return createReactiveObject(inittialValue);
+}
+function reactiveArray(inittialValue) {
+  const arrayMethods = [
+    "push",
+    "pop",
+    "shift",
+    "unshift",
+    "splice",
+    "soft",
+    "reverse",
+    "fill",
+    "copyWithin"
+  ];
+  const triggerRef = { value: null, __isRef: true };
+  if (Array.isArray(inittialValue)) {
+    const proxy = new Proxy(inittialValue.map((item) => reactive(item)), {
+      get(target, key) {
+        const value = target[key];
+        const currentUpdateFn2 = getCurrentUpdateFn();
+        if (currentUpdateFn2) eventBus.subscribe(triggerRef, currentUpdateFn2);
+        if (typeof key === "string" && arrayMethods.includes(key) && typeof value === "function") {
+          return function(...args) {
+            const result = value.apply(target, args);
+            eventBus.publish(triggerRef);
+            return result;
+          };
+        }
+        return value;
+      },
+      set(target, key, newValue) {
+        const result = Reflect.set(target, key, reactive(newValue));
+        if (typeof key === "string" && (!isNaN(Number(key)) || key === "length")) eventBus.publish(triggerRef);
+        return result;
+      }
+    });
+    reactiveTriggerMap.set(proxy, triggerRef);
+    return proxy;
+  }
+  return inittialValue;
+}
+function isRefLike(value) {
+  return !!value && typeof value === "object" && value.__isRef === true;
+}
+function watch(source, callback) {
+  if (typeof source === "function") {
+    const getter = source;
+    let oldValue;
+    const runGetter = () => {
+      setCurrentUpdateFn(job);
+      const value = getter();
+      setCurrentUpdateFn(null);
+      return value;
+    };
+    const job = () => {
+      const newValue = runGetter();
+      if (Object.is(newValue, oldValue)) return;
+      callback(newValue, oldValue);
+      oldValue = newValue;
+    };
+    oldValue = runGetter();
+    return;
+  }
+  if (isRefLike(source)) {
+    const ref2 = source;
+    let oldValue = ref2.value;
+    eventBus.subscribe(
+      ref2,
+      () => {
+        const newValue = ref2.value;
+        if (Object.is(newValue, oldValue)) return;
+        callback(newValue, oldValue);
+        oldValue = newValue;
+      }
+    );
+    return;
+  }
+  const triggerRef = getReactiveTriggerRef(source);
+  if (!triggerRef) {
+    throw new Error("watch 只能监控 ref、reactive 返回值，或 getter 函数");
+  }
+  let oldSnapshot = source;
+  eventBus.subscribe(triggerRef, () => {
+    const newSnapshot = source;
+    callback(newSnapshot, oldSnapshot);
+    oldSnapshot = newSnapshot;
+  });
+}
+function diff(oldNode, newNode) {
+  var _a;
+  if (oldNode.nodeType !== newNode.nodeType || oldNode.nodeName !== newNode.nodeName) {
+    (_a = oldNode.parentNode) == null ? void 0 : _a.replaceChild(newNode, oldNode);
+    return newNode;
+  }
+  if (oldNode.nodeType === Node.TEXT_NODE) {
+    if (oldNode.textContent !== newNode.textContent) {
+      oldNode.textContent = newNode.textContent;
+    }
+    return oldNode;
+  }
+  if (oldNode instanceof HTMLElement && newNode instanceof HTMLElement) {
+    updateAttributes(oldNode, newNode);
+    updateChildren(oldNode, newNode);
+    return oldNode;
+  }
+  if (oldNode instanceof DocumentFragment || newNode instanceof DocumentFragment) {
+    return newNode;
+  }
+  return oldNode;
+}
+function updateAttributes(oldNode, newNode) {
+  Array.from(oldNode.attributes).forEach((attr) => {
+    if (!newNode.hasAttribute(attr.name)) {
+      oldNode.removeAttribute(attr.name);
+    }
+  });
+  Array.from(newNode.attributes).forEach((attr) => {
+    if (oldNode.getAttribute(attr.name) !== attr.value) {
+      oldNode.setAttribute(attr.name, attr.value);
+    }
+  });
+  if ("value" in newNode && "value" in oldNode) {
+    const newValue = newNode.value;
+    const oldValue = oldNode.value;
+    const hasValueAttr = newNode.hasAttribute("value");
+    if (newValue !== oldValue) {
+      if (hasValueAttr || newValue !== "") {
+        oldNode.value = newValue;
+      }
+    }
+  }
+}
+function updateChildren(oldParent, newParent) {
+  const oldChildren = Array.from(oldParent.childNodes);
+  const newChildren = Array.from(newParent.childNodes);
+  const maxLength = Math.max(oldChildren.length, newChildren.length);
+  for (let i = 0; i < maxLength; i++) {
+    const oldChild = oldChildren[i];
+    const newChild = newChildren[i];
+    if (!oldChild && newChild) {
+      oldParent.appendChild(newChild);
+    } else if (oldChild && !newChild) {
+      oldParent.removeChild(oldChild);
+    } else if (oldChild && newChild) {
+      diff(oldChild, newChild);
+    }
+  }
+}
+function diffChildren(parent, oldList, newList) {
+  const maxLength = Math.max(oldList.length, newList.length);
+  for (let i = 0; i < maxLength; i++) {
+    const oldNode = oldList[i];
+    const newNode = newList[i];
+    if (!oldNode && newNode) {
+      parent.appendChild(newNode);
+    } else if (oldNode && !newNode) {
+      parent.removeChild(oldNode);
+    } else if (oldNode && newNode) {
+      diff(oldNode, newNode);
+    }
+  }
+}
+function compile(option) {
+  const { selector, show, text, listeners, render } = option;
+  const element = $(selector);
+  const updateFn = () => {
+    const showValue = typeof show === "function" ? show() : show;
+    const textValue = typeof text === "function" ? text() : text;
+    if (textValue !== void 0) element.text(textValue);
+    showValue || showValue === void 0 ? element.show() : element.hide();
+    if (render && typeof render === "function") {
+      const lastRenderResult = element.data("__lastRenderResult");
+      const result = render();
+      if (typeof result === "string") {
+        element.empty();
+        element.text(result);
+        element.data("__lastRenderResult", null);
+      } else if (result instanceof Node) {
+        let currentNodes;
+        if (result instanceof DocumentFragment) {
+          currentNodes = Array.from(result.childNodes);
+        } else {
+          currentNodes = result;
+        }
+        if (lastRenderResult) {
+          if (!Array.isArray(lastRenderResult) && !Array.isArray(currentNodes) && lastRenderResult instanceof HTMLElement && currentNodes instanceof HTMLElement) {
+            const newDom = diff(lastRenderResult, currentNodes);
+            element.data("__lastRenderResult", newDom);
+          } else {
+            const oldList = Array.isArray(lastRenderResult) ? lastRenderResult : [lastRenderResult];
+            const newList = Array.isArray(currentNodes) ? currentNodes : [currentNodes];
+            diffChildren(element[0], oldList, newList);
+            element.data("__lastRenderResult", currentNodes);
+          }
+        } else {
+          element.empty();
+          element.append(result);
+          element.data("__lastRenderResult", currentNodes);
+        }
+      }
+    }
+  };
+  setCurrentUpdateFn(updateFn);
+  updateFn();
+  setCurrentUpdateFn(null);
+  if (listeners && listeners.length > 0) {
+    listeners.forEach((listener) => {
+      element.on(listener.type, listener.callback);
+    });
+  }
+}
+export {
+  compile,
+  computed,
+  reactive,
+  ref,
+  watch,
+  watchEffect
+};
+//# sourceMappingURL=index.mjs.map

package/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../event.ts","../state.ts","../ref.ts","../computed.ts","../watchEffect.ts","../reactive.ts","../watch.ts","../diff.ts","../compile.ts"],"sourcesContent":["import { Ref } from \"./types\";\r\n\r\nexport class EventBus {\r\n  private subscribers = new Map<Ref<any>, Set<()=>void>>();\r\n\r\n  // 订阅\r\n  subscribe(ref: Ref<any>, callback: () => void) {\r\n    if (!this.subscribers.has(ref)) {\r\n      this.subscribers.set(ref, new Set());\r\n    }\r\n    this.subscribers.get(ref)?.add(callback);\r\n  }\r\n\r\n  // 发布\r\n  publish(ref: Ref<any>){\r\n    const callbacks = this.subscribers.get(ref);\r\n    if(callbacks) callbacks.forEach(cb=>cb())\r\n  }\r\n}\r\n\r\nexport const eventBus = new EventBus();","export let currentUpdateFn: (() => void) | null = null;\r\n\r\nexport function setCurrentUpdateFn(fn: (() => void) | null) {\r\n  currentUpdateFn = fn;\r\n}\r\n\r\nexport function getCurrentUpdateFn() {\r\n  return currentUpdateFn;\r\n}\r\n","import { Ref } from \"./types\";\r\nimport { eventBus } from \"./event\";\r\nimport { getCurrentUpdateFn } from \"./state\";\r\nexport function ref<T>(value: T): Ref<T> {\r\n  const obj = { value, __isRef: true };\r\n  const state = new Proxy(obj, {\r\n    set: (target, key, value) => {\r\n      if (key === \"value\") {\r\n        target[key] = value;\r\n        eventBus.publish(state);\r\n      }\r\n      return true;\r\n    },\r\n    get: (target, key) => {\r\n      const currentUpdateFn = getCurrentUpdateFn();\r\n      if (key === \"value\" && currentUpdateFn) {\r\n        eventBus.subscribe(state, currentUpdateFn);\r\n      }\r\n      return target[key as keyof typeof target];\r\n    },\r\n  }) as Ref<T>;\r\n  return state;\r\n}","import { Ref } from \"./types\"\nimport { ref } from \"./ref\"\nimport { setCurrentUpdateFn } from \"./state\"\n\nexport function computed<T>(computedFn: ()=> T): Ref<T>{\n  const computedRef = ref<T | null>(null)\n  const updateFn = ()=> {\n    computedRef.value = computedFn()\n  }\n  setCurrentUpdateFn(updateFn)\n  updateFn()\n  setCurrentUpdateFn(null)\n  return computedRef as Ref<T>\n}\n","import { setCurrentUpdateFn } from \"./state\"\n\n/**\n * 监听响应式数据的变化，当数据变化时，调用回调函数\n * @param callback \n */\nexport function watchEffect(callback: () => void) {\n  setCurrentUpdateFn(callback)\n  callback()\n  setCurrentUpdateFn(null)\n}","import { Ref } from \"./types\";\nimport { eventBus } from \"./event\";\nimport { getCurrentUpdateFn } from \"./state\";\n\nconst reactiveTriggerMap = new WeakMap<object, Ref<any>>()\n\nexport function getReactiveTriggerRef(target: unknown): Ref<any> | null {\n  if(target && typeof target === 'object') return reactiveTriggerMap.get(target as object) ?? null\n  return null\n}\n\nexport function reactive<T extends object>(inittialValue: T): T {\n  const triggerRef = { value: null, __isRef: true as const } as Ref<any>\n\n  const createReactiveObject = (obj: any): any=> {\n    if(obj === null || typeof obj !== 'object') return obj\n    \n    // 如果是数组，递归处理每个元素\n    if(Array.isArray(obj)){\n      return reactiveArray(obj)\n    }\n\n    // 处理普通对象\n    const proxy = new Proxy(obj, {\n      get(target, key){\n        const currentUpdateFn = getCurrentUpdateFn()\n        if(currentUpdateFn) eventBus.subscribe(triggerRef, currentUpdateFn)\n        \n        const value = target[key]\n        // 如果属性值是对象，递归代理\n        if(value !== null && typeof value === 'object'){\n          return createReactiveObject(value)\n        }\n        return value\n      },\n      set(target, key, newValue) {\n        const oldValue = target[key]\n        if(oldValue !== newValue) {\n          target[key] = newValue\n          eventBus.publish(triggerRef)\n        }\n        return true\n      },\n      deleteProperty(target, key){\n        const result = Reflect.deleteProperty(target, key)\n        eventBus.publish(triggerRef);\n        return result;\n      }\n   \n    })\n\n    reactiveTriggerMap.set(proxy, triggerRef)\n    return proxy\n  }\n  return createReactiveObject(inittialValue)\n}\n\n\nexport function reactiveArray<T extends object>(inittialValue: T): T {\n  // 需要拦截的数组变更方法\n  const arrayMethods = [\n    'push', 'pop', 'shift', 'unshift',\n    'splice', 'soft', 'reverse', 'fill',\n    'copyWithin'\n  ]\n\n  const triggerRef = {value: null, __isRef: true as const} as Ref<any>\n\n  if(Array.isArray(inittialValue)){\n    const proxy = new Proxy(inittialValue.map(item=>reactive(item)),{\n      get(target, key){\n        const value = target[key as keyof typeof target]\n        const currentUpdateFn = getCurrentUpdateFn()\n        if(currentUpdateFn) eventBus.subscribe(triggerRef,currentUpdateFn)\n        \n        if(typeof key === 'string' && arrayMethods.includes(key) && typeof value === 'function'){\n          return  function(...args: any[]){\n            const result = (value as Function).apply(target, args);\n            eventBus.publish(triggerRef);\n            return result;\n          }\n        }\n\n        return value;\n      },\n      set(target, key, newValue){\n        const result = Reflect.set(target, key, reactive(newValue))\n        if(typeof key === 'string' && (!isNaN(Number(key)) || key === 'length')) eventBus.publish(triggerRef)\n        return result\n      }\n    }) as T\n    reactiveTriggerMap.set(proxy as unknown as object, triggerRef)\n    return proxy\n  }\n  return inittialValue\n}\n","import { Ref } from \"./types\";\nimport { eventBus } from \"./event\";\nimport { getReactiveTriggerRef } from \"./reactive\";\nimport { setCurrentUpdateFn } from \"./state\";\n\nfunction isRefLike<T = unknown>(value: unknown): value is Ref<T> {\n  return !!value && typeof value === 'object' && (value as any).__isRef === true\n}\n\nexport function watch<T>(source: Ref<T> | (() => T) | object, callback: (newValue: T, oldValue: T) => void) {\n  if(typeof source === 'function') {\n    const getter = source as () => T\n    let oldValue: T\n\n    const runGetter = () => {\n      setCurrentUpdateFn(job)\n      const value = getter()\n      setCurrentUpdateFn(null)\n      return value\n    }\n\n    const job = () => {\n      const newValue = runGetter()\n      if(Object.is(newValue, oldValue)) return\n      callback(newValue, oldValue)\n      oldValue = newValue\n    }\n\n    oldValue = runGetter()\n    return\n  }\n\n  if(isRefLike<T>(source)) {\n    const ref = source as Ref<T>\n    let oldValue = ref.value;\n\n    eventBus.subscribe(\n      ref,\n      () => {\n        const newValue = ref.value;\n        if(Object.is(newValue, oldValue)) return\n        callback(newValue, oldValue);\n        oldValue = newValue;\n      }\n    );\n    return\n  }\n\n  const triggerRef = getReactiveTriggerRef(source)\n  if(!triggerRef) {\n    throw new Error('watch 只能监控 ref、reactive 返回值，或 getter 函数')\n  }\n\n  let oldSnapshot = source as T\n  eventBus.subscribe(triggerRef, () => {\n    const newSnapshot = source as T\n    callback(newSnapshot, oldSnapshot)\n    oldSnapshot = newSnapshot\n  })\n}\n","\n/**\n * 简单的 DOM Diff 算法\n * @param oldNode 旧节点\n * @param newNode 新节点\n * @returns 实际更新后的节点（如果是替换操作，返回新节点；如果是属性更新，返回旧节点）\n */\nexport function diff(oldNode: Node, newNode: Node): Node {\n  // 1. 如果节点类型不同，直接替换\n  if (oldNode.nodeType !== newNode.nodeType || oldNode.nodeName !== newNode.nodeName) {\n    oldNode.parentNode?.replaceChild(newNode, oldNode);\n    return newNode;\n  }\n\n  // 2. 文本节点处理\n  if (oldNode.nodeType === Node.TEXT_NODE) {\n    if (oldNode.textContent !== newNode.textContent) {\n      oldNode.textContent = newNode.textContent;\n    }\n    return oldNode;\n  }\n\n  // 3. 元素节点处理\n  if (oldNode instanceof HTMLElement && newNode instanceof HTMLElement) {\n    // 3.1 更新属性\n    updateAttributes(oldNode, newNode);\n\n    // 3.2 更新子节点\n    updateChildren(oldNode, newNode);\n    \n    return oldNode;\n  }\n  \n  // DocumentFragment 处理（简单策略：直接把新内容插进去，不做精细 diff）\n  if (oldNode instanceof DocumentFragment || newNode instanceof DocumentFragment) {\n     // Fragment 比较特殊，插入后就消失了，这里无法复用 oldNode\n     // 简单策略：如果父节点存在，用新 Fragment 替换旧位置的所有内容\n     // 但由于 Fragment 插入后不可追踪，这里我们假设 compile.ts 里的用法场景：\n     // 如果上次是 Fragment，这次也是 Fragment，我们很难直接 diff 它们（因为 Fragment 自身不留在 DOM 树上）\n     // 所以对于 Fragment，建议在 compile 层直接全量替换，或者 diff 算法只处理 Element/Text\n     return newNode;\n  }\n\n  return oldNode;\n}\n\nfunction updateAttributes(oldNode: HTMLElement, newNode: HTMLElement) {\n  // 移除旧属性\n  Array.from(oldNode.attributes).forEach(attr => {\n    if (!newNode.hasAttribute(attr.name)) {\n      oldNode.removeAttribute(attr.name);\n    }\n  });\n\n  // 设置新属性\n  Array.from(newNode.attributes).forEach(attr => {\n    if (oldNode.getAttribute(attr.name) !== attr.value) {\n      oldNode.setAttribute(attr.name, attr.value);\n    }\n  });\n  \n  // 特殊处理 value (input/textarea)\n  // 只有当新节点显式设置了 value 属性（attribute）或者新节点的 value 属性（property）与默认空值不同时，才去同步 property\n  // 这样可以避免“非受控组件”的用户输入被意外清空\n  // 但对于受控组件（render 里 value={state}），如果 state 没变（render 出的 value 还是旧的），\n  // 这里也会把用户输入重置回旧 state（符合 React 受控组件行为）。\n  if ('value' in newNode && 'value' in oldNode) {\n    const newValue = (newNode as any).value;\n    const oldValue = (oldNode as any).value;\n    \n    // 只有当新值确实不同，且新节点似乎是有意设置了值时才更新\n    // 简单的判断：如果新节点的 value 和它的 defaultValue (即 attribute) 一致，\n    // 或者新节点有 value attribute，我们才认为它是受控的或者有明确初值的。\n    // 如果新节点完全没设 value（attribute 是 null，property 是空串），可能是个“无辜”的非受控节点，\n    // 这时如果旧节点有用户输入（oldValue != \"\"），我们尽量保留它。\n    \n    const hasValueAttr = newNode.hasAttribute('value');\n    if (newValue !== oldValue) {\n      // 如果新节点有显式的 value 属性，或者新节点的 value 属性不为空，强制同步\n      if (hasValueAttr || newValue !== '') {\n        (oldNode as any).value = newValue;\n      }\n    }\n  }\n}\n\nfunction updateChildren(oldParent: HTMLElement, newParent: HTMLElement) {\n  const oldChildren = Array.from(oldParent.childNodes);\n  const newChildren = Array.from(newParent.childNodes);\n  \n  const maxLength = Math.max(oldChildren.length, newChildren.length);\n\n  for (let i = 0; i < maxLength; i++) {\n    const oldChild = oldChildren[i];\n    const newChild = newChildren[i];\n\n    if (!oldChild && newChild) {\n      // 新增节点\n      // 注意：这里需要 clone newChild，因为 appendChild 会移动节点\n      // 但由于我们是在构建新的 vdom（这里其实是真实 dom），直接移过去也没问题，\n      // 不过 diff 函数通常假设 newNode 是个模版。\n      // 在当前框架下，newNode 是 render() 刚刚生成的新鲜 DOM，直接移动即可。\n      oldParent.appendChild(newChild);\n    } else if (oldChild && !newChild) {\n      // 删除节点\n      oldParent.removeChild(oldChild);\n    } else if (oldChild && newChild) {\n      // 递归 diff\n      diff(oldChild, newChild);\n    }\n  }\n}\n\n\nexport function diffChildren(parent: HTMLElement, oldList: (Node | undefined | null)[], newList: (Node | undefined | null)[]) {\n  const maxLength = Math.max(oldList.length, newList.length);\n  \n  for (let i = 0; i < maxLength; i++) {\n    const oldNode = oldList[i];\n    const newNode = newList[i];\n\n    if (!oldNode && newNode) {\n      // 新增\n      parent.appendChild(newNode);\n    } else if (oldNode && !newNode) {\n      // 删除\n      parent.removeChild(oldNode);\n    } else if (oldNode && newNode) {\n      // 对比更新\n      diff(oldNode as Node, newNode);\n    }\n  }\n}","import { Option } from \"./types\";\r\nimport $ from \"jquery\";\r\nimport { setCurrentUpdateFn } from \"./state\";\r\n\r\n\r\nimport { diff, diffChildren } from \"./diff\";\r\n\r\nexport function compile(option: Option) {\r\n  const { selector, show, text, listeners,render } = option;\r\n\r\n  const element = $(selector);\r\n\r\n  const updateFn = () => {\r\n    const showValue = typeof show === \"function\" ? show() : show;\r\n    const textValue = typeof text === \"function\" ? text() : text;\r\n    if (textValue !== undefined) element.text(textValue);\r\n    showValue || showValue === undefined ? element.show() : element.hide();\r\n    if(render && typeof render === 'function'){\r\n      // 获取上一次渲染的 DOM 结构（可能是单个 Node，也可能是 Node 列表）\r\n      // 如果是 Fragment，我们需要追踪的是它的 childNodes 列表，而不是 Fragment 本身\r\n      const lastRenderResult = element.data('__lastRenderResult') as Node | Node[] | undefined\r\n      \r\n      const result = render()\r\n      \r\n      if(typeof result === 'string') {\r\n        element.empty()\r\n        element.text(result)\r\n        element.data('__lastRenderResult', null)\r\n      } else if(result instanceof Node) {\r\n         // 准备本次渲染的“追踪对象”\r\n         // 如果是 Fragment，我们需要克隆一份它的子节点列表（因为 append 后 Fragment 就空了）\r\n         let currentNodes: Node | Node[];\r\n         if (result instanceof DocumentFragment) {\r\n            currentNodes = Array.from(result.childNodes);\r\n         } else {\r\n            currentNodes = result;\r\n         }\r\n\r\n         if (lastRenderResult) {\r\n            // 执行 Diff\r\n            // 情况 1: 都是单个元素 (Element vs Element)\r\n            if (!Array.isArray(lastRenderResult) && !Array.isArray(currentNodes) && \r\n                lastRenderResult instanceof HTMLElement && currentNodes instanceof HTMLElement) {\r\n                const newDom = diff(lastRenderResult, currentNodes)\r\n                element.data('__lastRenderResult', newDom)\r\n            } \r\n            // 情况 2: 涉及列表/Fragment (List vs List / Element vs List / List vs Element)\r\n            else {\r\n                // 暂时降级：如果涉及 Fragment 列表 diff，逻辑比较复杂（需要类似 Vue 的列表 diff），\r\n                // 这里为了稳健，如果检测到列表长度没变且 key 没变（这里没 key），可以尝试原地 patch？\r\n                // 鉴于目前 diff 算法较弱，先保留“清空重绘”逻辑，但我们可以优化一下：\r\n                // 如果是列表对列表，我们可以尝试一一对比？\r\n                \r\n                // 简单起见，我们对 Fragment 场景仍然做全量替换，以保证正确性。\r\n                // 如果你想解决 input 失去焦点问题，必须在这里实现真正的列表 diff。\r\n                // 也就是：diffArrays(oldChildren, newChildren, parent)\r\n                \r\n                // 下面尝试一个简单的列表 diff (无 key，按 index 对比)\r\n                const oldList = Array.isArray(lastRenderResult) ? lastRenderResult : [lastRenderResult];\r\n                const newList = Array.isArray(currentNodes) ? currentNodes : [currentNodes];\r\n                \r\n                diffChildren(element[0], oldList, newList);\r\n                element.data('__lastRenderResult', currentNodes) // 注意：这里存的是新生成的节点引用\r\n            }\r\n         } else {\r\n            // 首次渲染\r\n            element.empty()\r\n            element.append(result)\r\n            element.data('__lastRenderResult', currentNodes)\r\n         }\r\n      }\r\n    }\r\n  };\r\n\r\n  setCurrentUpdateFn(updateFn);\r\n  updateFn();\r\n  setCurrentUpdateFn(null);\r\n\r\n  if (listeners && listeners.length > 0) {\r\n    listeners.forEach((listener) => {\r\n      element.on(listener.type, listener.callback);\r\n    });\r\n  }\r\n}\r\n\r\n\r\n"],"names":["ref","value","currentUpdateFn"],"mappings":"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"}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@actview/core",
+  "version": "1.0.1",
+  "description": "Core reactive system for Actview - ref, reactive, computed, watch, compile",
+  "type": "module",
+  "main": "./index.cjs",
+  "module": "./index.mjs",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./index.d.ts",
+        "default": "./index.mjs"
+      },
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.cjs"
+      }
+    }
+  },
+  "keywords": [
+    "actview",
+    "reactive",
+    "ref",
+    "computed",
+    "watch"
+  ],
+  "author": "scliuyilin",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "homepage": "",
+  "bugs": {
+    "url": ""
+  },
+  "dependencies": {
+    "jquery": "^4.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/reactive.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from "./types";
+export declare function getReactiveTriggerRef(target: unknown): Ref<any> | null;
+export declare function reactive<T extends object>(inittialValue: T): T;
+export declare function reactiveArray<T extends object>(inittialValue: T): T;
+//# sourceMappingURL=reactive.d.ts.map

package/reactive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactive.d.ts","sourceRoot":"","sources":["../reactive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAM9B,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,OAAO,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAGtE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,CA4C9D;AAGD,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,CAqCnE"}

package/ref.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from "./types";
+export declare function ref<T>(value: T): Ref<T>;
+//# sourceMappingURL=ref.d.ts.map

package/ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ref.d.ts","sourceRoot":"","sources":["../ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAG9B,wBAAgB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAmBvC"}

package/state.d.ts

@@ -0,0 +1,4 @@
+export declare let currentUpdateFn: (() => void) | null;
+export declare function setCurrentUpdateFn(fn: (() => void) | null): void;
+export declare function getCurrentUpdateFn(): (() => void) | null;
+//# sourceMappingURL=state.d.ts.map

package/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../state.ts"],"names":[],"mappings":"AAAA,eAAO,IAAI,eAAe,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAW,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,QAEzD;AAED,wBAAgB,kBAAkB,WANC,IAAI,SAQtC"}

package/types/index.d.ts

@@ -0,0 +1,16 @@
+export type Ref<T> = {
+    value: T;
+    __isRef: true;
+};
+export type Listener<K extends keyof HTMLElementEventMap = keyof HTMLElementEventMap> = {
+    type: K;
+    callback: (e: HTMLElementEventMap[K]) => void;
+};
+export type Option = {
+    selector: string;
+    show?: boolean | (() => boolean);
+    text?: string | (() => string);
+    listeners?: Listener[];
+    render?: () => string | HTMLElement | Text | DocumentFragment;
+};
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../types/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI;IACjB,KAAK,EAAE,CAAC,CAAC;IACT,OAAO,EAAE,IAAI,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,MAAM,mBAAmB,GAAG,MAAM,mBAAmB,IAAI;IACpF,IAAI,EAAE,CAAC,CAAC;IACR,QAAQ,EAAE,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;CAChD,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAA;IAChC,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,MAAM,GAAG,WAAW,GAAG,IAAI,GAAG,gBAAgB,CAAC;CACjE,CAAA"}

package/watch.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from "./types";
+export declare function watch<T>(source: Ref<T> | (() => T) | object, callback: (newValue: T, oldValue: T) => void): void;
+//# sourceMappingURL=watch.d.ts.map

package/watch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"watch.d.ts","sourceRoot":"","sources":["../watch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAS9B,wBAAgB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,IAAI,QAkDzG"}

package/watchEffect.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 监听响应式数据的变化，当数据变化时，调用回调函数
+ * @param callback
+ */
+export declare function watchEffect(callback: () => void): void;
+//# sourceMappingURL=watchEffect.d.ts.map

package/watchEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"watchEffect.d.ts","sourceRoot":"","sources":["../watchEffect.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,IAAI,QAI/C"}