@cassiewang/cassie-store 1.0.0

package/dist/Manager/AsyncManager.js

@@ -0,0 +1,111 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// src/Manager/AsyncManager.ts - AsyncManager类实现
+import { EventEmitter2 } from "../utils/event";
+var DEFAULT_TIMEOUT = 300;
+export var AsyncManager = /*#__PURE__*/function (_EventEmitter) {
+  _inherits(AsyncManager, _EventEmitter);
+  var _super = _createSuper(AsyncManager);
+  // 存储每个请求的控制器
+
+  function AsyncManager(options) {
+    var _this;
+    _classCallCheck(this, AsyncManager);
+    _this = _super.call(this);
+    _defineProperty(_assertThisInitialized(_this), "execId", 0);
+    // 执行ID，用于解决竞态条件
+    _defineProperty(_assertThisInitialized(_this), "options", {});
+    _defineProperty(_assertThisInitialized(_this), "abortSignalMap", {});
+    if (options) {
+      _this.options = options;
+    }
+    return _this;
+  }
+
+  // 获取当前执行ID
+  _createClass(AsyncManager, [{
+    key: "getCurrentExecId",
+    value: function getCurrentExecId() {
+      return this.execId;
+    }
+
+    // 获取指定执行ID的控制器
+  }, {
+    key: "getAbortController",
+    value: function getAbortController(execId) {
+      return this.abortSignalMap[execId];
+    }
+
+    // 🎯 核心方法：执行异步操作
+  }, {
+    key: "exec",
+    value: function exec(fn) {
+      var _this2 = this;
+      var tryCount = 0;
+      var execId = ++this.execId; // 生成新的执行ID
+      console.log("\u5148\u6267\u884C\u7684 execId: ".concat(execId, ", \u5F53\u524D\u6700\u65B0\u7684 this.execId: ").concat(this.execId));
+      // 触发loading事件
+      this.emit('loading');
+      return new Promise(function (resolve, reject) {
+        var _exec = function _exec() {
+          // 获取上一个请求的控制器
+          var lastAbortController = _this2.abortSignalMap[execId - 1] || null;
+
+          // 创建当前请求的控制器
+          var abortController = _this2.abortSignalMap[execId] = new AbortController();
+
+          // 执行用户提供的异步函数
+          fn({
+            lastAbortController: lastAbortController,
+            abortController: abortController
+          }, tryCount).then(function (res) {
+            // 🎯 关键：只有最新的请求才处理成功结果
+            console.log('then execId, this.execId:', execId, _this2.execId);
+            if (execId === _this2.execId) {
+              _this2.emit('success', res);
+            }
+            resolve(res);
+            delete _this2.abortSignalMap[execId];
+            _this2.emit('finish', null, res);
+            return res;
+          }).catch(function (e) {
+            // 🎯 关键：只有最新的请求才处理错误
+            if (execId === _this2.execId) {
+              // 检查是否需要重试
+              if (tryCount < (_this2.options.retryCount || 0)) {
+                setTimeout(function () {
+                  _exec(); // 重试
+                }, _this2.options.retryInterval || DEFAULT_TIMEOUT);
+              } else {
+                _this2.emit('error', e);
+                reject(e);
+                delete _this2.abortSignalMap[execId];
+                _this2.emit('finish', e, null);
+              }
+            } else {
+              // 非最新请求，直接清理并拒绝
+              delete _this2.abortSignalMap[execId];
+              _this2.emit('finish', e, null);
+              reject(e);
+            }
+            tryCount++;
+          });
+        };
+        _exec(); // 开始执行
+      });
+    }
+  }]);
+  return AsyncManager;
+}(EventEmitter2);

package/dist/Model.d.ts

