@e7w/easy-model 0.0.11 → 0.1.0

package/LICENSE.md

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright (c) 2022 Kamil Bysiec
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -1,28 +1,42 @@
-# 简单模型(easy-model)
+# easy-model
 
-> 一个简单的状态管理包.\
-> A simple state management lib for Typescript
+一个简单的react状态管理库
 
-## 例子(Example)
+## 示例
 
-```ts
-import { provide, subscribe } from "@e7w/easy-model";
+```tsx
+import { useModel } from "@e7w/easy-model";
 
-const A = provide(
-  class A {
-    msg = "1";
+class MTest {
+  constructor(public name: string) {}
 
-    constructor(private id: number) {}
+  value = 0;
 
-    random() {
-      this.msg = `${Math.random()}`;
-    }
+  random() {
+    this.value = Math.random();
   }
-);
+}
+
+function TestComA() {
+  const { value, random } = useModel(MTest, ["test"]);
+  return (
+    <div>
+      <span>{value}</span>
+      <button onClick={random}>changeValue</button>
+    </div>
+  );
+}
 
-A(1) === A(1); // true
-A(1) !== new A(1); // true
-subscribe(A(1), console.log.bind(console, "Path of changed value:"));
-const { random } = A(1);
-random(); // Path of changed value: ["msg"]
+function TestComB() {
+  const { value } = useModel(MTest, ["test"]);
+  return <span>{value}</span>;
+}
+
+render(
+  <div>
+    <TestComA />
+    <TestComB />
+  </div>
+);
+// 当点击ComA的div时，两个组件都会更新
 ```

package/dist/index.d.ts

@@ -1,2 +1,10 @@
-export { subscribe } from "./helpers";
-export { provide, extend, filterSymbol } from "./provide";
+// Generated by dts-bundle-generator v9.5.1
+
+export type WatchCallback = (path: Array<string | symbol>, oldValue: any, newValue: any) => void;
+export declare function watch(target: object, callback: WatchCallback): () => void;
+export declare function provide<T extends new (...args: any[]) => InstanceType<T>>(ctor: T): T & ((...args: ConstructorParameters<T>) => InstanceType<T>);
+export declare function revoke(model: object): void;
+export declare function useModel<T extends new (...args: any[]) => InstanceType<T>>(Ctor: T, args: ConstructorParameters<T>): InstanceType<T>;
+export declare function useModel<T extends new (...args: any[]) => InstanceType<T>>(Ctor: T, args: null): Partial<InstanceType<T>>;
+
+export {};

package/dist/index.es.js

@@ -1,185 +1,136 @@
-var C = Object.defineProperty;
-var A = (n, t, e) => t in n ? C(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var f = (n, t, e) => (A(n, typeof t != "symbol" ? t + "" : t, e), e);
-const H = [Promise, WeakMap, WeakSet, Map, Set];
-function v(n) {
-  return H.some((t) => n instanceof t);
-}
-const g = /* @__PURE__ */ new WeakMap(), E = Symbol("origin");
-function c(n) {
-  if (n = o(n), v(n))
-    return n;
-  if (g.has(n))
-    return g.get(n);
-  const t = new Proxy(n, new T(n));
-  return g.set(n, t), t;
-}
-function o(n) {
-  return n && (n[E] || n);
-}
-class T {
-  constructor(t) {
-    f(this, "triggers", {});
-    f(this, "cachedFns", {});
-    this.obj = t;
-  }
-  get(t, e, r) {
-    if (e === E)
-      return this.obj;
-    if (v(t))
-      return Reflect.get(o(t), e);
-    let s = R(t, e) || Reflect.get(t, e, r);
-    return typeof s == "function" ? this.cachedFns[e] || (this.cachedFns[e] = s.bind(c(t))) : (typeof s == "object" && (s = c(s), _(s, this.getTrigger(e))), s);
-  }
-  set(t, e, r, s) {
-    if (r && (r = o(r)), r === o(Reflect.get(t, e)))
-      return !0;
-    const i = j(), u = Reflect.set(t, e, r, s);
-    return y(this.obj, [e]), M(i), u;
-  }
-  getTrigger(t) {
-    return t in this.triggers || (this.triggers[t] = (e) => y(this.obj, [t, ...e])), this.triggers[t];
-  }
-}
-const k = /* @__PURE__ */ new Set();
-let d = null;
-const l = [
-  "push",
-  "pop",
-  "shift",
-  "unshift",
-  "splice",
-  "sort",
-  "reverse"
-], x = ["includes", "indexOf", "lastIndexOf"], W = ["forEach", "map"];
-function R(n, t) {
-  return t === "hasOwnProperty" ? function(e) {
-    return o(this).hasOwnProperty(e);
-  } : Array.isArray(n) && typeof l[t] == "function" ? W.includes(t) ? n[t] : function(...e) {
-    const r = l[t].apply(o(this), e);
-    return x.includes(t) && (r === -1 || r === !1) ? l[t].apply(o(this), ...e.map(o)) : (l.includes(t) && y(this, [t]), r);
-  } : null;
-}
-const p = /* @__PURE__ */ new WeakMap();
-function m(n) {
-  return n = o(n), p.has(n) || p.set(n, /* @__PURE__ */ new Set()), p.get(n);
+import { useReducer as O, useEffect as E } from "react";
+const b = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), P = Symbol("origin");
+let l = null;
+const _ = ["includes", "indexOf", "lastIndexOf"], j = [Promise, WeakMap, WeakSet, Map, Set];
+function d(e) {
+  if (e = u(e), !e || j.some((r) => e instanceof r)) return e;
+  if (b.has(e)) return b.get(e);
+  const o = {}, c = {}, i = new Proxy(e, {
+    get(r, n, s) {
+      if (n === P) return r;
+      let t = R(r, n);
+      return t || (t = Reflect.get(r, n, s), typeof t == "function" ? (c[n] || (c[n] = t.bind(d(r))), t = c[n]) : typeof t == "object" && t !== null && (o[n] || (o[n] = m(t, v(e, n))), t = d(t)), t);
+    },
+    set(r, n, s, t) {
+      let f = Reflect.get(r, n, t);
+      if (f = u(f), s = u(s), f === s) return !0;
+      const k = Reflect.set(r, n, s, t);
+      if (k) {
+        o[n] && (o[n](), delete o[n]), typeof s == "object" && s !== null && (o[n] = m(s, v(e, n))), c[n] && delete c[n];
+        const S = l;
+        l = /* @__PURE__ */ new WeakSet(), M(r, [n], f, s), l = S;
+      }
+      return k;
+    },
+    deleteProperty(r, n) {
+      let s = Reflect.get(r, n);
+      s = u(s);
+      const t = Reflect.deleteProperty(r, n);
+      return t && (o[n] && (o[n](), delete o[n]), c[n] && delete c[n], M(r, [n], s, void 0)), t;
+    }
+  });
+  return b.set(e, i), i;
 }
-function _(n, t) {
-  m(n).add(t);
+function m(e, o) {
+  e = u(e), y.has(e) || y.set(e, /* @__PURE__ */ new Map());
+  const c = y.get(e), i = Symbol();
+  return c.set(i, o), function() {
+    c.delete(i);
+  };
 }
-function q(n, t) {
-  const e = (s) => {
-    const i = k.has(t);
-    k.add(t), i || I(() => t(s)), _(n, e);
-  }, r = () => {
-    m(n).delete(e);
+function v(e, o) {
+  return function(...c) {
+    const [i, ...r] = c;
+    M(e, [o, ...i], ...r);
   };
-  return _(n, e), r;
 }
-function y(n, t) {
-  const e = m(n), r = [...e];
-  e.clear(), r.forEach((s) => s(t));
+function M(e, ...o) {
+  if (e = u(e), l != null && l.has(e)) return;
+  l == null || l.add(e);
+  const c = y.get(e);
+  if (!c) return;
+  [...c.values()].forEach((r) => {
+    const n = new EventTarget(), s = new Event("__trigger__");
+    n.addEventListener(s.type, t), n.dispatchEvent(s);
+    function t() {
+      n.removeEventListener(s.type, t), r(...o);
+    }
+  });
 }
-const b = "__easy_model_event__";
-function I(n) {
-  const t = new EventTarget(), e = new Event(b);
-  t.addEventListener(b, () => {
-    t.removeEventListener(b, n), n();
-  }), t.dispatchEvent(e);
+function u(e) {
+  return typeof e != "object" || e === null ? e : e[P] ?? e;
 }
-function j() {
-  return d ? null : d = Symbol();
+function R(e, o) {
+  if (e = u(e), ["constructor", "__proto__"].includes(o))
+    return Reflect.get(e, o);
+  if (o === "hasOwnProperty")
+    return function(c) {
+      return Object.prototype.hasOwnProperty.call(u(this), c);
+    };
+  if (Array.isArray(e) && _.includes(o))
+    return function(...c) {
+      const i = _[o].apply(u(this), c);
+      return i === -1 || i === !1 ? _[o].apply(u(this), c.map(u)) : i;
+    };
 }
-function M(n) {
-  d === n && (d = null, k.clear());
+const a = Symbol("instance"), w = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakSet();
+function x(e) {
+  if (W.has(e))
+    return e;
+  if (h.has(e))
+    return h.get(e);
+  const o = {};
+  i.prototype = new Proxy(
+    {
+      constructor: e,
+      __proto__: e.prototype
+    },
+    {
+      get(r, n, s) {
+        let t = R(r, n);
+        return t || (t = Reflect.get(r, n, s), typeof n == "symbol" || ["constructor", "__proto__"].includes(n) || typeof t != "function") ? t : (o[n] || (o[n] = function(...f) {
+          return t.apply(d(this), f);
+        }), o[n]);
+      }
+    }
+  );
+  const c = new Proxy(e, {
+    apply(r, n, s) {
+      w.has(e) || w.set(e, /* @__PURE__ */ new Map());
+      let t = w.get(e);
+      for (let f = 0; f < s.length; f++)
+        t.has(s[f]) || t.set(s[f], /* @__PURE__ */ new Map()), t = t.get(s[f]);
+      if (!t.has(a)) {
+        t.set(a, void 0);
+        const f = d(Reflect.construct(r, s, i));
+        t.set(a, f), p.set(f, s);
+      }
+      return t.get(a);
+    }
+  });
+  return h.set(e, c), W.add(c), h.get(e);
+  function i() {
+  }
 }
-let h = null;
-const F = Symbol("filterSymbol");
-function L(n) {
-  return new Proxy(n, new a(n));
+function C(e) {
+  const o = d(e);
+  if (!p.has(o)) return;
+  const c = p.get(o);
+  let i = w.get(o.constructor);
+  for (; c.length; )
+    i = i.get(c.shift());
+  i.delete(a), p.delete(o);
 }
-function U(n, t, e) {
-  const r = e ? n(...e) : Object.create(n.prototype);
-  return c(Object.assign(r, t));
+const A = /* @__PURE__ */ Object.create(null);
+function L(e, o) {
+  const c = x(e), i = o ? c(...o) : A, [, r] = O((n) => (n + 1) % 100, 0);
+  return E(() => m(i, () => {
+    r();
+  }), [i]), i;
 }
-const O = class {
-  constructor(t) {
-    f(this, "fakeCtor");
-    f(this, "caches", /* @__PURE__ */ new Map());
-    this.Ctor = t;
-    const e = function() {
-    };
-    e.prototype = new Proxy(
-      {
-        constructor: t,
-        __proto__: t.prototype
-      },
-      O.prototypeHandlers
-    ), this.fakeCtor = e;
-  }
-  apply(t, e, r) {
-    const s = h;
-    h = this.fakeCtor;
-    const i = this.getInstance(r) || this.register(
-      r,
-      Reflect.construct(this.Ctor, this.filterArgs(r), this.fakeCtor)
-    );
-    return h = s, i;
-  }
-  construct(t, e, r) {
-    const s = Reflect.construct(
-      t,
-      this.filterArgs(e),
-      r === this.Ctor ? this.fakeCtor : r
-    );
-    return h !== r ? c(s) : s;
-  }
-  set(t, e, r, s) {
-    if (r && (r = o(r)), r === o(Reflect.get(t, e)))
-      return !0;
-    const i = j(), u = Reflect.set(t, e, r, s);
-    return this.caches.forEach((w) => {
-      const S = w.deref();
-      S && y(S, []);
-    }), M(i), u;
-  }
-  getInstance(t) {
-    for (const e of this.caches.keys()) {
-      if (e.length !== t.length || !e.every(
-        (s, i) => s === t[i] ? !0 : typeof s == "object" && typeof t[i] == "object" ? this.isShallowEqualObj(s, t[i]) : !1
-      ))
-        continue;
-      const r = this.caches.get(e);
-      return r.deref() ? c(r.deref()) : (this.caches.delete(e), null);
-    }
-    return null;
-  }
-  register(t, e) {
-    return this.caches.set(t, new WeakRef(e)), c(e);
-  }
-  isShallowEqualObj(t, e) {
-    const r = Object.keys(t), s = e.keys(e);
-    return r.length === s.length && r.every((i) => t[i] === e[i]);
-  }
-  filterArgs(t) {
-    return t.filter((e) => e !== F);
-  }
-};
-let a = O;
-f(a, "prototypeHandlers", {
-  get(t, e, r) {
-    const s = R(t, e);
-    if (s)
-      return s;
-    const i = Reflect.get(t, e, r);
-    return typeof e == "symbol" || ["constructor", "__proto__"].includes(e) || typeof i != "function" ? i : function(...u) {
-      return i.apply(c(this), u);
-    };
-  }
-});
 export {
-  U as extend,
-  F as filterSymbol,
-  L as provide,
-  q as subscribe
+  x as provide,
+  C as revoke,
+  L as useModel,
+  m as watch
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(o,c){typeof exports=="object"&&typeof module<"u"?c(exports):typeof define=="function"&&define.amd?define(["exports"],c):(o=typeof globalThis<"u"?globalThis:o||self,c(o["@e7w/easy-model"]={}))})(this,function(o){"use strict";var L=Object.defineProperty;var U=(o,c,u)=>c in o?L(o,c,{enumerable:!0,configurable:!0,writable:!0,value:u}):o[c]=u;var h=(o,c,u)=>(U(o,typeof c!="symbol"?c+"":c,u),u);const c=[Promise,WeakMap,WeakSet,Map,Set];function u(n){return c.some(e=>n instanceof e)}const m=new WeakMap,E=Symbol("origin");function l(n){if(n=f(n),u(n))return n;if(m.has(n))return m.get(n);const e=new Proxy(n,new A(n));return m.set(n,e),e}function f(n){return n&&(n[E]||n)}class A{constructor(e){h(this,"triggers",{});h(this,"cachedFns",{});this.obj=e}get(e,t,s){if(t===E)return this.obj;if(u(e))return Reflect.get(f(e),t);let r=M(e,t)||Reflect.get(e,t,s);return typeof r=="function"?this.cachedFns[t]||(this.cachedFns[t]=r.bind(l(e))):(typeof r=="object"&&(r=l(r),v(r,this.getTrigger(t))),r)}set(e,t,s,r){if(s&&(s=f(s)),s===f(Reflect.get(e,t)))return!0;const i=R(),a=Reflect.set(e,t,s,r);return p(this.obj,[t]),w(i),a}getTrigger(e){return e in this.triggers||(this.triggers[e]=t=>p(this.obj,[e,...t])),this.triggers[e]}}const k=new Set;let d=null;const y=["push","pop","shift","unshift","splice","sort","reverse"],H=["includes","indexOf","lastIndexOf"],W=["forEach","map"];function M(n,e){return e==="hasOwnProperty"?function(t){return f(this).hasOwnProperty(t)}:Array.isArray(n)&&typeof y[e]=="function"?W.includes(e)?n[e]:function(...t){const s=y[e].apply(f(this),t);return H.includes(e)&&(s===-1||s===!1)?y[e].apply(f(this),...t.map(f)):(y.includes(e)&&p(this,[e]),s)}:null}const S=new WeakMap;function _(n){return n=f(n),S.has(n)||S.set(n,new Set),S.get(n)}function v(n,e){_(n).add(e)}function x(n,e){const t=r=>{const i=k.has(e);k.add(e),i||I(()=>e(r)),v(n,t)},s=()=>{_(n).delete(t)};return v(n,t),s}function p(n,e){const t=_(n),s=[...t];t.clear(),s.forEach(r=>r(e))}const O="__easy_model_event__";function I(n){const e=new EventTarget,t=new Event(O);e.addEventListener(O,()=>{e.removeEventListener(O,n),n()}),e.dispatchEvent(t)}function R(){return d?null:d=Symbol()}function w(n){d===n&&(d=null,k.clear())}let b=null;const T=Symbol("filterSymbol");function P(n){return new Proxy(n,new g(n))}function F(n,e,t){const s=t?n(...t):Object.create(n.prototype);return l(Object.assign(s,e))}const j=class{constructor(e){h(this,"fakeCtor");h(this,"caches",new Map);this.Ctor=e;const t=function(){};t.prototype=new Proxy({constructor:e,__proto__:e.prototype},j.prototypeHandlers),this.fakeCtor=t}apply(e,t,s){const r=b;b=this.fakeCtor;const i=this.getInstance(s)||this.register(s,Reflect.construct(this.Ctor,this.filterArgs(s),this.fakeCtor));return b=r,i}construct(e,t,s){const r=Reflect.construct(e,this.filterArgs(t),s===this.Ctor?this.fakeCtor:s);return b!==s?l(r):r}set(e,t,s,r){if(s&&(s=f(s)),s===f(Reflect.get(e,t)))return!0;const i=R(),a=Reflect.set(e,t,s,r);return this.caches.forEach(q=>{const C=q.deref();C&&p(C,[])}),w(i),a}getInstance(e){for(const t of this.caches.keys()){if(t.length!==e.length||!t.every((r,i)=>r===e[i]?!0:typeof r=="object"&&typeof e[i]=="object"?this.isShallowEqualObj(r,e[i]):!1))continue;const s=this.caches.get(t);return s.deref()?l(s.deref()):(this.caches.delete(t),null)}return null}register(e,t){return this.caches.set(e,new WeakRef(t)),l(t)}isShallowEqualObj(e,t){const s=Object.keys(e),r=t.keys(t);return s.length===r.length&&s.every(i=>e[i]===t[i])}filterArgs(e){return e.filter(t=>t!==T)}};let g=j;h(g,"prototypeHandlers",{get(e,t,s){const r=M(e,t);if(r)return r;const i=Reflect.get(e,t,s);return typeof t=="symbol"||["constructor","__proto__"].includes(t)||typeof i!="function"?i:function(...a){return i.apply(l(this),a)}}}),o.extend=F,o.filterSymbol=T,o.provide=P,o.subscribe=x,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+(function(l,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],d):(l=typeof globalThis<"u"?globalThis:l||self,d(l["@e7w/easy-model"]={},l.React))})(this,function(l,d){"use strict";const _=new WeakMap,w=new WeakMap,W=Symbol("origin");let a=null;const v=["includes","indexOf","lastIndexOf"],E=[Promise,WeakMap,WeakSet,Map,Set];function h(e){if(e=u(e),!e||E.some(i=>e instanceof i))return e;if(_.has(e))return _.get(e);const o={},c={},r=new Proxy(e,{get(i,n,s){if(n===W)return i;let t=P(i,n);return t||(t=Reflect.get(i,n,s),typeof t=="function"?(c[n]||(c[n]=t.bind(h(i))),t=c[n]):typeof t=="object"&&t!==null&&(o[n]||(o[n]=p(t,S(e,n))),t=h(t)),t)},set(i,n,s,t){let f=Reflect.get(i,n,t);if(f=u(f),s=u(s),f===s)return!0;const j=Reflect.set(i,n,s,t);if(j){o[n]&&(o[n](),delete o[n]),typeof s=="object"&&s!==null&&(o[n]=p(s,S(e,n))),c[n]&&delete c[n];const F=a;a=new WeakSet,k(i,[n],f,s),a=F}return j},deleteProperty(i,n){let s=Reflect.get(i,n);s=u(s);const t=Reflect.deleteProperty(i,n);return t&&(o[n]&&(o[n](),delete o[n]),c[n]&&delete c[n],k(i,[n],s,void 0)),t}});return _.set(e,r),r}function p(e,o){e=u(e),w.has(e)||w.set(e,new Map);const c=w.get(e),r=Symbol();return c.set(r,o),function(){c.delete(r)}}function S(e,o){return function(...c){const[r,...i]=c;k(e,[o,...r],...i)}}function k(e,...o){if(e=u(e),a!=null&&a.has(e))return;a==null||a.add(e);const c=w.get(e);if(!c)return;[...c.values()].forEach(i=>{const n=new EventTarget,s=new Event("__trigger__");n.addEventListener(s.type,t),n.dispatchEvent(s);function t(){n.removeEventListener(s.type,t),i(...o)}})}function u(e){return typeof e!="object"||e===null?e:e[W]??e}function P(e,o){if(e=u(e),["constructor","__proto__"].includes(o))return Reflect.get(e,o);if(o==="hasOwnProperty")return function(c){return Object.prototype.hasOwnProperty.call(u(this),c)};if(Array.isArray(e)&&v.includes(o))return function(...c){const r=v[o].apply(u(this),c);return r===-1||r===!1?v[o].apply(u(this),c.map(u)):r}}const y=Symbol("instance"),b=new Map,m=new WeakMap,M=new WeakMap,R=new WeakSet;function O(e){if(R.has(e))return e;if(M.has(e))return M.get(e);const o={};r.prototype=new Proxy({constructor:e,__proto__:e.prototype},{get(i,n,s){let t=P(i,n);return t||(t=Reflect.get(i,n,s),typeof n=="symbol"||["constructor","__proto__"].includes(n)||typeof t!="function")?t:(o[n]||(o[n]=function(...f){return t.apply(h(this),f)}),o[n])}});const c=new Proxy(e,{apply(i,n,s){b.has(e)||b.set(e,new Map);let t=b.get(e);for(let f=0;f<s.length;f++)t.has(s[f])||t.set(s[f],new Map),t=t.get(s[f]);if(!t.has(y)){t.set(y,void 0);const f=h(Reflect.construct(i,s,r));t.set(y,f),m.set(f,s)}return t.get(y)}});return M.set(e,c),R.add(c),M.get(e);function r(){}}function x(e){const o=h(e);if(!m.has(o))return;const c=m.get(o);let r=b.get(o.constructor);for(;c.length;)r=r.get(c.shift());r.delete(y),m.delete(o)}const T=Object.create(null);function A(e,o){const c=O(e),r=o?c(...o):T,[,i]=d.useReducer(n=>(n+1)%100,0);return d.useEffect(()=>p(r,()=>{i()}),[r]),r}l.provide=O,l.revoke=x,l.useModel=A,l.watch=p,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,34 +1,75 @@
 {
   "name": "@e7w/easy-model",
-  "version": "0.0.11",
-  "description": "一个简单的状态管理包, A simple state management lib for Typescript",
-  "main": "./src/index.ts",
+  "version": "0.1.0",
   "module": "./dist/index.es.js",
-  "types": "./src/index.ts",
-  "typings": "./dist/index.d.ts",
-  "exports": {
-    "import": "./dist/index.es.js",
-    "require": "./dist/index.umd.js"
-  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
   "type": "module",
-  "keywords": [
-    "model",
-    "provide",
-    "observe"
-  ],
-  "author": "张一凡<344275632@qq.com>",
-  "license": "ISC",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "dev": "vite --host",
+    "build": "npm run build:lib && npm run build:dts",
+    "build:lib": "rimraf dist && tsc && vite build",
+    "build:dts": "dts-bundle-generator --config ./dts-bundle-generator.config.cjs",
+    "test": "vitest",
+    "test:coverage": "vitest --coverage",
+    "lint:scripts": "eslint . --fix --ext .ts",
+    "lint:styles": "stylelint ./**/*.{css,scss}",
+    "format:scripts": "prettier . --write",
+    "format:styles": "stylelint ./**/*.{css,scss} --fix",
+    "format": "npm run format:scripts && npm run format:styles",
+    "prepare": "husky && echo 'npx lint-staged' > .husky/pre-commit && git add .husky/pre-commit",
+    "uninstall-husky": "npm uninstall husky --no-save && git config --unset core.hooksPath && npx rimraf .husky"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.24.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@types/jsdom": "^21.1.7",
+    "@types/node": "^22.13.5",
+    "@types/react": ">=17.0.0",
+    "@vitejs/plugin-react-swc": "^3.8.1",
+    "@vitest/coverage-v8": "^3.0.7",
+    "copyfiles": "^2.4.1",
+    "dts-bundle-generator": "^9.5.1",
+    "eslint": "^9.24.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-autofix": "^2.2.0",
+    "eslint-plugin-prettier": "^5.2.3",
+    "globals": "^16.0.0",
+    "husky": "^9.1.7",
+    "jiti": "^2.4.2",
+    "jsdom": "^26.0.0",
+    "lint-staged": "^15.4.3",
+    "postcss": "^8.5.3",
+    "postcss-scss": "^4.0.9",
+    "prettier": "^3.5.2",
+    "rimraf": "^6.0.1",
+    "stylelint": "^16.14.1",
+    "stylelint-config-recommended": "^15.0.0",
+    "stylelint-config-sass-guidelines": "^12.1.0",
+    "stylelint-order": "^6.0.4",
+    "stylelint-prettier": "^5.0.3",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.29.1",
+    "vite": "^6.2.0",
+    "vitest": "^3.0.7"
+  },
   "files": [
-    "package.json",
-    "src",
     "dist",
-    "README.md"
+    "README.md",
+    "LICENSE.md"
   ],
-  "scripts": {
-    "build": "vite build"
-  }
-}
+  "license": "MIT"
+}

package/dist/helpers.d.ts

@@ -1,8 +0,0 @@
-export type Ctor = new (...args: any[]) => any;
-export type Obj = Record<string | symbol | number, any>;
-export declare function safeGet(target: Obj, p: string | symbol): any;
-export declare function track(target: Obj, handler: (path: (string | symbol)[]) => void): void;
-export declare function subscribe(target: Obj, handler: (path: (string | symbol)[]) => void): () => void;
-export declare function trigger(target: Obj, path: (string | symbol)[]): void;
-export declare function startTrigger(): symbol | null;
-export declare function endTrigger(symbol: symbol | null): void;

package/dist/observe.d.ts

@@ -1,3 +0,0 @@
-import { type Obj } from "./helpers";
-export declare function observe<T extends Obj>(target: T): T;
-export declare function getOrigin<T extends Obj>(target: T): T;

package/dist/provide.d.ts

@@ -1,5 +0,0 @@
-import { type Ctor } from "./helpers";
-export declare const filterSymbol: unique symbol;
-export declare function provide<T extends Ctor>(Ctor: T): T & ((...args: ConstructorParameters<T>) => InstanceType<T>);
-export declare function extend<T extends ReturnType<typeof provide>, P extends Partial<InstanceType<T>>>(Provider: T, extendData: P): P & Partial<Omit<InstanceType<T>, keyof P>>;
-export declare function extend<T extends ReturnType<typeof provide>, P extends Partial<InstanceType<T>>, M extends Parameters<T>>(Provider: T, extendData: P, args: M): InstanceType<T>;

package/src/helpers.ts

@@ -1,103 +0,0 @@
-import { getOrigin } from "./observe";
-
-const triggered = new Set();
-let triggerSymbol: Symbol | null = null;
-
-export type Ctor = new (...args: any[]) => any;
-export type Obj = Record<string | symbol | number, any>;
-const fakeArr: any = [
-  "push",
-  "pop",
-  "shift",
-  "unshift",
-  "splice",
-  "sort",
-  "reverse",
-];
-const findMethods: any = ["includes", "indexOf", "lastIndexOf"];
-const safeMethods: any = ["forEach", "map"];
-export function safeGet(target: Obj, p: string | symbol): any {
-  if (p === "hasOwnProperty") {
-    return function (this: Obj, key: string) {
-      return getOrigin(this).hasOwnProperty(key);
-    };
-  }
-  if (Array.isArray(target) && typeof fakeArr[p] === "function") {
-    if (safeMethods.includes(p)) return target[p as keyof typeof target];
-    return function (this: Obj, ...args: any) {
-      const ret = fakeArr[p].apply(getOrigin(this), args);
-      if (findMethods.includes(p) && (ret === -1 || ret === false)) {
-        return fakeArr[p].apply(getOrigin(this), ...args.map(getOrigin));
-      }
-      if (fakeArr.includes(p)) {
-        trigger(this, [p]);
-      }
-      return ret;
-    };
-  }
-  return null;
-}
-
-const updateHandlersMap = new WeakMap();
-
-function getUpdateHandlers(
-  target: Obj
-): Set<(path: (string | symbol)[]) => void> {
-  target = getOrigin(target);
-  if (!updateHandlersMap.has(target)) updateHandlersMap.set(target, new Set());
-  return updateHandlersMap.get(target);
-}
-
-export function track(
-  target: Obj,
-  handler: (path: (string | symbol)[]) => void
-): void {
-  const handlers = getUpdateHandlers(target);
-  handlers.add(handler);
-}
-
-export function subscribe(
-  target: Obj,
-  handler: (path: (string | symbol)[]) => void
-): () => void {
-  const wrappedHandler: typeof handler = (path) => {
-    const isTriggered = triggered.has(handler);
-    triggered.add(handler);
-    if (!isTriggered) triggerTop(() => handler(path));
-    track(target, wrappedHandler);
-  };
-  const unsubscribe = () => {
-    getUpdateHandlers(target).delete(wrappedHandler);
-  };
-  track(target, wrappedHandler);
-  return unsubscribe;
-}
-
-export function trigger(target: Obj, path: (string | symbol)[]): void {
-  const handlers = getUpdateHandlers(target);
-  const cbs = [...handlers];
-  handlers.clear();
-  cbs.forEach((fn) => fn(path));
-}
-
-const eventName = "__easy_model_event__";
-function triggerTop(cb: () => void): void {
-  const target = new EventTarget();
-  const e = new Event(eventName);
-  target.addEventListener(eventName, () => {
-    target.removeEventListener(eventName, cb);
-    cb();
-  });
-  target.dispatchEvent(e);
-}
-
-export function startTrigger() {
-  if (triggerSymbol) return null;
-  return (triggerSymbol = Symbol());
-}
-
-export function endTrigger(symbol: symbol | null) {
-  if (triggerSymbol !== symbol) return;
-  triggerSymbol = null;
-  triggered.clear();
-}

package/src/index.ts

@@ -1,2 +0,0 @@
-export { subscribe } from "./helpers";
-export { provide, extend, filterSymbol } from "./provide";

package/src/observe.ts

@@ -1,79 +0,0 @@
-import {
-  type Obj,
-  safeGet,
-  track,
-  trigger,
-  startTrigger,
-  endTrigger,
-} from "./helpers";
-
-const unSafeCtor = [Promise, WeakMap, WeakSet, Map, Set];
-function isUnsafeInstance<T extends Obj>(target: T): boolean {
-  return unSafeCtor.some((ctor) => target instanceof ctor);
-}
-
-const observedMap = new WeakMap();
-const origin = Symbol("origin");
-export function observe<T extends Obj>(target: T): T {
-  target = getOrigin(target);
-  if (isUnsafeInstance(target)) return target;
-  if (observedMap.has(target)) return observedMap.get(target);
-  const ret = new Proxy(target, new ObserveHandler(target));
-  observedMap.set(target, ret);
-  return ret;
-}
-
-export function getOrigin<T extends Obj>(target: T): T {
-  if (!target) return target;
-  return target[origin] || target;
-}
-
-class ObserveHandler<T extends Obj> implements ProxyHandler<T> {
-  private triggers: Record<
-    string | symbol,
-    (path: (string | symbol)[]) => void
-  > = {};
-
-  private cachedFns: { [K in keyof T]?: T[K] } = {};
-
-  public constructor(private obj: T) {}
-
-  public get(target: T, p: string | symbol, receiver: any): any {
-    if (p === origin) return this.obj;
-    if (isUnsafeInstance(target)) return Reflect.get(getOrigin(target), p);
-    let ret = safeGet(target, p) || Reflect.get(target, p, receiver);
-    if (typeof ret === "function")
-      return (
-        this.cachedFns[p] ||
-        (this.cachedFns[p as keyof T] = ret.bind(observe(target)))
-      );
-    if (typeof ret === "object") {
-      ret = observe(ret);
-      track(ret, this.getTrigger(p));
-    }
-    return ret;
-  }
-
-  public set(
-    target: T,
-    p: string | symbol,
-    newValue: any,
-    receiver: any
-  ): boolean {
-    if (newValue) newValue = getOrigin(newValue);
-    if (newValue === getOrigin(Reflect.get(target, p))) return true;
-    const flag = startTrigger();
-    const ret = Reflect.set(target, p, newValue, receiver);
-    trigger(this.obj, [p]);
-    endTrigger(flag);
-    return ret;
-  }
-
-  private getTrigger(p: string | symbol): (path: (string | symbol)[]) => void {
-    if (!(p in this.triggers)) {
-      this.triggers[p] = (path: (typeof p)[]) =>
-        trigger(this.obj, [p, ...path]);
-    }
-    return this.triggers[p];
-  }
-}

package/src/provide.ts

@@ -1,176 +0,0 @@
-import {
-  type Ctor,
-  type Obj,
-  safeGet,
-  trigger,
-  startTrigger,
-  endTrigger,
-} from "./helpers";
-import { getOrigin, observe } from "./observe";
-
-let creatingTarget: any = null;
-
-export const filterSymbol = Symbol("filterSymbol");
-
-export function provide<T extends Ctor>(
-  Ctor: T
-): T & ((...args: ConstructorParameters<T>) => InstanceType<T>) {
-  return new Proxy(Ctor, new Provider(Ctor)) as any;
-}
-
-// type RequireAtLeastOne<T> = {
-//   [K in keyof T]-?: undefined extends T[K]
-//     ? never
-//     : T[K] extends Function
-//     ? never
-//     : Required<Pick<T, K>> & Partial<Pick<T, Exclude<keyof T, K>>>;
-// }[keyof T];
-// todo: 想办法过滤出所有field
-export function extend<
-  T extends ReturnType<typeof provide>,
-  P extends Partial<InstanceType<T>>
->(Provider: T, extendData: P): P & Partial<Omit<InstanceType<T>, keyof P>>;
-export function extend<
-  T extends ReturnType<typeof provide>,
-  P extends Partial<InstanceType<T>>,
-  M extends Parameters<T>
->(Provider: T, extendData: P, args: M): InstanceType<T>;
-export function extend<
-  T extends ReturnType<typeof provide>,
-  P extends Partial<InstanceType<T>>,
-  M extends Parameters<T> | null | undefined
->(Provider: T, extendData: P, args?: M) {
-  const instance = args ? Provider(...args) : Object.create(Provider.prototype);
-  return observe(Object.assign(instance, extendData));
-}
-
-class Provider<T extends Ctor> implements ProxyHandler<T> {
-  private static prototypeHandlers: ProxyHandler<Obj> = {
-    get(target, p, receiver) {
-      const safeVal = safeGet(target, p);
-      if (safeVal) return safeVal;
-      const ret = Reflect.get(target, p, receiver);
-
-      if (
-        typeof p === "symbol" ||
-        ["constructor", "__proto__"].includes(p) ||
-        typeof ret !== "function"
-      )
-        return ret;
-      return function (this: Obj, ...args: any[]) {
-        return ret.apply(observe(this), args);
-      };
-    },
-  };
-
-  public fakeCtor: T;
-  private caches = new Map<
-    ConstructorParameters<T>,
-    WeakRef<InstanceType<T>>
-  >();
-
-  public constructor(private Ctor: T) {
-    const fakeCtor: any = function () {};
-    fakeCtor.prototype = new Proxy(
-      {
-        constructor: Ctor,
-        __proto__: Ctor.prototype,
-      },
-      Provider.prototypeHandlers
-    );
-    this.fakeCtor = fakeCtor;
-  }
-
-  public apply(
-    _target: T,
-    _thisArg: any,
-    argArray: ConstructorParameters<T>
-  ): InstanceType<T> {
-    // todo: 循环引用创建时抛出错误
-    const last = creatingTarget;
-    creatingTarget = this.fakeCtor;
-    const instance =
-      this.getInstance(argArray) ||
-      this.register(
-        argArray,
-        Reflect.construct(this.Ctor, this.filterArgs(argArray), this.fakeCtor)
-      );
-    creatingTarget = last;
-    return instance;
-  }
-
-  public construct(
-    target: T,
-    argArray: any[],
-    newTarget: any
-  ): InstanceType<T> {
-    const instance = Reflect.construct(
-      target,
-      this.filterArgs(argArray),
-      newTarget === this.Ctor ? this.fakeCtor : newTarget
-    );
-    if (creatingTarget !== newTarget) return observe(instance);
-    return instance;
-  }
-
-  public set(
-    target: T,
-    p: string | symbol,
-    newValue: any,
-    receiver: any
-  ): boolean {
-    if (newValue) newValue = getOrigin(newValue);
-    if (newValue === getOrigin(Reflect.get(target, p) as any)) return true;
-    const flag = startTrigger();
-    const ret = Reflect.set(target, p, newValue, receiver);
-    this.caches.forEach((ref) => {
-      const instance = ref.deref();
-      if (instance) trigger(instance, []);
-    });
-    endTrigger(flag);
-    return ret;
-  }
-
-  private getInstance(args: ConstructorParameters<T>): InstanceType<T> | null {
-    for (const cachedArgs of this.caches.keys()) {
-      if (
-        cachedArgs.length !== args.length ||
-        !cachedArgs.every((arg, index) =>
-          arg === args[index]
-            ? true
-            : typeof arg === "object" && typeof args[index] === "object"
-            ? this.isShallowEqualObj(arg, args[index]) // 只考虑 array 和 object 的浅比较, 其他奇怪的对象不应该出现在入参里.
-            : false
-        )
-      )
-        continue;
-
-      const instance = this.caches.get(cachedArgs)!;
-      if (instance.deref()) return observe(instance.deref()!);
-      this.caches.delete(cachedArgs);
-      return null;
-    }
-    return null;
-  }
-
-  private register(
-    args: ConstructorParameters<T>,
-    instance: InstanceType<T>
-  ): InstanceType<T> {
-    this.caches.set(args, new WeakRef(instance));
-    return observe(instance);
-  }
-
-  private isShallowEqualObj(objectA: Obj, objectB: Obj): Boolean {
-    const kOfA = Object.keys(objectA);
-    const kOfB = objectB.keys(objectB);
-    return (
-      kOfA.length === kOfB.length &&
-      kOfA.every((key) => objectA[key] === objectB[key])
-    );
-  }
-
-  private filterArgs(args: any[]): any[] {
-    return args.filter((arg) => arg !== filterSymbol);
-  }
-}