sprae 11.0.8 → 11.1.0
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/core.js +6 -3
- package/directive/ref.js +7 -3
- package/directive/value.js +27 -24
- package/dist/sprae.js +59 -58
- package/dist/sprae.js.map +4 -4
- package/dist/sprae.min.js +3 -3
- package/dist/sprae.min.js.map +3 -3
- package/dist/sprae.umd.js +87 -85
- package/dist/sprae.umd.js.map +4 -4
- package/dist/sprae.umd.min.js +3 -3
- package/dist/sprae.umd.min.js.map +3 -3
- package/package.json +1 -1
- package/readme.md +6 -14
package/readme.md
CHANGED
|
@@ -166,29 +166,21 @@ Run effect, not changing any attribute.
|
|
|
166
166
|
<div :fx="id = setInterval(tick, 1000), () => clearInterval(id)" />
|
|
167
167
|
```
|
|
168
168
|
|
|
169
|
-
|
|
170
|
-
#### `:ref="el => (...)"`
|
|
169
|
+
#### `:ref="name"`, `:ref="el => (...)"`
|
|
171
170
|
|
|
172
171
|
Expose element in state with `name` or get reference to element.
|
|
173
|
-
<!--
|
|
174
|
-
<textarea :ref="text" placeholder="Enter text..."></textarea>
|
|
175
|
-
|
|
176
|
-
<!-- iterable items
|
|
177
|
-
<li :each="item in items" :ref="item">
|
|
178
|
-
<input :onfocus..onblur="e => (item.classList.add('editing'), e => item.classList.remove('editing'))"/>
|
|
179
|
-
</li> -->
|
|
180
172
|
|
|
181
173
|
```html
|
|
182
|
-
<!--
|
|
183
|
-
<
|
|
184
|
-
|
|
185
|
-
<!-- expose element in (sub)state -->
|
|
186
|
-
<li :each="item in items" :with="{li:null}" :ref="el => li = el">
|
|
174
|
+
<!-- expose element in state -->
|
|
175
|
+
<li :each="item in items" :ref="li">
|
|
187
176
|
<input :onfocus..onblur="e => (li.classList.add('editing'), e => li.classList.remove('editing'))"/>
|
|
188
177
|
</li>
|
|
189
178
|
|
|
190
179
|
<!-- set innerHTML -->
|
|
191
180
|
<div :ref="el => el.innerHTML = '...'"></div>
|
|
181
|
+
|
|
182
|
+
<!-- initialize element -->
|
|
183
|
+
<textarea :ref="el => (/* onmount */, () => (/* onunmount */))" :if="show"></textarea>
|
|
192
184
|
```
|
|
193
185
|
|
|
194
186
|
#### `:on<event>="handler"`, `:on<in>..on<out>="handler"`
|