@@ -0,0 +1,43 @@
+import type { IDispatchOptions, TEqualityFn, TComputed, TWatch } from './type';
+import { AsyncManager } from './Manager/AsyncManager';
+import type { AsyncManagerOptions } from './Manager/AsyncManager';
+type IEffects<M extends Model<any, any>> = Record<string, ((this: M, ...args: any[]) => any) | any>;
+export interface IModelConfig<TState extends Record<string, any> = Record<string, any>, TEffects extends IEffects<Model<TState, TEffects>> = IEffects<Model>> {
+    state: TState;
+    effects?: Partial<TEffects>;
+    watch?: TWatch<TState>;
+    computed?: TComputed<TState>;
+}
+type TSubscribeFunc<TState extends Record<string, any> = Record<string, any>, TEffects extends Record<string, any> = Record<string, any>> = (state: Model<TState, TEffects>, silent: boolean) => any;
+export declare class Model<TState extends Record<string, any> = Record<string, any>, TEffects extends Record<string, any> = Record<string, any>> {
+    config: IModelConfig<TState, TEffects>;
+    isUnMount: boolean;
+    state: TState;
+    _preState: TState;
+    _subscribes: TSubscribeFunc<TState, TEffects>[];
+    _isInited: boolean;
+    asyncManagerMap: Record<string, AsyncManager<Partial<TState>, (aborts: {
+        lastAbortController: AbortController | null;
+        abortController: AbortController;
+    }, tryCount: number) => Promise<Partial<TState>>>>;
+    constructor(config: IModelConfig<TState, TEffects>);
+    asyncManager(name: string, options?: {
+        loadingKey?: string;
+        errorKey?: string;
+        config?: AsyncManagerOptions;
+        showLoading?: boolean;
+    }): AsyncManager<Partial<TState>, (aborts: {
+        lastAbortController: AbortController | null;
+        abortController: AbortController;
+    }, tryCount: number) => Promise<Partial<TState>>>;
+    init(): void;
+    getState: () => TState;
+    setState(state: Partial<TState> | ((state: TState) => Partial<TState>), options?: IDispatchOptions): void;
+    getActualState(prevState: TState, payload: Partial<TState>): TState;
+    dispatch(options?: IDispatchOptions): void;
+    subscribe(func: TSubscribeFunc<TState, TEffects>): () => void;
+    unsubscribe(func: TSubscribeFunc<TState, TEffects>): void;
+    useSelector: (equalityFn?: TEqualityFn<TState>) => TState;
+    useGetState: <Key extends keyof TState & string>(keys?: Key[], equalityFn?: TEqualityFn<TState>) => TState;
+}
+export {};

package/dist/Model.js

