@hypen-space/web 0.4.5 → 0.4.11
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/dist/canvas/index.js +17 -1
- package/dist/canvas/index.js.map +3 -3
- package/dist/canvas/renderer.d.ts +4 -0
- package/dist/canvas/renderer.js +17 -1
- package/dist/canvas/renderer.js.map +3 -3
- package/dist/client.js +11 -4
- package/dist/client.js.map +4 -4
- package/dist/dom/applicators/advanced-layout.js +1 -4
- package/dist/dom/applicators/advanced-layout.js.map +3 -3
- package/dist/dom/applicators/index.js +1 -4
- package/dist/dom/applicators/index.js.map +3 -3
- package/dist/dom/index.js +11 -4
- package/dist/dom/index.js.map +4 -4
- package/dist/dom/renderer.d.ts +4 -0
- package/dist/dom/renderer.js +11 -4
- package/dist/dom/renderer.js.map +4 -4
- package/dist/hypen.js +11 -4
- package/dist/hypen.js.map +4 -4
- package/dist/index.js +27 -4
- package/dist/index.js.map +5 -5
- package/package.json +2 -2
- package/src/canvas/renderer.ts +23 -0
- package/src/dom/applicators/advanced-layout.ts +0 -4
- package/src/dom/renderer.ts +14 -0
package/dist/index.js
CHANGED
|
@@ -2663,9 +2663,6 @@ var advancedLayoutHandlers = {
|
|
|
2663
2663
|
alignContent: (el, value) => {
|
|
2664
2664
|
el.style.alignContent = String(value);
|
|
2665
2665
|
},
|
|
2666
|
-
alignSelf: (el, value) => {
|
|
2667
|
-
el.style.alignSelf = String(value);
|
|
2668
|
-
},
|
|
2669
2666
|
order: (el, value) => {
|
|
2670
2667
|
el.style.order = String(value);
|
|
2671
2668
|
},
|
|
@@ -3446,6 +3443,9 @@ class DOMRenderer {
|
|
|
3446
3443
|
case "setProp":
|
|
3447
3444
|
this.onSetProp(id, patch.name, patch.value);
|
|
3448
3445
|
break;
|
|
3446
|
+
case "removeProp":
|
|
3447
|
+
this.onRemoveProp(id, patch.name);
|
|
3448
|
+
break;
|
|
3449
3449
|
case "setText":
|
|
3450
3450
|
this.onSetText(id, patch.text);
|
|
3451
3451
|
break;
|
|
@@ -3513,6 +3513,13 @@ class DOMRenderer {
|
|
|
3513
3513
|
}
|
|
3514
3514
|
this.applicators.apply(element, name, value);
|
|
3515
3515
|
}
|
|
3516
|
+
onRemoveProp(id, name) {
|
|
3517
|
+
const element = this.nodes.get(id);
|
|
3518
|
+
if (!element)
|
|
3519
|
+
return;
|
|
3520
|
+
this.debugTracker.trackRerender(id, element, `removeProp:${name}`);
|
|
3521
|
+
this.applicators.apply(element, name, undefined);
|
|
3522
|
+
}
|
|
3516
3523
|
onSetText(id, text) {
|
|
3517
3524
|
const element = this.nodes.get(id);
|
|
3518
3525
|
if (!element)
|
|
@@ -5622,6 +5629,9 @@ class CanvasRenderer {
|
|
|
5622
5629
|
case "setProp":
|
|
5623
5630
|
this.onSetProp(patch.id, patch.name, patch.value);
|
|
5624
5631
|
break;
|
|
5632
|
+
case "removeProp":
|
|
5633
|
+
this.onRemoveProp(patch.id, patch.name);
|
|
5634
|
+
break;
|
|
5625
5635
|
case "setText":
|
|
5626
5636
|
this.onSetText(patch.id, patch.text);
|
|
5627
5637
|
break;
|
|
@@ -5666,6 +5676,19 @@ class CanvasRenderer {
|
|
|
5666
5676
|
}
|
|
5667
5677
|
this.accessibilityLayer.updateNode(node);
|
|
5668
5678
|
}
|
|
5679
|
+
onRemoveProp(id, name) {
|
|
5680
|
+
const node = this.nodes.get(id);
|
|
5681
|
+
if (!node)
|
|
5682
|
+
return;
|
|
5683
|
+
delete node.props[name];
|
|
5684
|
+
if (name === "visible") {
|
|
5685
|
+
node.visible = true;
|
|
5686
|
+
}
|
|
5687
|
+
if (name === "opacity") {
|
|
5688
|
+
node.opacity = 1;
|
|
5689
|
+
}
|
|
5690
|
+
this.accessibilityLayer.updateNode(node);
|
|
5691
|
+
}
|
|
5669
5692
|
onSetText(id, text) {
|
|
5670
5693
|
const node = this.nodes.get(id);
|
|
5671
5694
|
if (!node)
|
|
@@ -5818,4 +5841,4 @@ export {
|
|
|
5818
5841
|
ApplicatorRegistry
|
|
5819
5842
|
};
|
|
5820
5843
|
|
|
5821
|
-
//# debugId=
|
|
5844
|
+
//# debugId=BCCCE4DA4D43838E64756E2164756E21
|