@cclr/react-model 0.1.11 → 0.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/cjs/index.js +46 -0
  2. package/lib/esm/index.js +44 -1
  3. package/lib/type/index.d.ts +21 -2
  4. package/package.json +5 -5
package/lib/cjs/index.js CHANGED
@@ -110,6 +110,49 @@ var useStore = function useStore(modelName, model) {
110
110
  return [model.getState(modelName), model.getActions(modelName)];
111
111
  };
112
112
 
113
+ /**
114
+ * 获取精简的模型状态和操作
115
+ * @param model
116
+ * @returns
117
+ */
118
+ var useSimpleStore = function useSimpleStore(model) {
119
+ var _useState3 = react.useState({}),
120
+ _useState4 = _slicedToArray(_useState3, 2),
121
+ setState = _useState4[1];
122
+ react.useEffect(function () {
123
+ return model.subscribe(function () {
124
+ setState({});
125
+ });
126
+ }, []);
127
+ return [model.getState().value, model.getActions().setValue];
128
+ };
129
+
130
+ /**
131
+ * 获取精简的模型值
132
+ * @param model
133
+ * @returns
134
+ */
135
+ var useSimpleValue = function useSimpleValue(model) {
136
+ var _useState5 = react.useState({}),
137
+ _useState6 = _slicedToArray(_useState5, 2),
138
+ setState = _useState6[1];
139
+ react.useEffect(function () {
140
+ return model.subscribe(function () {
141
+ setState({});
142
+ });
143
+ }, []);
144
+ return model.getState().value;
145
+ };
146
+
147
+ /**
148
+ * 获取精简的模型值设置
149
+ * @param model
150
+ * @returns
151
+ */
152
+ var useSimpleSet = function useSimpleSet(model) {
153
+ return model.getActions().setValue;
154
+ };
155
+
113
156
  var ReactModel = function ReactModel(models) {
114
157
  var model$1 = model.Model(models);
115
158
  return _objectSpread2({
@@ -120,3 +163,6 @@ var ReactModel = function ReactModel(models) {
120
163
  };
121
164
 
122
165
  exports.ReactModel = ReactModel;
166
+ exports.useSimpleSet = useSimpleSet;
167
+ exports.useSimpleStore = useSimpleStore;
168
+ exports.useSimpleValue = useSimpleValue;
package/lib/esm/index.js CHANGED
@@ -108,6 +108,49 @@ var useStore = function useStore(modelName, model) {
108
108
  return [model.getState(modelName), model.getActions(modelName)];
109
109
  };
110
110
 
111
+ /**
112
+ * 获取精简的模型状态和操作
113
+ * @param model
114
+ * @returns
115
+ */
116
+ var useSimpleStore = function useSimpleStore(model) {
117
+ var _useState3 = useState({}),
118
+ _useState4 = _slicedToArray(_useState3, 2),
119
+ setState = _useState4[1];
120
+ useEffect(function () {
121
+ return model.subscribe(function () {
122
+ setState({});
123
+ });
124
+ }, []);
125
+ return [model.getState().value, model.getActions().setValue];
126
+ };
127
+
128
+ /**
129
+ * 获取精简的模型值
130
+ * @param model
131
+ * @returns
132
+ */
133
+ var useSimpleValue = function useSimpleValue(model) {
134
+ var _useState5 = useState({}),
135
+ _useState6 = _slicedToArray(_useState5, 2),
136
+ setState = _useState6[1];
137
+ useEffect(function () {
138
+ return model.subscribe(function () {
139
+ setState({});
140
+ });
141
+ }, []);
142
+ return model.getState().value;
143
+ };
144
+
145
+ /**
146
+ * 获取精简的模型值设置
147
+ * @param model
148
+ * @returns
149
+ */
150
+ var useSimpleSet = function useSimpleSet(model) {
151
+ return model.getActions().setValue;
152
+ };
153
+
111
154
  var ReactModel = function ReactModel(models) {
112
155
  var model = Model(models);
113
156
  return _objectSpread2({
@@ -117,4 +160,4 @@ var ReactModel = function ReactModel(models) {
117
160
  }, model);
118
161
  };
119
162
 
120
- export { ReactModel };
163
+ export { ReactModel, useSimpleSet, useSimpleStore, useSimpleValue };
package/lib/type/index.d.ts CHANGED
@@ -1,4 +1,23 @@
1
- import { ModelsType, TActionMapApi, TSubscribesFun } from '@cclr/model';
1
+ import { ModelsSingleApi, ModelType, TGetStateType, TGetActionsType, ModelsType, TActionMapApi, TSubscribesFun } from '@cclr/model';
2
+
3
+ /**
4
+ * 获取精简的模型状态和操作
5
+ * @param model
6
+ * @returns
7
+ */
8
+ declare const useSimpleStore: <T extends ModelsSingleApi<ModelType>>(model: T) => [TGetStateType<T>["value"], TGetActionsType<T>["setValue"]];
9
+ /**
10
+ * 获取精简的模型值
11
+ * @param model
12
+ * @returns
13
+ */
14
+ declare const useSimpleValue: <T extends ModelsSingleApi<ModelType>>(model: T) => TGetStateType<T>["value"];
15
+ /**
16
+ * 获取精简的模型值设置
17
+ * @param model
18
+ * @returns
19
+ */
20
+ declare const useSimpleSet: <T extends ModelsSingleApi<ModelType>>(model: T) => TGetActionsType<T>["setValue"];
2
21
 
3
22
  /**
4
23
  * 获取model的api
@@ -18,4 +37,4 @@ type TReactModelsApi<MS extends ModelsType> = {
18
37
 
19
38
  declare const ReactModel: <MT extends ModelsType>(models: MT) => TReactModelsApi<MT>;
20
39
 
21
- export { ReactModel };
40
+ export { ReactModel, useSimpleSet, useSimpleStore, useSimpleValue };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cclr/react-model",
3
- "version": "0.1.11",
3
+ "version": "0.1.13",
4
4
  "description": "前端开发状态管理",
5
5
  "author": "cclr <18843152354@163.com>",
6
6
  "homepage": "",
@@ -27,11 +27,11 @@
27
27
  "g:test": "vitest run",
28
28
  "g:build": "ccm lib"
29
29
  },
30
- "gitHead": "e03c9c40bc86083ba49fe9f372375a50223191cc",
30
+ "gitHead": "731ccef207bc8ed3120229b2041a42ee9cb5dd7f",
31
31
  "dependencies": {
32
- "@cclr/lang": "0.1.11",
33
- "@cclr/model": "0.1.11",
34
- "@cclr/utils": "0.1.11",
32
+ "@cclr/lang": "0.1.12",
33
+ "@cclr/model": "0.1.12",
34
+ "@cclr/utils": "0.1.12",
35
35
  "@testing-library/react-hooks": "^8.0.1",
36
36
  "@types/react": "^18.3.12",
37
37
  "immer": "^10.1.1",