@@ -0,0 +1,210 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useCallback } from 'react';
+import useSyncExternalStoreExports from 'use-sync-external-store/shim/with-selector';
+import { shallowEqualKeys, execWatchHandler } from "./utils";
+import { useMemoizedFn } from "./hooks";
+import { calcComputedState } from "./utils"; // 🆕 新增导入
+
+import { AsyncManager } from "./Manager/AsyncManager";
+var useSyncExternalStoreWithSelector = useSyncExternalStoreExports.useSyncExternalStoreWithSelector;
+
+// src/type.ts - 扩展现有的IModelConfig接口
+
+export var Model = /*#__PURE__*/function () {
+  function Model(config) {
+    var _this = this;
+    _classCallCheck(this, Model);
+    _defineProperty(this, "isUnMount", false);
+    _defineProperty(this, "state", {});
+    _defineProperty(this, "_preState", {});
+    _defineProperty(this, "_subscribes", []);
+    _defineProperty(this, "_isInited", false);
+    _defineProperty(this, "asyncManagerMap", {});
+    _defineProperty(this, "getState", function () {
+      if (!_this._isInited) {
+        _this.init();
+      }
+      return _this.state;
+    });
+    _defineProperty(this, "useSelector", function (equalityFn) {
+      var subscribe = useCallback(function (listener) {
+        return _this.subscribe(function (_, silent) {
+          if (!silent) {
+            listener();
+          }
+        });
+      }, [_this]);
+      var selector = useMemoizedFn(function (state) {
+        return state;
+      });
+      var isEqual = useMemoizedFn(function (prevState, nextState) {
+        if (equalityFn) {
+          return equalityFn(prevState, nextState);
+        }
+        return Object.is(prevState, nextState);
+      });
+      var state = useSyncExternalStoreWithSelector(subscribe, _this.getState, _this.getState, selector, isEqual);
+      return state;
+    });
+    _defineProperty(this, "useGetState", function (keys, equalityFn) {
+      return _this.useSelector(function (prevState, nextState) {
+        if (equalityFn) {
+          return equalityFn(prevState, nextState);
+        }
+        if (keys && shallowEqualKeys(prevState, nextState, keys)) {
+          return true;
+        }
+        return false;
+      });
+    });
+    this.config = config;
+  }
+
+  // 🆕 新增：asyncManager方法（源码中的实现）
+  _createClass(Model, [{
+    key: "asyncManager",
+    value: function asyncManager(name, options) {
+      var _this2 = this;
+      var _ref = options || {},
+        _ref$loadingKey = _ref.loadingKey,
+        loadingKey = _ref$loadingKey === void 0 ? 'loading' : _ref$loadingKey,
+        _ref$errorKey = _ref.errorKey,
+        errorKey = _ref$errorKey === void 0 ? 'error' : _ref$errorKey,
+        _ref$showLoading = _ref.showLoading,
+        showLoading = _ref$showLoading === void 0 ? true : _ref$showLoading,
+        config = _ref.config;
+
+      // 如果不存在，创建新的AsyncManager
+      if (!this.asyncManagerMap[name]) {
+        this.asyncManagerMap[name] = new AsyncManager(config);
+      }
+      var asyncManager = this.asyncManagerMap[name];
+
+      // 🎯 关键：清除之前的监听器，重新绑定
+      asyncManager.offAllListeners();
+
+      // 🎯 绑定loading事件
+      asyncManager.on('loading', function () {
+        if (showLoading) {
+          _this2.setState(_defineProperty({}, loadingKey, true));
+        }
+      });
+
+      // 🎯 绑定success事件
+      asyncManager.on('success', function (result) {
+        if (_typeof(result) === 'object' && result !== null) {
+          _this2.setState(_objectSpread(_defineProperty({}, loadingKey, false), result));
+        }
+      });
+
+      // 🎯 绑定error事件
+      asyncManager.on('error', function (error) {
+        _this2.setState(_defineProperty(_defineProperty({}, loadingKey, false), errorKey, error));
+      });
+      return this.asyncManagerMap[name];
+    }
+
+    // 🔧 修改：init方法，使用getActualState
+  }, {
+    key: "init",
+    value: function init() {
+      if (!this._isInited) {
+        this._isInited = true;
+        var _config = this.config;
+
+        // 🆕 使用getActualState处理初始状态（包含计算属性）
+        this.state = this.getActualState({}, _config.state || {});
+        this._preState = _objectSpread({}, this.state);
+      }
+    }
+  }, {
+    key: "setState",
+    value:
+    // 🔧 修改：setState方法，使用getActualState
+    function setState(state, options) {
+      if (!this._isInited) {
+        this.init();
+      }
+      if (state) {
+        // 1. 处理函数形式的state
+        var payload;
+        if (typeof state === 'function') {
+          payload = state(this.state);
+        } else {
+          payload = state;
+        }
+
+        // 🆕 2. 使用getActualState处理状态（包含计算属性）
+        this.state = this.getActualState(this._preState, payload);
+
+        // 3. 分发更新
+        this.dispatch(options);
+        this._preState = _objectSpread({}, this.state);
+      }
+    }
+
+    // 🆕 新增：getActualState方法（源码中的核心方法）
+  }, {
+    key: "getActualState",
+    value: function getActualState(prevState, payload) {
+      // 1. 合并状态
+      var nextState = _objectSpread(_objectSpread({}, prevState), payload);
+
+      // 2. 获取配置
+      var _ref2 = this.config || {},
+        computed = _ref2.computed,
+        watch = _ref2.watch;
+
+      // 🆕 3. 处理计算属性
+      nextState = calcComputedState({
+        prevState: prevState,
+        nextState: nextState,
+        computed: computed
+      });
+
+      // 4. 执行 watch
+      execWatchHandler({
+        prevState: prevState,
+        nextState: nextState,
+        watch: watch
+      });
+      return nextState;
+    }
+  }, {
+    key: "dispatch",
+    value: function dispatch(options) {
+      var _this3 = this;
+      if (this.isUnMount) return;
+      this._subscribes.forEach(function (func) {
+        return func(_this3, (options === null || options === void 0 ? void 0 : options.silent) || false);
+      });
+    }
+  }, {
+    key: "subscribe",
+    value: function subscribe(func) {
+      var _this4 = this;
+      this._subscribes.push(func);
+      return function () {
+        _this4.unsubscribe(func);
+      };
+    }
+  }, {
+    key: "unsubscribe",
+    value: function unsubscribe(func) {
+      if (this._subscribes.length) {
+        this._subscribes = this._subscribes.filter(function (fn) {
+          return fn !== func;
+        });
+      }
+    }
+  }]);
+  return Model;
+}();

