marko 5.39.2 → 5.39.3
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/node_modules/@internal/components-registry/index-browser.js +6 -1
- package/dist/node_modules/@internal/components-registry/index.js +1 -1
- package/dist/node_modules/@internal/components-util/index-browser.js +11 -11
- package/dist/node_modules/@internal/components-util/index.js +4 -4
- package/dist/node_modules/@internal/create-readable/index-browser.js +1 -1
- package/dist/node_modules/@internal/create-readable/index.js +9 -9
- package/dist/node_modules/@internal/preserve-tag/index-browser.js +5 -5
- package/dist/node_modules/@internal/preserve-tag/index.js +1 -1
- package/dist/node_modules/@internal/set-immediate/index-worker.js +1 -1
- package/dist/node_modules/@internal/set-immediate/index.js +1 -1
- package/dist/runtime/RenderResult.js +3 -3
- package/dist/runtime/components/Component.js +66 -66
- package/dist/runtime/components/ComponentDef.js +12 -12
- package/dist/runtime/components/ComponentsContext.js +3 -3
- package/dist/runtime/components/GlobalComponentsContext.js +3 -3
- package/dist/runtime/components/KeySequence.js +3 -3
- package/dist/runtime/components/ServerComponent.js +1 -1
- package/dist/runtime/components/State.js +18 -18
- package/dist/runtime/components/attach-detach.js +7 -7
- package/dist/runtime/components/dom-data.js +2 -2
- package/dist/runtime/components/event-delegation.js +5 -5
- package/dist/runtime/components/legacy/defineRenderer-legacy.js +8 -8
- package/dist/runtime/components/legacy/dependencies/index.js +7 -7
- package/dist/runtime/components/legacy/renderer-legacy.js +21 -21
- package/dist/runtime/components/renderer.js +20 -20
- package/dist/runtime/components/update-manager.js +3 -3
- package/dist/runtime/createOut.js +1 -1
- package/dist/runtime/dom-insert.js +5 -5
- package/dist/runtime/helpers/_change-case.js +2 -2
- package/dist/runtime/helpers/dynamic-tag.js +9 -9
- package/dist/runtime/helpers/load-tag-browser.js +59 -0
- package/dist/runtime/helpers/load-tag-event-trigger.js +25 -0
- package/dist/runtime/helpers/load-tag-idle-trigger.js +15 -0
- package/dist/runtime/helpers/load-tag-media-trigger.js +17 -0
- package/dist/runtime/helpers/load-tag-race-trigger.js +22 -0
- package/dist/runtime/helpers/load-tag-visible-trigger.js +35 -0
- package/dist/runtime/helpers/load-tag.js +168 -0
- package/dist/runtime/helpers/render-tag.js +1 -1
- package/dist/runtime/helpers/serialize-noop.js +1 -1
- package/dist/runtime/helpers/style-value.js +1 -1
- package/dist/runtime/helpers/tags-compat/runtime-dom.js +16 -16
- package/dist/runtime/helpers/tags-compat/runtime-html.js +2 -2
- package/dist/runtime/html/AsyncStream.js +20 -20
- package/dist/runtime/html/BufferedWriter.js +1 -1
- package/dist/runtime/html/helpers/_dynamic-attr.js +2 -2
- package/dist/runtime/html/helpers/attr.js +2 -2
- package/dist/runtime/html/helpers/data-marko.js +1 -1
- package/dist/runtime/html/helpers/escape-xml.js +1 -1
- package/dist/runtime/html/index.js +1 -1
- package/dist/runtime/renderable.js +2 -2
- package/dist/runtime/vdom/AsyncVDOMBuilder.js +83 -83
- package/dist/runtime/vdom/VComment.js +7 -7
- package/dist/runtime/vdom/VComponent.js +4 -4
- package/dist/runtime/vdom/VDocumentFragment.js +6 -6
- package/dist/runtime/vdom/VElement.js +35 -35
- package/dist/runtime/vdom/VFragment.js +7 -7
- package/dist/runtime/vdom/VNode.js +33 -33
- package/dist/runtime/vdom/VText.js +8 -8
- package/dist/runtime/vdom/helpers/const-element.js +3 -3
- package/dist/runtime/vdom/hot-reload.js +8 -8
- package/dist/runtime/vdom/index.js +1 -1
- package/dist/runtime/vdom/morphdom/fragment.js +4 -4
- package/dist/runtime/vdom/morphdom/helpers.js +5 -5
- package/dist/runtime/vdom/morphdom/index.js +57 -57
- package/dist/runtime/vdom/vdom.js +15 -15
- package/dist/translator/index.js +51 -2
- package/dist/translator/tag/custom-tag.js +4 -2
- package/dist/translator/tag/native-tag[html]/index.js +37 -11
- package/dist/translator/util/get-component-files.js +1 -1
- package/dist/translator/util/load-import.js +288 -0
- package/package.json +3 -3
- package/src/node_modules/@internal/components-registry/index-browser.js +5 -0
- package/src/runtime/helpers/load-tag-browser.js +59 -0
- package/src/runtime/helpers/load-tag-event-trigger.js +25 -0
- package/src/runtime/helpers/load-tag-idle-trigger.js +15 -0
- package/src/runtime/helpers/load-tag-media-trigger.js +17 -0
- package/src/runtime/helpers/load-tag-race-trigger.js +22 -0
- package/src/runtime/helpers/load-tag-visible-trigger.js +35 -0
- package/src/runtime/helpers/load-tag.js +168 -0
- package/src/runtime/helpers/tags-compat/runtime-dom.js +2 -2
- package/src/runtime/helpers/tags-compat/runtime-html.js +1 -1
- package/src/translator/index.js +50 -1
- package/src/translator/tag/custom-tag.js +4 -2
- package/src/translator/tag/native-tag[html]/index.js +42 -16
- package/src/translator/util/load-import.js +288 -0
|
@@ -35,12 +35,12 @@ function ComponentsContext(out, parentComponentsContext) {
|
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
ComponentsContext.prototype = {
|
|
38
|
-
|
|
38
|
+
ai_: function (host) {
|
|
39
39
|
var componentDefs = this.b_;
|
|
40
40
|
|
|
41
|
-
ComponentsContext.
|
|
41
|
+
ComponentsContext._L_(componentDefs, host);
|
|
42
42
|
|
|
43
|
-
this.r_.emit("
|
|
43
|
+
this.r_.emit("aS_");
|
|
44
44
|
|
|
45
45
|
// Reset things stored in global since global is retained for
|
|
46
46
|
// future renders
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";var nextComponentIdProvider =
|
|
2
|
-
require("@internal/components-util").
|
|
2
|
+
require("@internal/components-util")._V_;
|
|
3
3
|
|
|
4
4
|
function GlobalComponentsContext(out) {
|
|
5
5
|
this.q_ = {};
|
|
6
|
-
this.
|
|
7
|
-
this.
|
|
6
|
+
this.aC_ = undefined;
|
|
7
|
+
this.aR_ = nextComponentIdProvider(out);
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
module.exports = GlobalComponentsContext;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";function KeySequence() {
|
|
2
|
-
this.
|
|
2
|
+
this.aT_ = Object.create(null);
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
-
KeySequence.prototype.
|
|
6
|
-
var lookup = this.
|
|
5
|
+
KeySequence.prototype.aQ_ = function (key) {
|
|
6
|
+
var lookup = this.aT_;
|
|
7
7
|
|
|
8
8
|
if (lookup[key]) {
|
|
9
9
|
return key + "_" + lookup[key]++;
|
|
@@ -8,7 +8,7 @@ function ensure(state, propertyName) {
|
|
|
8
8
|
return this.B_[propertyName];
|
|
9
9
|
},
|
|
10
10
|
set: function (value) {
|
|
11
|
-
this.
|
|
11
|
+
this.au_(propertyName, value, false /* ensure:false */);
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
14
|
}
|
|
@@ -18,29 +18,29 @@ function State(component) {
|
|
|
18
18
|
this.s_ = component;
|
|
19
19
|
this.B_ = {};
|
|
20
20
|
|
|
21
|
-
this.
|
|
21
|
+
this.ao_ = false;
|
|
22
|
+
this.az_ = null;
|
|
22
23
|
this.ay_ = null;
|
|
23
|
-
this.
|
|
24
|
-
this.aT_ = null; // An object that we use to keep tracking of state properties that were forced to be dirty
|
|
24
|
+
this.aU_ = null; // An object that we use to keep tracking of state properties that were forced to be dirty
|
|
25
25
|
|
|
26
26
|
Object.seal(this);
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
State.prototype = {
|
|
30
30
|
_v_: function () {
|
|
31
|
-
this.
|
|
31
|
+
this.ao_ = false;
|
|
32
|
+
this.az_ = null;
|
|
32
33
|
this.ay_ = null;
|
|
33
|
-
this.
|
|
34
|
-
this.aT_ = null;
|
|
34
|
+
this.aU_ = null;
|
|
35
35
|
},
|
|
36
36
|
|
|
37
|
-
|
|
37
|
+
as_: function (newState) {
|
|
38
38
|
var key;
|
|
39
39
|
var rawState = this.B_;
|
|
40
40
|
|
|
41
41
|
for (key in rawState) {
|
|
42
42
|
if (!(key in newState)) {
|
|
43
|
-
this.
|
|
43
|
+
this.au_(
|
|
44
44
|
key,
|
|
45
45
|
undefined,
|
|
46
46
|
false /* ensure:false */,
|
|
@@ -50,7 +50,7 @@ State.prototype = {
|
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
for (key in newState) {
|
|
53
|
-
this.
|
|
53
|
+
this.au_(
|
|
54
54
|
key,
|
|
55
55
|
newState[key],
|
|
56
56
|
true /* ensure:true */,
|
|
@@ -58,7 +58,7 @@ State.prototype = {
|
|
|
58
58
|
);
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
|
-
|
|
61
|
+
au_: function (name, value, shouldEnsure, forceDirty) {
|
|
62
62
|
var rawState = this.B_;
|
|
63
63
|
|
|
64
64
|
if (shouldEnsure) {
|
|
@@ -66,24 +66,24 @@ State.prototype = {
|
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
if (forceDirty) {
|
|
69
|
-
var forcedDirtyState = this.
|
|
69
|
+
var forcedDirtyState = this.aU_ || (this.aU_ = {});
|
|
70
70
|
forcedDirtyState[name] = true;
|
|
71
71
|
} else if (rawState[name] === value) {
|
|
72
72
|
return;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
if (!this.
|
|
75
|
+
if (!this.ao_) {
|
|
76
76
|
// This is the first time we are modifying the component state
|
|
77
77
|
// so introduce some properties to do some tracking of
|
|
78
78
|
// changes to the state
|
|
79
|
-
this.
|
|
80
|
-
this.
|
|
79
|
+
this.ao_ = true; // Mark the component state as dirty (i.e. modified)
|
|
80
|
+
this.az_ = rawState;
|
|
81
81
|
this.B_ = rawState = extend({}, rawState);
|
|
82
|
-
this.
|
|
83
|
-
this.s_.
|
|
82
|
+
this.ay_ = {};
|
|
83
|
+
this.s_.at_();
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
this.
|
|
86
|
+
this.ay_[name] = value;
|
|
87
87
|
|
|
88
88
|
if (value === undefined) {
|
|
89
89
|
// Don't store state properties with an undefined or null value
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";var eventDelegation = require("./event-delegation");
|
|
2
|
-
var delegateEvent = eventDelegation.
|
|
3
|
-
var getEventFromEl = eventDelegation.
|
|
2
|
+
var delegateEvent = eventDelegation.aV_;
|
|
3
|
+
var getEventFromEl = eventDelegation.aW_;
|
|
4
4
|
|
|
5
5
|
// var componentsUtil = require('@internal/components-util');
|
|
6
6
|
// var destroyNodeRecursive = componentsUtil.___destroyNodeRecursive;
|
|
@@ -14,10 +14,10 @@ function handleNodeAttach(node, componentsContext) {
|
|
|
14
14
|
var out = componentsContext.r_;
|
|
15
15
|
var data = out.data;
|
|
16
16
|
|
|
17
|
-
var attachTargets = data.
|
|
17
|
+
var attachTargets = data.aX_;
|
|
18
18
|
if (!attachTargets) {
|
|
19
|
-
attachTargets = data.
|
|
20
|
-
out.on("
|
|
19
|
+
attachTargets = data.aX_ = [];
|
|
20
|
+
out.on("aS_", function () {
|
|
21
21
|
for (var i = 0; i < attachTargets.length; i += 2) {
|
|
22
22
|
var node = attachTargets[i];
|
|
23
23
|
var target = attachTargets[i + 1];
|
|
@@ -56,5 +56,5 @@ function handleNodeDetach(node) {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
eventDelegation.
|
|
60
|
-
eventDelegation.
|
|
59
|
+
eventDelegation.aY_ = handleNodeAttach;
|
|
60
|
+
eventDelegation.aq_ = handleNodeDetach;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";var componentsUtil = require("@internal/components-util");
|
|
2
|
-
var runtimeId = componentsUtil.
|
|
2
|
+
var runtimeId = componentsUtil._S_;
|
|
3
3
|
var componentLookup = componentsUtil._n_;
|
|
4
4
|
var getMarkoPropsFromEl = componentsUtil._t_;
|
|
5
5
|
|
|
@@ -132,10 +132,10 @@ function addDelegatedEventHandlerToHost(eventType, host) {
|
|
|
132
132
|
|
|
133
133
|
function noop() {}
|
|
134
134
|
|
|
135
|
-
exports.
|
|
136
|
-
exports.
|
|
137
|
-
exports.
|
|
138
|
-
exports.
|
|
135
|
+
exports.aY_ = noop;
|
|
136
|
+
exports.aq_ = noop;
|
|
137
|
+
exports.aV_ = delegateEvent;
|
|
138
|
+
exports.aW_ = getEventFromEl;
|
|
139
139
|
exports._u_ = addDelegatedEventHandler;
|
|
140
140
|
exports._C_ = function (host) {
|
|
141
141
|
Object.keys(delegatedEvents).forEach(function (eventType) {
|
|
@@ -6,12 +6,12 @@ var makeRenderable = require("../../renderable");
|
|
|
6
6
|
var getComponentsContext =
|
|
7
7
|
require("../ComponentsContext").T_;
|
|
8
8
|
var modernRenderer = require("../renderer");
|
|
9
|
-
var resolveComponentKey = modernRenderer.
|
|
9
|
+
var resolveComponentKey = modernRenderer.b__;
|
|
10
10
|
|
|
11
11
|
module.exports = function defineRenderer(renderingLogic) {
|
|
12
12
|
var renderer = renderingLogic.renderer;
|
|
13
13
|
|
|
14
|
-
if (renderer && renderer.
|
|
14
|
+
if (renderer && renderer.ba_) {
|
|
15
15
|
return renderer;
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -46,7 +46,7 @@ module.exports = function defineRenderer(renderingLogic) {
|
|
|
46
46
|
renderer = function renderer(input, out) {
|
|
47
47
|
var componentsContext = getComponentsContext(out);
|
|
48
48
|
var globalComponentsContext = componentsContext.p_;
|
|
49
|
-
var component = globalComponentsContext.
|
|
49
|
+
var component = globalComponentsContext.aC_;
|
|
50
50
|
var isReceivingNewInput = !component || component._j_;
|
|
51
51
|
var parentComponentDef;
|
|
52
52
|
|
|
@@ -63,7 +63,7 @@ module.exports = function defineRenderer(renderingLogic) {
|
|
|
63
63
|
var id;
|
|
64
64
|
|
|
65
65
|
if (!component && componentLookup) {
|
|
66
|
-
var key = out.
|
|
66
|
+
var key = out.ad_;
|
|
67
67
|
|
|
68
68
|
if (
|
|
69
69
|
(parentComponentDef = componentsContext.o_) &&
|
|
@@ -71,9 +71,9 @@ module.exports = function defineRenderer(renderingLogic) {
|
|
|
71
71
|
{
|
|
72
72
|
id = resolveComponentKey(key.toString(), parentComponentDef);
|
|
73
73
|
} else if (parentComponentDef) {
|
|
74
|
-
id = parentComponentDef.
|
|
74
|
+
id = parentComponentDef.aR_();
|
|
75
75
|
} else {
|
|
76
|
-
id = globalComponentsContext.
|
|
76
|
+
id = globalComponentsContext.aR_();
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
component = componentLookup[id];
|
|
@@ -108,7 +108,7 @@ module.exports = function defineRenderer(renderingLogic) {
|
|
|
108
108
|
} else if (component) {
|
|
109
109
|
newProps = newProps || component.O_;
|
|
110
110
|
widgetBody = component.___;
|
|
111
|
-
widgetState = component.
|
|
111
|
+
widgetState = component.aF_;
|
|
112
112
|
widgetConfig = component.widgetConfig;
|
|
113
113
|
}
|
|
114
114
|
|
|
@@ -148,7 +148,7 @@ module.exports = function defineRenderer(renderingLogic) {
|
|
|
148
148
|
};
|
|
149
149
|
}
|
|
150
150
|
|
|
151
|
-
renderer.
|
|
151
|
+
renderer.ba_ = true;
|
|
152
152
|
renderer.createOut = template ? template.createOut : renderingLogic.createOut;
|
|
153
153
|
renderer.template = template;
|
|
154
154
|
|
|
@@ -4,14 +4,14 @@ var env = process.env.NODE_ENV;
|
|
|
4
4
|
var production = !env || env !== "development";
|
|
5
5
|
|
|
6
6
|
function getRootDeps(template, context) {
|
|
7
|
-
if (production && template.
|
|
8
|
-
return template.
|
|
7
|
+
if (production && template.bb_) {
|
|
8
|
+
return template.bb_;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
attachDepsAndComponentsToTemplate(template, context);
|
|
12
12
|
|
|
13
|
-
var deps = template.
|
|
14
|
-
(key) => template.
|
|
13
|
+
var deps = template.bb_ = Object.keys(template.bc_).map(
|
|
14
|
+
(key) => template.bc_[key]
|
|
15
15
|
);
|
|
16
16
|
var initModule = getInitModule(template.path, template.b_);
|
|
17
17
|
|
|
@@ -38,9 +38,9 @@ function attachDepsAndComponentsToTemplate(target, context) {
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
if (typeof template.createOut !== "function") return;
|
|
41
|
-
if (production && target.
|
|
41
|
+
if (production && target.bc_) return;
|
|
42
42
|
|
|
43
|
-
var deps = target.
|
|
43
|
+
var deps = target.bc_ = {};
|
|
44
44
|
var components = target.b_ = {};
|
|
45
45
|
|
|
46
46
|
if (!template.meta) {
|
|
@@ -83,7 +83,7 @@ function attachDepsAndComponentsToTemplate(target, context) {
|
|
|
83
83
|
|
|
84
84
|
attachDepsAndComponentsToTemplate(tag, context);
|
|
85
85
|
|
|
86
|
-
if (tag.
|
|
86
|
+
if (tag.bc_) Object.assign(deps, tag.bc_);
|
|
87
87
|
if (tag.b_) Object.assign(components, tag.b_);
|
|
88
88
|
});
|
|
89
89
|
}
|
|
@@ -6,8 +6,8 @@ var getComponentsContext =
|
|
|
6
6
|
require("../ComponentsContext").T_;
|
|
7
7
|
var componentLookup = componentsUtil._n_;
|
|
8
8
|
var modernRenderer = require("../renderer");
|
|
9
|
-
var resolveComponentKey = modernRenderer.
|
|
10
|
-
var trackAsyncComponents = modernRenderer.
|
|
9
|
+
var resolveComponentKey = modernRenderer.b__;
|
|
10
|
+
var trackAsyncComponents = modernRenderer.bd_;
|
|
11
11
|
// eslint-disable-next-line no-constant-binary-expression
|
|
12
12
|
|
|
13
13
|
|
|
@@ -21,7 +21,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
|
21
21
|
trackAsyncComponents(out);
|
|
22
22
|
|
|
23
23
|
var componentsContext = getComponentsContext(out);
|
|
24
|
-
var parentLegacyComponentDef = componentsContext.
|
|
24
|
+
var parentLegacyComponentDef = componentsContext.be_;
|
|
25
25
|
|
|
26
26
|
if (isImplicit && parentLegacyComponentDef) {
|
|
27
27
|
templateRenderFunc(
|
|
@@ -29,7 +29,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
|
29
29
|
out,
|
|
30
30
|
parentLegacyComponentDef,
|
|
31
31
|
parentLegacyComponentDef.s_,
|
|
32
|
-
parentLegacyComponentDef.s_.
|
|
32
|
+
parentLegacyComponentDef.s_.aF_,
|
|
33
33
|
out.global
|
|
34
34
|
);
|
|
35
35
|
return;
|
|
@@ -39,34 +39,34 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
|
39
39
|
var widgetState = input.widgetState;
|
|
40
40
|
var widgetConfig = input.widgetConfig;
|
|
41
41
|
var globalComponentsContext = componentsContext.p_;
|
|
42
|
-
var component = globalComponentsContext.
|
|
42
|
+
var component = globalComponentsContext.aC_;
|
|
43
43
|
|
|
44
44
|
var isRerender = component !== undefined;
|
|
45
45
|
var id = assignedId;
|
|
46
46
|
var isExisting;
|
|
47
47
|
var parentComponentDef = componentsContext.o_;
|
|
48
|
-
var ownerComponentDef = out.
|
|
48
|
+
var ownerComponentDef = out.ac_;
|
|
49
49
|
var ownerComponentId = ownerComponentDef && ownerComponentDef.id;
|
|
50
|
-
var key = out.
|
|
51
|
-
var customEvents = out.
|
|
50
|
+
var key = out.ad_;
|
|
51
|
+
var customEvents = out.bf_;
|
|
52
52
|
|
|
53
|
-
out.
|
|
53
|
+
out.ac_ = null;
|
|
54
54
|
|
|
55
55
|
if (component) {
|
|
56
56
|
id = component.id;
|
|
57
57
|
isExisting = true;
|
|
58
|
-
globalComponentsContext.
|
|
58
|
+
globalComponentsContext.aC_ = null;
|
|
59
59
|
} else {
|
|
60
60
|
if (key != null) {
|
|
61
61
|
id = id || resolveComponentKey(key.toString(), parentComponentDef);
|
|
62
62
|
} else if (parentComponentDef) {
|
|
63
|
-
id = parentComponentDef.
|
|
63
|
+
id = parentComponentDef.aR_();
|
|
64
64
|
} else {
|
|
65
|
-
id = globalComponentsContext.
|
|
65
|
+
id = globalComponentsContext.aR_();
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
if (registry.
|
|
69
|
+
if (registry._M_ && typeName) {
|
|
70
70
|
if (renderingLogic) delete renderingLogic.onRender;
|
|
71
71
|
component = registry._I_(
|
|
72
72
|
renderingLogic,
|
|
@@ -138,10 +138,10 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
|
138
138
|
isSplit,
|
|
139
139
|
isFakeComponent
|
|
140
140
|
);
|
|
141
|
-
componentsContext.
|
|
141
|
+
componentsContext.be_ = componentDef;
|
|
142
142
|
|
|
143
143
|
// This is a hack, but we have to swap out the component instance stored with this node
|
|
144
|
-
var vComponentNode = out.
|
|
144
|
+
var vComponentNode = out.ae_;
|
|
145
145
|
|
|
146
146
|
componentDef.s_ = isFakeComponent ? null : component;
|
|
147
147
|
componentDef._w_ = isExisting;
|
|
@@ -149,7 +149,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
|
149
149
|
|
|
150
150
|
componentDef.t = function (typeName) {
|
|
151
151
|
if (typeName) {
|
|
152
|
-
if (registry.
|
|
152
|
+
if (registry._M_) {
|
|
153
153
|
var oldComponent = component;
|
|
154
154
|
if (renderingLogic) delete renderingLogic.onRender;
|
|
155
155
|
component = registry._I_(
|
|
@@ -195,7 +195,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
|
195
195
|
return component;
|
|
196
196
|
};
|
|
197
197
|
|
|
198
|
-
if (!registry.
|
|
198
|
+
if (!registry._M_) {
|
|
199
199
|
component.M_ && component.M_();
|
|
200
200
|
}
|
|
201
201
|
|
|
@@ -206,16 +206,16 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
|
206
206
|
out,
|
|
207
207
|
componentDef,
|
|
208
208
|
component,
|
|
209
|
-
component.
|
|
209
|
+
component.aF_,
|
|
210
210
|
out.global
|
|
211
211
|
);
|
|
212
212
|
|
|
213
213
|
if (customEvents && componentDef.s_) {
|
|
214
|
-
if (registry.
|
|
214
|
+
if (registry._M_) {
|
|
215
215
|
componentDef.X_ = customEvents;
|
|
216
216
|
componentDef.Y_ = ownerComponentId;
|
|
217
217
|
} else {
|
|
218
|
-
componentDef.s_.
|
|
218
|
+
componentDef.s_.aG_(
|
|
219
219
|
customEvents,
|
|
220
220
|
ownerComponentId
|
|
221
221
|
);
|
|
@@ -224,7 +224,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
|
224
224
|
|
|
225
225
|
endComponent(out, componentDef);
|
|
226
226
|
componentsContext.o_ = parentComponentDef;
|
|
227
|
-
componentsContext.
|
|
227
|
+
componentsContext.be_ = parentLegacyComponentDef;
|
|
228
228
|
};
|
|
229
229
|
}
|
|
230
230
|
|
|
@@ -7,7 +7,7 @@ var componentLookup = componentsUtil._n_;
|
|
|
7
7
|
|
|
8
8
|
var ComponentsContext = require("./ComponentsContext");
|
|
9
9
|
var getComponentsContext = ComponentsContext.T_;
|
|
10
|
-
var isServer = componentsUtil.
|
|
10
|
+
var isServer = componentsUtil._M_ === true;
|
|
11
11
|
|
|
12
12
|
var COMPONENT_BEGIN_ASYNC_ADDED_KEY = "$wa";
|
|
13
13
|
|
|
@@ -15,7 +15,7 @@ function resolveComponentKey(key, parentComponentDef) {
|
|
|
15
15
|
if (key[0] === "#") {
|
|
16
16
|
return key.substring(1);
|
|
17
17
|
} else {
|
|
18
|
-
return parentComponentDef.id + "-" + parentComponentDef.
|
|
18
|
+
return parentComponentDef.id + "-" + parentComponentDef.aQ_(key);
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
|
|
@@ -40,9 +40,9 @@ function handleBeginAsync(event) {
|
|
|
40
40
|
}
|
|
41
41
|
// Carry along the component arguments
|
|
42
42
|
asyncOut.c(
|
|
43
|
-
parentOut.ab_,
|
|
44
43
|
parentOut.ac_,
|
|
45
|
-
parentOut.
|
|
44
|
+
parentOut.ad_,
|
|
45
|
+
parentOut.bf_
|
|
46
46
|
);
|
|
47
47
|
}
|
|
48
48
|
|
|
@@ -82,22 +82,22 @@ renderingLogic)
|
|
|
82
82
|
var componentsContext = getComponentsContext(out);
|
|
83
83
|
var globalComponentsContext = componentsContext.p_;
|
|
84
84
|
|
|
85
|
-
var component = globalComponentsContext.
|
|
85
|
+
var component = globalComponentsContext.aC_;
|
|
86
86
|
var isRerender = component !== undefined;
|
|
87
87
|
var id;
|
|
88
88
|
var isExisting;
|
|
89
89
|
var customEvents;
|
|
90
90
|
var parentComponentDef = componentsContext.o_;
|
|
91
|
-
var ownerComponentDef = out.
|
|
91
|
+
var ownerComponentDef = out.ac_;
|
|
92
92
|
var ownerComponentId = ownerComponentDef && ownerComponentDef.id;
|
|
93
|
-
var key = out.
|
|
93
|
+
var key = out.ad_;
|
|
94
94
|
|
|
95
95
|
if (component) {
|
|
96
96
|
// If component is provided then we are currently rendering
|
|
97
97
|
// the top-level UI component as part of a re-render
|
|
98
98
|
id = component.id; // We will use the ID of the component being re-rendered
|
|
99
99
|
isExisting = true; // This is a re-render so we know the component is already in the DOM
|
|
100
|
-
globalComponentsContext.
|
|
100
|
+
globalComponentsContext.aC_ = null;
|
|
101
101
|
} else {
|
|
102
102
|
// Otherwise, we are rendering a nested UI component. We will need
|
|
103
103
|
// to match up the UI component with the component already in the
|
|
@@ -106,15 +106,15 @@ renderingLogic)
|
|
|
106
106
|
// that were provided.
|
|
107
107
|
if (parentComponentDef) {
|
|
108
108
|
// console.log('componentArgs:', componentArgs);
|
|
109
|
-
customEvents = out.
|
|
109
|
+
customEvents = out.bf_;
|
|
110
110
|
|
|
111
111
|
if (key != null) {
|
|
112
112
|
id = resolveComponentKey(key.toString(), parentComponentDef);
|
|
113
113
|
} else {
|
|
114
|
-
id = parentComponentDef.
|
|
114
|
+
id = parentComponentDef.aR_();
|
|
115
115
|
}
|
|
116
116
|
} else {
|
|
117
|
-
id = globalComponentsContext.
|
|
117
|
+
id = globalComponentsContext.aR_();
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
120
|
|
|
@@ -173,24 +173,24 @@ renderingLogic)
|
|
|
173
173
|
component._c_ = true;
|
|
174
174
|
|
|
175
175
|
if (customEvents) {
|
|
176
|
-
component.
|
|
176
|
+
component.aG_(customEvents, ownerComponentId);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
if (isExisting === false) {
|
|
180
|
-
component.
|
|
180
|
+
component.aI_(input, out);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
183
|
input = component._k_(input, onInput, out);
|
|
184
184
|
|
|
185
185
|
if (isExisting === true) {
|
|
186
186
|
if (
|
|
187
|
-
component.
|
|
187
|
+
component.ax_ === false ||
|
|
188
188
|
component.shouldUpdate(input, component.A_) === false)
|
|
189
189
|
{
|
|
190
190
|
// We put a placeholder element in the output stream to ensure that the existing
|
|
191
191
|
// DOM node is matched up correctly when using morphdom. We flag the VElement
|
|
192
192
|
// node to track that it is a preserve marker
|
|
193
|
-
out.
|
|
193
|
+
out.bg_(component);
|
|
194
194
|
globalComponentsContext.q_[id] = true;
|
|
195
195
|
component._v_(); // The component is no longer dirty so reset internal flags
|
|
196
196
|
return;
|
|
@@ -198,8 +198,8 @@ renderingLogic)
|
|
|
198
198
|
}
|
|
199
199
|
}
|
|
200
200
|
|
|
201
|
-
component.
|
|
202
|
-
component.
|
|
201
|
+
component.an_ = out.global;
|
|
202
|
+
component.aJ_(out);
|
|
203
203
|
}
|
|
204
204
|
|
|
205
205
|
var componentDef = beginComponent(
|
|
@@ -220,7 +220,7 @@ renderingLogic)
|
|
|
220
220
|
out,
|
|
221
221
|
componentDef,
|
|
222
222
|
component,
|
|
223
|
-
component.
|
|
223
|
+
component.aF_,
|
|
224
224
|
out.global
|
|
225
225
|
);
|
|
226
226
|
|
|
@@ -232,5 +232,5 @@ renderingLogic)
|
|
|
232
232
|
module.exports = createRendererFunc;
|
|
233
233
|
|
|
234
234
|
// exports used by the legacy renderer
|
|
235
|
-
createRendererFunc.
|
|
236
|
-
createRendererFunc.
|
|
235
|
+
createRendererFunc.b__ = resolveComponentKey;
|
|
236
|
+
createRendererFunc.bd_ = trackAsyncComponents;
|
|
@@ -41,7 +41,7 @@ function updateComponents(queue) {
|
|
|
41
41
|
// since we will still get to them at the end
|
|
42
42
|
for (var i = 0; i < queue.length; i++) {
|
|
43
43
|
var component = queue[i];
|
|
44
|
-
component.
|
|
44
|
+
component.aK_(); // Do the actual component update
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
// Clear out the queue by setting the length to zero
|
|
@@ -90,5 +90,5 @@ function queueComponentUpdate(component) {
|
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
|
|
93
|
-
exports.
|
|
94
|
-
exports.
|
|
93
|
+
exports.aw_ = queueComponentUpdate;
|
|
94
|
+
exports.aB_ = batchUpdate;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";var extend = require("raptor-util/extend");
|
|
2
2
|
var componentsUtil = require("@internal/components-util");
|
|
3
|
-
var destroyComponentForNode = componentsUtil.
|
|
4
|
-
var destroyNodeRecursive = componentsUtil.
|
|
3
|
+
var destroyComponentForNode = componentsUtil._T_;
|
|
4
|
+
var destroyNodeRecursive = componentsUtil._U_;
|
|
5
5
|
var helpers = require("./vdom/morphdom/helpers");
|
|
6
6
|
|
|
7
|
-
var insertBefore = helpers.
|
|
8
|
-
var insertAfter = helpers.
|
|
9
|
-
var removeChild = helpers.
|
|
7
|
+
var insertBefore = helpers.bi_;
|
|
8
|
+
var insertAfter = helpers.bj_;
|
|
9
|
+
var removeChild = helpers.bk_;
|
|
10
10
|
|
|
11
11
|
function resolveEl(el) {
|
|
12
12
|
if (typeof el == "string") {
|
|
@@ -6,7 +6,7 @@ var dashToCamelLookup = Object.create(null);
|
|
|
6
6
|
/**
|
|
7
7
|
* Helper for converting camelCase to dash-case.
|
|
8
8
|
*/
|
|
9
|
-
exports.
|
|
9
|
+
exports.bl_ = function camelToDashCase(name) {
|
|
10
10
|
var nameDashed = camelToDashLookup[name];
|
|
11
11
|
if (!nameDashed) {
|
|
12
12
|
nameDashed = camelToDashLookup[name] = name.
|
|
@@ -24,7 +24,7 @@ exports.bk_ = function camelToDashCase(name) {
|
|
|
24
24
|
/**
|
|
25
25
|
* Helper for converting dash-case to camelCase.
|
|
26
26
|
*/
|
|
27
|
-
exports.
|
|
27
|
+
exports.bm_ = function dashToCamelCase(name) {
|
|
28
28
|
var nameCamel = dashToCamelLookup[name];
|
|
29
29
|
if (!nameCamel) {
|
|
30
30
|
nameCamel = dashToCamelLookup[name] = name.replace(
|