@cclr/react-model 0.1.27 → 0.1.29
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.
- package/lib/cjs/index.js +1 -204
- package/lib/esm/index.js +1 -198
- package/package.json +9 -9
package/lib/cjs/index.js
CHANGED
|
@@ -1,204 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var model = require('@cclr/model');
|
|
4
|
-
var react = require('react');
|
|
5
|
-
|
|
6
|
-
function _arrayLikeToArray(r, a) {
|
|
7
|
-
(null == a || a > r.length) && (a = r.length);
|
|
8
|
-
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
9
|
-
return n;
|
|
10
|
-
}
|
|
11
|
-
function _arrayWithHoles(r) {
|
|
12
|
-
if (Array.isArray(r)) return r;
|
|
13
|
-
}
|
|
14
|
-
function _defineProperty(e, r, t) {
|
|
15
|
-
return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
|
16
|
-
value: t,
|
|
17
|
-
enumerable: true,
|
|
18
|
-
configurable: true,
|
|
19
|
-
writable: true
|
|
20
|
-
}) : e[r] = t, e;
|
|
21
|
-
}
|
|
22
|
-
function _iterableToArrayLimit(r, l) {
|
|
23
|
-
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
24
|
-
if (null != t) {
|
|
25
|
-
var e,
|
|
26
|
-
n,
|
|
27
|
-
i,
|
|
28
|
-
u,
|
|
29
|
-
a = [],
|
|
30
|
-
f = true,
|
|
31
|
-
o = false;
|
|
32
|
-
try {
|
|
33
|
-
if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
34
|
-
} catch (r) {
|
|
35
|
-
o = true, n = r;
|
|
36
|
-
} finally {
|
|
37
|
-
try {
|
|
38
|
-
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
|
|
39
|
-
} finally {
|
|
40
|
-
if (o) throw n;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
return a;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
function _nonIterableRest() {
|
|
47
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
48
|
-
}
|
|
49
|
-
function ownKeys(e, r) {
|
|
50
|
-
var t = Object.keys(e);
|
|
51
|
-
if (Object.getOwnPropertySymbols) {
|
|
52
|
-
var o = Object.getOwnPropertySymbols(e);
|
|
53
|
-
r && (o = o.filter(function (r) {
|
|
54
|
-
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
55
|
-
})), t.push.apply(t, o);
|
|
56
|
-
}
|
|
57
|
-
return t;
|
|
58
|
-
}
|
|
59
|
-
function _objectSpread2(e) {
|
|
60
|
-
for (var r = 1; r < arguments.length; r++) {
|
|
61
|
-
var t = null != arguments[r] ? arguments[r] : {};
|
|
62
|
-
r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
|
|
63
|
-
_defineProperty(e, r, t[r]);
|
|
64
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
|
65
|
-
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
return e;
|
|
69
|
-
}
|
|
70
|
-
function _slicedToArray(r, e) {
|
|
71
|
-
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
72
|
-
}
|
|
73
|
-
function _toPrimitive(t, r) {
|
|
74
|
-
if ("object" != typeof t || !t) return t;
|
|
75
|
-
var e = t[Symbol.toPrimitive];
|
|
76
|
-
if (void 0 !== e) {
|
|
77
|
-
var i = e.call(t, r);
|
|
78
|
-
if ("object" != typeof i) return i;
|
|
79
|
-
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
80
|
-
}
|
|
81
|
-
return ("string" === r ? String : Number)(t);
|
|
82
|
-
}
|
|
83
|
-
function _toPropertyKey(t) {
|
|
84
|
-
var i = _toPrimitive(t, "string");
|
|
85
|
-
return "symbol" == typeof i ? i : i + "";
|
|
86
|
-
}
|
|
87
|
-
function _unsupportedIterableToArray(r, a) {
|
|
88
|
-
if (r) {
|
|
89
|
-
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
90
|
-
var t = {}.toString.call(r).slice(8, -1);
|
|
91
|
-
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
/**
|
|
96
|
-
* 获取精简的模型状态和操作
|
|
97
|
-
* @param model
|
|
98
|
-
* @returns
|
|
99
|
-
*/
|
|
100
|
-
var useSimpleStore = function useSimpleStore(model) {
|
|
101
|
-
var _useState = react.useState({}),
|
|
102
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
103
|
-
setState = _useState2[1];
|
|
104
|
-
react.useEffect(function () {
|
|
105
|
-
return model.subscribe(function () {
|
|
106
|
-
setState({});
|
|
107
|
-
});
|
|
108
|
-
}, []);
|
|
109
|
-
return [model.getState().value, model.getActions().setValue];
|
|
110
|
-
};
|
|
111
|
-
|
|
112
|
-
/**
|
|
113
|
-
* 获取精简的模型值
|
|
114
|
-
* @param model
|
|
115
|
-
* @returns
|
|
116
|
-
*/
|
|
117
|
-
var useSimpleValue = function useSimpleValue(model) {
|
|
118
|
-
var _useState3 = react.useState({}),
|
|
119
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
120
|
-
setState = _useState4[1];
|
|
121
|
-
react.useEffect(function () {
|
|
122
|
-
return model.subscribe(function () {
|
|
123
|
-
setState({});
|
|
124
|
-
});
|
|
125
|
-
}, []);
|
|
126
|
-
return model.getState().value;
|
|
127
|
-
};
|
|
128
|
-
|
|
129
|
-
/**
|
|
130
|
-
* 获取精简的模型值设置
|
|
131
|
-
* @param model
|
|
132
|
-
* @returns
|
|
133
|
-
*/
|
|
134
|
-
var useSimpleSet = function useSimpleSet(model) {
|
|
135
|
-
return model.getActions().setValue;
|
|
136
|
-
};
|
|
137
|
-
|
|
138
|
-
/**
|
|
139
|
-
* 对于对象类型的模型,获取对象的状态和操作
|
|
140
|
-
* 依赖 ModelSimple
|
|
141
|
-
* @param model
|
|
142
|
-
* @returns
|
|
143
|
-
*/
|
|
144
|
-
var useObjStore = function useObjStore(model) {
|
|
145
|
-
var _useSimpleStore = useSimpleStore(model),
|
|
146
|
-
_useSimpleStore2 = _slicedToArray(_useSimpleStore, 2),
|
|
147
|
-
val = _useSimpleStore2[0],
|
|
148
|
-
set = _useSimpleStore2[1];
|
|
149
|
-
var handleUpdate = function handleUpdate(map) {
|
|
150
|
-
return set(function (prev) {
|
|
151
|
-
return _objectSpread2(_objectSpread2({}, prev), map);
|
|
152
|
-
});
|
|
153
|
-
};
|
|
154
|
-
var handleForce = function handleForce(map) {
|
|
155
|
-
return set(map);
|
|
156
|
-
};
|
|
157
|
-
var handleDel = function handleDel(keys) {
|
|
158
|
-
return set(function (prev) {
|
|
159
|
-
var next = _objectSpread2({}, prev);
|
|
160
|
-
keys.forEach(function (key) {
|
|
161
|
-
delete next[key];
|
|
162
|
-
});
|
|
163
|
-
return next;
|
|
164
|
-
});
|
|
165
|
-
};
|
|
166
|
-
return [val, {
|
|
167
|
-
handleUpdate: handleUpdate,
|
|
168
|
-
handleForce: handleForce,
|
|
169
|
-
handleDel: handleDel
|
|
170
|
-
}];
|
|
171
|
-
};
|
|
172
|
-
|
|
173
|
-
/**
|
|
174
|
-
* 获取指定模型的状态和操作
|
|
175
|
-
* @param modelName
|
|
176
|
-
* @param model
|
|
177
|
-
* @returns
|
|
178
|
-
*/
|
|
179
|
-
var useStore = function useStore(modelName, model) {
|
|
180
|
-
var _useState = react.useState({}),
|
|
181
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
182
|
-
setState = _useState2[1];
|
|
183
|
-
react.useEffect(function () {
|
|
184
|
-
return model.subscribe(modelName, function () {
|
|
185
|
-
setState({});
|
|
186
|
-
});
|
|
187
|
-
}, []);
|
|
188
|
-
return [model.getState(modelName), model.getActions(modelName)];
|
|
189
|
-
};
|
|
190
|
-
|
|
191
|
-
var ReactModel = function ReactModel(models) {
|
|
192
|
-
var model$1 = model.Model(models);
|
|
193
|
-
return _objectSpread2({
|
|
194
|
-
useStore: function useStore$1(modelName) {
|
|
195
|
-
return useStore(modelName, model$1);
|
|
196
|
-
}
|
|
197
|
-
}, model$1);
|
|
198
|
-
};
|
|
199
|
-
|
|
200
|
-
exports.ReactModel = ReactModel;
|
|
201
|
-
exports.useObjStore = useObjStore;
|
|
202
|
-
exports.useSimpleSet = useSimpleSet;
|
|
203
|
-
exports.useSimpleStore = useSimpleStore;
|
|
204
|
-
exports.useSimpleValue = useSimpleValue;
|
|
1
|
+
"use strict";var e=require("@cclr/model"),t=require("react");function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function n(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach(function(t){n(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,o,i,c=[],a=!0,f=!1;try{if(o=(r=r.call(e)).next,0===t);else for(;!(a=(n=o.call(r)).done)&&(c.push(n.value),c.length!==t);a=!0);}catch(e){f=!0,u=e}finally{try{if(!a&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(f)throw u}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var c=function(e){var r=i(t.useState({}),2)[1];return t.useEffect(function(){return e.subscribe(function(){r({})})},[]),[e.getState().value,e.getActions().setValue]};exports.ReactModel=function(r){var n=e.Model(r);return o({useStore:function(e){return function(e,r){var n=i(t.useState({}),2)[1];return t.useEffect(function(){return r.subscribe(e,function(){n({})})},[]),[r.getState(e),r.getActions(e)]}(e,n)}},n)},exports.useObjStore=function(e){var t=i(c(e),2),r=t[0],n=t[1];return[r,{handleUpdate:function(e){return n(function(t){return o(o({},t),e)})},handleForce:function(e){return n(e)},handleDel:function(e){return n(function(t){var r=o({},t);return e.forEach(function(e){delete r[e]}),r})}}]},exports.useSimpleSet=function(e){return e.getActions().setValue},exports.useSimpleStore=c,exports.useSimpleValue=function(e){var r=i(t.useState({}),2)[1];return t.useEffect(function(){return e.subscribe(function(){r({})})},[]),e.getState().value};
|
package/lib/esm/index.js
CHANGED
|
@@ -1,198 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useState, useEffect } from 'react';
|
|
3
|
-
|
|
4
|
-
function _arrayLikeToArray(r, a) {
|
|
5
|
-
(null == a || a > r.length) && (a = r.length);
|
|
6
|
-
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
7
|
-
return n;
|
|
8
|
-
}
|
|
9
|
-
function _arrayWithHoles(r) {
|
|
10
|
-
if (Array.isArray(r)) return r;
|
|
11
|
-
}
|
|
12
|
-
function _defineProperty(e, r, t) {
|
|
13
|
-
return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
|
14
|
-
value: t,
|
|
15
|
-
enumerable: true,
|
|
16
|
-
configurable: true,
|
|
17
|
-
writable: true
|
|
18
|
-
}) : e[r] = t, e;
|
|
19
|
-
}
|
|
20
|
-
function _iterableToArrayLimit(r, l) {
|
|
21
|
-
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
22
|
-
if (null != t) {
|
|
23
|
-
var e,
|
|
24
|
-
n,
|
|
25
|
-
i,
|
|
26
|
-
u,
|
|
27
|
-
a = [],
|
|
28
|
-
f = true,
|
|
29
|
-
o = false;
|
|
30
|
-
try {
|
|
31
|
-
if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
32
|
-
} catch (r) {
|
|
33
|
-
o = true, n = r;
|
|
34
|
-
} finally {
|
|
35
|
-
try {
|
|
36
|
-
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
|
|
37
|
-
} finally {
|
|
38
|
-
if (o) throw n;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
return a;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
function _nonIterableRest() {
|
|
45
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
46
|
-
}
|
|
47
|
-
function ownKeys(e, r) {
|
|
48
|
-
var t = Object.keys(e);
|
|
49
|
-
if (Object.getOwnPropertySymbols) {
|
|
50
|
-
var o = Object.getOwnPropertySymbols(e);
|
|
51
|
-
r && (o = o.filter(function (r) {
|
|
52
|
-
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
53
|
-
})), t.push.apply(t, o);
|
|
54
|
-
}
|
|
55
|
-
return t;
|
|
56
|
-
}
|
|
57
|
-
function _objectSpread2(e) {
|
|
58
|
-
for (var r = 1; r < arguments.length; r++) {
|
|
59
|
-
var t = null != arguments[r] ? arguments[r] : {};
|
|
60
|
-
r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
|
|
61
|
-
_defineProperty(e, r, t[r]);
|
|
62
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
|
63
|
-
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
return e;
|
|
67
|
-
}
|
|
68
|
-
function _slicedToArray(r, e) {
|
|
69
|
-
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
70
|
-
}
|
|
71
|
-
function _toPrimitive(t, r) {
|
|
72
|
-
if ("object" != typeof t || !t) return t;
|
|
73
|
-
var e = t[Symbol.toPrimitive];
|
|
74
|
-
if (void 0 !== e) {
|
|
75
|
-
var i = e.call(t, r);
|
|
76
|
-
if ("object" != typeof i) return i;
|
|
77
|
-
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
78
|
-
}
|
|
79
|
-
return ("string" === r ? String : Number)(t);
|
|
80
|
-
}
|
|
81
|
-
function _toPropertyKey(t) {
|
|
82
|
-
var i = _toPrimitive(t, "string");
|
|
83
|
-
return "symbol" == typeof i ? i : i + "";
|
|
84
|
-
}
|
|
85
|
-
function _unsupportedIterableToArray(r, a) {
|
|
86
|
-
if (r) {
|
|
87
|
-
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
88
|
-
var t = {}.toString.call(r).slice(8, -1);
|
|
89
|
-
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
/**
|
|
94
|
-
* 获取精简的模型状态和操作
|
|
95
|
-
* @param model
|
|
96
|
-
* @returns
|
|
97
|
-
*/
|
|
98
|
-
var useSimpleStore = function useSimpleStore(model) {
|
|
99
|
-
var _useState = useState({}),
|
|
100
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
101
|
-
setState = _useState2[1];
|
|
102
|
-
useEffect(function () {
|
|
103
|
-
return model.subscribe(function () {
|
|
104
|
-
setState({});
|
|
105
|
-
});
|
|
106
|
-
}, []);
|
|
107
|
-
return [model.getState().value, model.getActions().setValue];
|
|
108
|
-
};
|
|
109
|
-
|
|
110
|
-
/**
|
|
111
|
-
* 获取精简的模型值
|
|
112
|
-
* @param model
|
|
113
|
-
* @returns
|
|
114
|
-
*/
|
|
115
|
-
var useSimpleValue = function useSimpleValue(model) {
|
|
116
|
-
var _useState3 = useState({}),
|
|
117
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
118
|
-
setState = _useState4[1];
|
|
119
|
-
useEffect(function () {
|
|
120
|
-
return model.subscribe(function () {
|
|
121
|
-
setState({});
|
|
122
|
-
});
|
|
123
|
-
}, []);
|
|
124
|
-
return model.getState().value;
|
|
125
|
-
};
|
|
126
|
-
|
|
127
|
-
/**
|
|
128
|
-
* 获取精简的模型值设置
|
|
129
|
-
* @param model
|
|
130
|
-
* @returns
|
|
131
|
-
*/
|
|
132
|
-
var useSimpleSet = function useSimpleSet(model) {
|
|
133
|
-
return model.getActions().setValue;
|
|
134
|
-
};
|
|
135
|
-
|
|
136
|
-
/**
|
|
137
|
-
* 对于对象类型的模型,获取对象的状态和操作
|
|
138
|
-
* 依赖 ModelSimple
|
|
139
|
-
* @param model
|
|
140
|
-
* @returns
|
|
141
|
-
*/
|
|
142
|
-
var useObjStore = function useObjStore(model) {
|
|
143
|
-
var _useSimpleStore = useSimpleStore(model),
|
|
144
|
-
_useSimpleStore2 = _slicedToArray(_useSimpleStore, 2),
|
|
145
|
-
val = _useSimpleStore2[0],
|
|
146
|
-
set = _useSimpleStore2[1];
|
|
147
|
-
var handleUpdate = function handleUpdate(map) {
|
|
148
|
-
return set(function (prev) {
|
|
149
|
-
return _objectSpread2(_objectSpread2({}, prev), map);
|
|
150
|
-
});
|
|
151
|
-
};
|
|
152
|
-
var handleForce = function handleForce(map) {
|
|
153
|
-
return set(map);
|
|
154
|
-
};
|
|
155
|
-
var handleDel = function handleDel(keys) {
|
|
156
|
-
return set(function (prev) {
|
|
157
|
-
var next = _objectSpread2({}, prev);
|
|
158
|
-
keys.forEach(function (key) {
|
|
159
|
-
delete next[key];
|
|
160
|
-
});
|
|
161
|
-
return next;
|
|
162
|
-
});
|
|
163
|
-
};
|
|
164
|
-
return [val, {
|
|
165
|
-
handleUpdate: handleUpdate,
|
|
166
|
-
handleForce: handleForce,
|
|
167
|
-
handleDel: handleDel
|
|
168
|
-
}];
|
|
169
|
-
};
|
|
170
|
-
|
|
171
|
-
/**
|
|
172
|
-
* 获取指定模型的状态和操作
|
|
173
|
-
* @param modelName
|
|
174
|
-
* @param model
|
|
175
|
-
* @returns
|
|
176
|
-
*/
|
|
177
|
-
var useStore = function useStore(modelName, model) {
|
|
178
|
-
var _useState = useState({}),
|
|
179
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
180
|
-
setState = _useState2[1];
|
|
181
|
-
useEffect(function () {
|
|
182
|
-
return model.subscribe(modelName, function () {
|
|
183
|
-
setState({});
|
|
184
|
-
});
|
|
185
|
-
}, []);
|
|
186
|
-
return [model.getState(modelName), model.getActions(modelName)];
|
|
187
|
-
};
|
|
188
|
-
|
|
189
|
-
var ReactModel = function ReactModel(models) {
|
|
190
|
-
var model = Model(models);
|
|
191
|
-
return _objectSpread2({
|
|
192
|
-
useStore: function useStore$1(modelName) {
|
|
193
|
-
return useStore(modelName, model);
|
|
194
|
-
}
|
|
195
|
-
}, model);
|
|
196
|
-
};
|
|
197
|
-
|
|
198
|
-
export { ReactModel, useObjStore, useSimpleSet, useSimpleStore, useSimpleValue };
|
|
1
|
+
import{Model as r}from"@cclr/model";import{useState as t,useEffect as e}from"react";function n(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=Array(t);e<t;e++)n[e]=r[e];return n}function o(r,t,e){return(t=function(r){var t=function(r,t){if("object"!=typeof r||!r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var n=e.call(r,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(r)}(r,"string");return"symbol"==typeof t?t:t+""}(t))in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function u(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})),e.push.apply(e,n)}return e}function i(r){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?u(Object(e),!0).forEach(function(t){o(r,t,e[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):u(Object(e)).forEach(function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(e,t))})}return r}function c(r,t){return function(r){if(Array.isArray(r))return r}(r)||function(r,t){var e=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=e){var n,o,u,i,c=[],a=!0,f=!1;try{if(u=(e=e.call(r)).next,0===t);else for(;!(a=(n=u.call(e)).done)&&(c.push(n.value),c.length!==t);a=!0);}catch(r){f=!0,o=r}finally{try{if(!a&&null!=e.return&&(i=e.return(),Object(i)!==i))return}finally{if(f)throw o}}return c}}(r,t)||function(r,t){if(r){if("string"==typeof r)return n(r,t);var e={}.toString.call(r).slice(8,-1);return"Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e?Array.from(r):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?n(r,t):void 0}}(r,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var a=function(r){var n=c(t({}),2)[1];return e(function(){return r.subscribe(function(){n({})})},[]),[r.getState().value,r.getActions().setValue]},f=function(r){var n=c(t({}),2)[1];return e(function(){return r.subscribe(function(){n({})})},[]),r.getState().value},l=function(r){return r.getActions().setValue},s=function(r){var t=c(a(r),2),e=t[0],n=t[1];return[e,{handleUpdate:function(r){return n(function(t){return i(i({},t),r)})},handleForce:function(r){return n(r)},handleDel:function(r){return n(function(t){var e=i({},t);return r.forEach(function(r){delete e[r]}),e})}}]},b=function(n){var o=r(n);return i({useStore:function(r){return function(r,n){var o=c(t({}),2)[1];return e(function(){return n.subscribe(r,function(){o({})})},[]),[n.getState(r),n.getActions(r)]}(r,o)}},o)};export{b as ReactModel,s as useObjStore,l as useSimpleSet,a as useSimpleStore,f as useSimpleValue};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cclr/react-model",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.29",
|
|
4
4
|
"description": "前端开发状态管理",
|
|
5
5
|
"author": "cclr <18843152354@163.com>",
|
|
6
6
|
"homepage": "",
|
|
@@ -23,19 +23,19 @@
|
|
|
23
23
|
"scripts": {
|
|
24
24
|
"test": "vitest",
|
|
25
25
|
"relese": "npm run test && npm publish",
|
|
26
|
-
"build": "
|
|
26
|
+
"build": "drr build",
|
|
27
27
|
"g:test": "vitest run",
|
|
28
|
-
"g:build": "
|
|
28
|
+
"g:build": "drr build"
|
|
29
29
|
},
|
|
30
|
-
"gitHead": "
|
|
30
|
+
"gitHead": "1d49762197a47eb6aa9b2bd012fead57e38c7ad1",
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@cclr/lang": "0.1.
|
|
33
|
-
"@cclr/model": "0.1.
|
|
34
|
-
"@cclr/utils": "0.1.
|
|
35
|
-
"immer": "^10.
|
|
32
|
+
"@cclr/lang": "0.1.29",
|
|
33
|
+
"@cclr/model": "0.1.29",
|
|
34
|
+
"@cclr/utils": "0.1.29",
|
|
35
|
+
"immer": "^10.2.0"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@types/react": "^18.3.
|
|
38
|
+
"@types/react": "^18.3.26",
|
|
39
39
|
"react": "^18.3.1",
|
|
40
40
|
"react-dom": "^18.3.1"
|
|
41
41
|
}
|