package/dist/UseGetState/TestComponent.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare function FullStateComponent(): React.JSX.Element;
+declare function CountOnlyComponent(): React.JSX.Element;
+declare function NameOnlyComponent(): React.JSX.Element;
+declare function CustomEqualityComponent(): React.JSX.Element;
+declare function ControlPanel(): React.JSX.Element;
+export { FullStateComponent, CountOnlyComponent, NameOnlyComponent, CustomEqualityComponent, ControlPanel };

package/dist/UseGetState/TestComponent.js

@@ -0,0 +1,97 @@
+import React from 'react';
+import { counterStore, increment, decrement, updateName } from "./counterStore";
+
+// 完整状态组件
+function FullStateComponent() {
+  debugger;
+  var state = counterStore.useGetState();
+  console.log('FullStateComponent 重新渲染');
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: "10px",
+      border: "1px solid #ccc",
+      margin: '5px'
+    }
+  }, /*#__PURE__*/React.createElement("h3", null, "\u5B8C\u6574\u72B6\u6001\u7EC4\u4EF6"), /*#__PURE__*/React.createElement("div", null, "\u8BA1\u6570\uFF1A", state.count), /*#__PURE__*/React.createElement("div", null, "\u540D\u79F0\uFF1A", state.name), /*#__PURE__*/React.createElement("div", null, "\u66F4\u65B0\u65F6\u95F4\uFF1A", new Date(state.lastUpdated).toLocaleTimeString()));
+}
+
+// 只关心 count 的组件
+function CountOnlyComponent() {
+  debugger;
+  var state = counterStore.useGetState(['count']);
+  console.log(state, 'state121==');
+  console.log('CountOnlyComponent 重新渲染');
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '10px',
+      border: "1px solid #00f",
+      margin: "5px"
+    }
+  }, /*#__PURE__*/React.createElement("h3", null, "\u53EA\u5173\u5FC3Count\u7684\u7EC4\u4EF6"), /*#__PURE__*/React.createElement("div", null, "\u8BA1\u6570\uFF1A", state.count));
+}
+// 只关心name的组件
+function NameOnlyComponent() {
+  var state = counterStore.useGetState(['name']);
+  console.log('NameOnlyComponent 重新渲染');
+  console.log(state, 'state456==');
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: "10px",
+      border: '1px solid #0f0',
+      margin: '5px'
+    }
+  }, /*#__PURE__*/React.createElement("h3", null, "\u53EA\u5173\u5FC3Name\u7684\u7EC4\u4EF6"), /*#__PURE__*/React.createElement("div", null, "\u540D\u79F0", state.name));
+}
+
+// 自定义相等性检查的组件
+function CustomEqualityComponent() {
+  debugger;
+  // 只有当 count 变化超过5s 才重新渲染
+  var state = counterStore.useGetState(undefined, function (prev, next) {
+    return Math.abs(prev.count - next.count) < 5;
+  });
+  console.log('CustomEqualityComponent 重新渲染');
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: "10px",
+      border: '1px solid #f00',
+      margin: "5px"
+    }
+  }, /*#__PURE__*/React.createElement("h3", null, "\u81EA\u5B9A\u4E49\u76F8\u7B49\u6027\u68C0\u67E5\u7EC4\u4EF6"), /*#__PURE__*/React.createElement("div", null, "\u8BA1\u6570\uFF1A", state.count, " \uFF08\u53EA\u6709\u53D8\u5316\u8D85\u8FC75 \u624D\u91CD\u65B0\u6E32\u67D3\uFF09"));
+}
+
+// 控制面板
+function ControlPanel() {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '20px',
+      background: "#f5f5f5",
+      margin: "10px"
+    }
+  }, /*#__PURE__*/React.createElement("h3", null, "\u63A7\u5236\u9762\u677F"), /*#__PURE__*/React.createElement("button", {
+    onClick: increment,
+    style: {
+      margin: '5px'
+    }
+  }, "\u589E\u52A0\u8BA1\u6570"), /*#__PURE__*/React.createElement("button", {
+    onClick: decrement,
+    style: {
+      margin: '5px'
+    }
+  }, "\u51CF\u5C11\u8BA1\u6570"), /*#__PURE__*/React.createElement("button", {
+    onClick: function onClick() {
+      return updateName('Updated Name');
+    },
+    style: {
+      margin: '5px'
+    }
+  }, "\u66F4\u65B0\u540D\u79F0"), /*#__PURE__*/React.createElement("button", {
+    onClick: function onClick() {
+      return updateName('My Counter');
+    },
+    style: {
+      margin: '5px'
+    }
+  }, "\u91CD\u7F6E\u540D\u79F0"));
+}
+export { FullStateComponent, CountOnlyComponent, NameOnlyComponent, CustomEqualityComponent, ControlPanel };

package/dist/UseGetState/counterStore.d.ts

@@ -0,0 +1,11 @@
+import { Model } from '../Model';
+interface CounterState {
+    count: number;
+    name: string;
+    lastUpdated: number;
+}
+declare const counterStore: Model<CounterState, Record<string, any>>;
+declare const increment: () => void;
+declare const decrement: () => void;
+declare const updateName: (name: string) => void;
+export { counterStore, increment, decrement, updateName };

package/dist/UseGetState/counterStore.js

@@ -0,0 +1,31 @@
+import { Model } from "../Model";
+var counterStore = new Model({
+  state: {
+    count: 0,
+    name: 'My Counter',
+    lastUpdated: Date.now()
+  }
+});
+// 辅助函数
+var increment = function increment() {
+  debugger;
+  var currentState = counterStore.getState();
+  counterStore.setState({
+    count: currentState.count + 1,
+    lastUpdated: Date.now()
+  });
+};
+var decrement = function decrement() {
+  var currentState = counterStore.getState();
+  counterStore.setState({
+    count: currentState.count - 1,
+    lastUpdated: Date.now()
+  });
+};
+var updateName = function updateName(name) {
+  counterStore.setState({
+    name: name,
+    lastUpdated: Date.now()
+  });
+};
+export { counterStore, increment, decrement, updateName };

package/dist/UseGetState/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function App(): React.JSX.Element;
+export default App;

package/dist/UseGetState/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { FullStateComponent, CountOnlyComponent, NameOnlyComponent, CustomEqualityComponent, ControlPanel } from "./TestComponent";
+function App() {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: "20px"
+    }
+  }, /*#__PURE__*/React.createElement("h1", null, "useGetState Hook \u6D4B\u8BD5"), /*#__PURE__*/React.createElement(ControlPanel, null), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/React.createElement(FullStateComponent, null), /*#__PURE__*/React.createElement(CountOnlyComponent, null), /*#__PURE__*/React.createElement(NameOnlyComponent, null), /*#__PURE__*/React.createElement(CustomEqualityComponent, null)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: '20px',
+      padding: '15px',
+      background: '#fff3cd'
+    }
+  }, /*#__PURE__*/React.createElement("h3", null, "\u6D4B\u8BD5\u8BF4\u660E\uFF1A"), /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("strong", null, "\u70B9\u51FB\"\u589E\u52A0\u8BA1\u6570\""), "\uFF1AFullStateComponent \u548C CountOnlyComponent \u4F1A\u91CD\u65B0\u6E32\u67D3"), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("strong", null, "\u70B9\u51FB\"\u66F4\u65B0\u540D\u79F0\""), "\uFF1AFullStateComponent \u548C NameOnlyComponent \u4F1A\u91CD\u65B0\u6E32\u67D3"), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("strong", null, "CustomEqualityComponent"), "\uFF1A\u53EA\u6709\u8BA1\u6570\u53D8\u5316\u8D85\u8FC75\u65F6\u624D\u91CD\u65B0\u6E32\u67D3"), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("strong", null, "\u6253\u5F00\u63A7\u5236\u53F0"), "\uFF1A\u89C2\u5BDF\u5404\u7EC4\u4EF6\u7684\u91CD\u65B0\u6E32\u67D3\u65E5\u5FD7"))));
+}
+export default App;

package/dist/UseGetStateDemo/counterStore.d.ts

@@ -0,0 +1,9 @@
+import { Model } from '../Model';
+interface CounterState {
+    count: number;
+    name: string;
+}
+declare const counterStore: Model<CounterState, Record<string, any>>;
+declare const increment: () => void;
+declare const decrement: () => void;
+export { counterStore, increment, decrement };

package/dist/UseGetStateDemo/counterStore.js

@@ -0,0 +1,29 @@
+import { Model } from "../Model";
+
+// 🔧 修正：Store创建方式
+
+// 修正前（错误）：
+// const counterStore = new Model({ count: 0, name: 'My Counter' });
+
+// 修正后（正确）：
+var counterStore = new Model({
+  state: {
+    count: 0,
+    name: 'My Counter'
+  }
+});
+
+// 创建辅助函数
+var increment = function increment() {
+  var currentState = counterStore.getState();
+  counterStore.setState({
+    count: currentState.count + 1
+  });
+};
+var decrement = function decrement() {
+  var currentState = counterStore.getState();
+  counterStore.setState({
+    count: currentState.count - 1
+  });
+};
+export { counterStore, increment, decrement };

package/dist/UseGetStateDemo/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function App(): React.JSX.Element;
+export default App;

package/dist/UseGetStateDemo/index.js

@@ -0,0 +1,65 @@
+import React from 'react';
+// 导入store和辅助函数
+import { counterStore, increment, decrement } from "./counterStore"; // 根据你的文件路径调整
+
+// 主计数器组件 - 使用完整状态
+function Counter() {
+  // 🎯 使用完整状态（不传keys参数）
+  var state = counterStore.useGetState();
+  console.log('Counter组件重新渲染'); // 观察渲染次数
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '20px',
+      border: '1px solid #ccc',
+      margin: '10px'
+    }
+  }, /*#__PURE__*/React.createElement("h2", null, state.name), /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: '24px',
+      margin: '10px 0'
+    }
+  }, "\u8BA1\u6570: ", state.count), /*#__PURE__*/React.createElement("button", {
+    onClick: increment
+  }, "+1"), /*#__PURE__*/React.createElement("button", {
+    onClick: decrement
+  }, "-1"));
+}
+
+// 显示组件 - 只关心count字段
+function CountDisplay() {
+  // 🎯 使用选择性订阅，只关心count字段
+  var state = counterStore.useGetState(['count']);
+  console.log('CountDisplay组件重新渲染');
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '10px',
+      background: '#f0f0f0',
+      margin: '10px'
+    }
+  }, "\u5F53\u524D\u8BA1\u6570: ", state.count);
+}
+
+// 只显示名字的组件 - 只关心name字段
+function NameDisplay() {
+  // 🎯 使用选择性订阅，只关心name字段
+  var state = counterStore.useGetState(['name']);
+  console.log('NameDisplay组件重新渲染');
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '10px',
+      background: '#e0e0e0',
+      margin: '10px'
+    }
+  }, "\u540D\u79F0: ", state.name);
+}
+function App() {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", null, "useGetState Hook \u6D4B\u8BD5"), /*#__PURE__*/React.createElement(Counter, null), /*#__PURE__*/React.createElement(CountDisplay, null), /*#__PURE__*/React.createElement(NameDisplay, null), /*#__PURE__*/React.createElement("div", {
+    style: {
+      margin: '20px',
+      padding: '10px',
+      background: '#fff3cd'
+    }
+  }, /*#__PURE__*/React.createElement("h3", null, "\u6D4B\u8BD5\u8BF4\u660E\uFF1A"), /*#__PURE__*/React.createElement("p", null, "1. \u70B9\u51FB+1/-1\u6309\u94AE\uFF0C\u89C2\u5BDF\u6240\u6709\u7EC4\u4EF6\u90FD\u4F1A\u91CD\u65B0\u6E32\u67D3"), /*#__PURE__*/React.createElement("p", null, "2. \u6253\u5F00\u63A7\u5236\u53F0\uFF0C\u89C2\u5BDF\u6E32\u67D3\u65E5\u5FD7"), /*#__PURE__*/React.createElement("p", null, "3. \u8FD9\u8BF4\u660E\u6240\u6709\u7EC4\u4EF6\u90FD\u6210\u529F\u8BA2\u9605\u4E86\u72B6\u6001\u53D8\u5316")));
+}
+export default App;

package/dist/WatchDemo/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function ThemeDemo(): React.JSX.Element;
+export default ThemeDemo;