dothtml 6.0.0-beta.43 → 6.0.0-beta.45
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/index.cjs.js +2 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.esm.js +2 -0
- package/dist/index.esm.js.map +1 -0
- package/package.json +22 -16
- package/build_module/constants.js +0 -2
- package/build_module/constants.js.map +0 -1
- package/build_module/css/css-props.js +0 -40
- package/build_module/css/css-props.js.map +0 -1
- package/build_module/css/css.d.ts +0 -0
- package/build_module/css/css.js +0 -1
- package/build_module/css/css.js.map +0 -1
- package/build_module/css/format-css-type.js +0 -73
- package/build_module/css/format-css-type.js.map +0 -1
- package/build_module/decoration/component.d.ts +0 -14
- package/build_module/decoration/component.js +0 -35
- package/build_module/decoration/component.js.map +0 -1
- package/build_module/decoration/use-styles.d.ts +0 -14
- package/build_module/decoration/use-styles.js +0 -19
- package/build_module/decoration/use-styles.js.map +0 -1
- package/build_module/dot.js +0 -342
- package/build_module/dot.js.map +0 -1
- package/build_module/helpers/render-css.d.ts +0 -2
- package/build_module/helpers/render-css.js +0 -20
- package/build_module/helpers/render-css.js.map +0 -1
- package/build_module/helpers/render-stylesheet.js +0 -27
- package/build_module/helpers/render-stylesheet.js.map +0 -1
- package/build_module/helpers/tools.js +0 -50
- package/build_module/helpers/tools.js.map +0 -1
- package/build_module/helpers.d.ts +0 -3
- package/build_module/helpers.js +0 -50
- package/build_module/helpers.js.map +0 -1
- package/build_module/index.js +0 -6
- package/build_module/index.js.map +0 -1
- package/build_module/reactive.d.ts +0 -46
- package/build_module/reactive.js +0 -150
- package/build_module/reactive.js.map +0 -1
- package/build_module/reactivity/binding.js +0 -20
- package/build_module/reactivity/binding.js.map +0 -1
- package/build_module/reactivity/bound-reactive.d.ts +0 -13
- package/build_module/reactivity/bound-reactive.js +0 -20
- package/build_module/reactivity/bound-reactive.js.map +0 -1
- package/build_module/reactivity/reactive-attr.js +0 -7
- package/build_module/reactivity/reactive-attr.js.map +0 -1
- package/build_module/reactivity/reactive-style.js +0 -7
- package/build_module/reactivity/reactive-style.js.map +0 -1
- package/build_module/reactivity/reactive.d.ts +0 -22
- package/build_module/reactivity/reactive.js +0 -54
- package/build_module/reactivity/reactive.js.map +0 -1
- package/build_module/reactivity/ref.js +0 -6
- package/build_module/reactivity/ref.js.map +0 -1
- package/build_module/reactivity/subscription.js +0 -41
- package/build_module/reactivity/subscription.js.map +0 -1
- package/build_module/reactivity/watcher.js +0 -61
- package/build_module/reactivity/watcher.js.map +0 -1
- package/build_module/v-dom-node.d.ts +0 -0
- package/build_module/v-dom-node.js +0 -1
- package/build_module/v-dom-node.js.map +0 -1
- package/build_module/v-meta-nodes/attribute-v-node.js +0 -53
- package/build_module/v-meta-nodes/attribute-v-node.js.map +0 -1
- package/build_module/v-meta-nodes/style-v-node.js +0 -135
- package/build_module/v-meta-nodes/style-v-node.js.map +0 -1
- package/build_module/v-meta-nodes/v-meta-node.js +0 -3
- package/build_module/v-meta-nodes/v-meta-node.js.map +0 -1
- package/build_module/v-style-nodes/base-v-style.js +0 -113
- package/build_module/v-style-nodes/base-v-style.js.map +0 -1
- package/build_module/v-style-nodes/css-function-builder-v-style.js +0 -28
- package/build_module/v-style-nodes/css-function-builder-v-style.js.map +0 -1
- package/build_module/v-style-nodes/filter-v-style.js +0 -35
- package/build_module/v-style-nodes/filter-v-style.js.map +0 -1
- package/build_module/v-style-nodes/transform-v-style.js +0 -76
- package/build_module/v-style-nodes/transform-v-style.js.map +0 -1
- package/build_module/v-style-nodes/v-style.js +0 -6
- package/build_module/v-style-nodes/v-style.js.map +0 -1
- package/build_module/vdom-nodes/collection-vdom.js +0 -157
- package/build_module/vdom-nodes/collection-vdom.js.map +0 -1
- package/build_module/vdom-nodes/component-vdom.js +0 -100
- package/build_module/vdom-nodes/component-vdom.js.map +0 -1
- package/build_module/vdom-nodes/conditional-vdom.js +0 -98
- package/build_module/vdom-nodes/conditional-vdom.js.map +0 -1
- package/build_module/vdom-nodes/container-vdom.js +0 -110
- package/build_module/vdom-nodes/container-vdom.js.map +0 -1
- package/build_module/vdom-nodes/element-vdom.js +0 -164
- package/build_module/vdom-nodes/element-vdom.js.map +0 -1
- package/build_module/vdom-nodes/html-vdom.js +0 -53
- package/build_module/vdom-nodes/html-vdom.js.map +0 -1
- package/build_module/vdom-nodes/text-vdom.js +0 -37
- package/build_module/vdom-nodes/text-vdom.js.map +0 -1
- package/build_module/vdom-nodes/vdom.js +0 -41
- package/build_module/vdom-nodes/vdom.js.map +0 -1
- package/build_module/window-wrapper.js +0 -39
- package/build_module/window-wrapper.js.map +0 -1
- /package/{build_module → dist/build_module}/constants.d.ts +0 -0
- /package/{build_module → dist/build_module}/css/css-props.d.ts +0 -0
- /package/{build_module → dist/build_module}/css/format-css-type.d.ts +0 -0
- /package/{build_module → dist/build_module}/dot.d.ts +0 -0
- /package/{build_module → dist/build_module}/helpers/render-stylesheet.d.ts +0 -0
- /package/{build_module → dist/build_module}/helpers/tools.d.ts +0 -0
- /package/{build_module → dist/build_module}/index.d.ts +0 -0
- /package/{build_module → dist/build_module}/reactivity/binding.d.ts +0 -0
- /package/{build_module → dist/build_module}/reactivity/reactive-attr.d.ts +0 -0
- /package/{build_module → dist/build_module}/reactivity/reactive-style.d.ts +0 -0
- /package/{build_module → dist/build_module}/reactivity/ref.d.ts +0 -0
- /package/{build_module → dist/build_module}/reactivity/subscription.d.ts +0 -0
- /package/{build_module → dist/build_module}/reactivity/watcher.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-meta-nodes/attribute-v-node.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-meta-nodes/style-v-node.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-meta-nodes/v-meta-node.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-style-nodes/base-v-style.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-style-nodes/css-function-builder-v-style.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-style-nodes/filter-v-style.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-style-nodes/transform-v-style.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-style-nodes/v-style.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/collection-vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/component-vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/conditional-vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/container-vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/element-vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/html-vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/text-vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/window-wrapper.d.ts +0 -0
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
import cssProps from "../css/css-props";
|
|
2
|
-
import VMetaNode from "./v-meta-node";
|
|
3
|
-
import CssFunctionBuilderVStyle from "../v-style-nodes/css-function-builder-v-style";
|
|
4
|
-
import FilterVStyle from "../v-style-nodes/filter-v-style";
|
|
5
|
-
import TransformVStyle from "../v-style-nodes/transform-v-style";
|
|
6
|
-
import { formatCssLength } from "../css/format-css-type";
|
|
7
|
-
import Binding from "../reactivity/binding";
|
|
8
|
-
export default class StyleVNode extends VMetaNode {
|
|
9
|
-
constructor(styleValue) {
|
|
10
|
-
super();
|
|
11
|
-
this.observables = [];
|
|
12
|
-
this.observableIds = [];
|
|
13
|
-
this.styleValue = styleValue;
|
|
14
|
-
{
|
|
15
|
-
for (let prop in this.styleValue) {
|
|
16
|
-
let value = this.styleValue[prop];
|
|
17
|
-
if (value instanceof Binding) {
|
|
18
|
-
this.observables.push(value);
|
|
19
|
-
}
|
|
20
|
-
else if (typeof value === "object") {
|
|
21
|
-
let builder;
|
|
22
|
-
switch (prop) {
|
|
23
|
-
case "filter": {
|
|
24
|
-
builder = new FilterVStyle(prop);
|
|
25
|
-
break;
|
|
26
|
-
}
|
|
27
|
-
case "transform": {
|
|
28
|
-
builder = new TransformVStyle(prop);
|
|
29
|
-
break;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
let funcArray;
|
|
33
|
-
if (value instanceof Array) {
|
|
34
|
-
funcArray = value;
|
|
35
|
-
}
|
|
36
|
-
else {
|
|
37
|
-
funcArray = [value];
|
|
38
|
-
}
|
|
39
|
-
for (let i = 0; i < funcArray.length; i++) {
|
|
40
|
-
let funcValue = funcArray[i];
|
|
41
|
-
for (let k in funcValue) {
|
|
42
|
-
let v = funcValue[k];
|
|
43
|
-
if (v instanceof Binding) {
|
|
44
|
-
this.observables.push(v);
|
|
45
|
-
}
|
|
46
|
-
else if (v instanceof Array) {
|
|
47
|
-
for (let j in v) {
|
|
48
|
-
let w = v[j];
|
|
49
|
-
if (w instanceof Binding) {
|
|
50
|
-
this.observables.push(w);
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
if (builder && builder[k]) {
|
|
55
|
-
builder[k](v);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
if (builder) {
|
|
60
|
-
this.styleValue[prop] = builder;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
render(target, document = window.document, shadowRoot) {
|
|
67
|
-
this.target = target;
|
|
68
|
-
this.document = document;
|
|
69
|
-
this.shadowRoot = shadowRoot;
|
|
70
|
-
{
|
|
71
|
-
for (let i in this.observables) {
|
|
72
|
-
let observable = this.observables[i];
|
|
73
|
-
let id = observable._subscribe(this);
|
|
74
|
-
this.observableIds.push(id);
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
this.update();
|
|
78
|
-
}
|
|
79
|
-
update() {
|
|
80
|
-
let allStylesToApply = [];
|
|
81
|
-
for (let prop in this.styleValue) {
|
|
82
|
-
let cssValue;
|
|
83
|
-
{
|
|
84
|
-
let value = this.styleValue[prop];
|
|
85
|
-
if (value instanceof Binding) {
|
|
86
|
-
cssValue = value._get();
|
|
87
|
-
}
|
|
88
|
-
else if (value instanceof CssFunctionBuilderVStyle) {
|
|
89
|
-
cssValue = value.toString();
|
|
90
|
-
}
|
|
91
|
-
else {
|
|
92
|
-
cssValue = `${value}`;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
let cssType, cssProp, cssUnit;
|
|
96
|
-
{
|
|
97
|
-
let registeredProp = cssProps[prop];
|
|
98
|
-
if (registeredProp) {
|
|
99
|
-
cssType = cssProps[prop].type;
|
|
100
|
-
cssProp = cssProps[prop].cssName;
|
|
101
|
-
cssUnit = cssProps[prop].unit;
|
|
102
|
-
}
|
|
103
|
-
else {
|
|
104
|
-
cssType = "custom";
|
|
105
|
-
cssProp = prop;
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
let formattedValue = cssValue;
|
|
109
|
-
switch (cssType) {
|
|
110
|
-
case "length":
|
|
111
|
-
formattedValue = formatCssLength(cssValue, cssUnit);
|
|
112
|
-
break;
|
|
113
|
-
}
|
|
114
|
-
allStylesToApply.push({ cssProp, cssValue: formattedValue });
|
|
115
|
-
}
|
|
116
|
-
if (this.target instanceof HTMLElement) {
|
|
117
|
-
for (let i in allStylesToApply) {
|
|
118
|
-
let assignment = allStylesToApply[i];
|
|
119
|
-
this.target.style[assignment.cssProp] = assignment.cssValue;
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
else if (typeof this.target === "string") {
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
unrender() {
|
|
126
|
-
for (let i in this.observableIds) {
|
|
127
|
-
let id = this.observableIds[i];
|
|
128
|
-
let observable = this.observables[i];
|
|
129
|
-
observable._unsubscribe(id);
|
|
130
|
-
}
|
|
131
|
-
this.observables.length = 0;
|
|
132
|
-
}
|
|
133
|
-
toString() { }
|
|
134
|
-
}
|
|
135
|
-
//# sourceMappingURL=style-v-node.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style-v-node.js","sourceRoot":"","sources":["../../src/v-meta-nodes/style-v-node.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"v-meta-node.js","sourceRoot":"","sources":["../../src/v-meta-nodes/v-meta-node.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,OAAgB,SAAS;CAItC"}
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
import Binding from "../reactivity/binding";
|
|
2
|
-
import ReactiveStyle from "../reactivity/reactive-style";
|
|
3
|
-
import VStyle from "./v-style";
|
|
4
|
-
export default class BaseVStyle extends VStyle {
|
|
5
|
-
constructor() {
|
|
6
|
-
super(...arguments);
|
|
7
|
-
this._isBase = false;
|
|
8
|
-
this.props = [];
|
|
9
|
-
this.subscriptions = {};
|
|
10
|
-
this.renderedSubBuilders = [];
|
|
11
|
-
}
|
|
12
|
-
_render(target) {
|
|
13
|
-
this.target = target;
|
|
14
|
-
for (let i = 0; i < this.props.length; i++) {
|
|
15
|
-
let P = this.props[i];
|
|
16
|
-
this.renderAndSetPropValue(P.prop, P.value);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
_unrender() {
|
|
20
|
-
for (let i = 0; i < this.renderedSubBuilders.length; i++) {
|
|
21
|
-
let sb = this.renderedSubBuilders[i];
|
|
22
|
-
sb._unrender();
|
|
23
|
-
}
|
|
24
|
-
this.renderedSubBuilders.length = 0;
|
|
25
|
-
for (let s in this.subscriptions) {
|
|
26
|
-
let P = this.subscriptions[s];
|
|
27
|
-
P._unsubscribe(Number(s));
|
|
28
|
-
}
|
|
29
|
-
this.subscriptions = {};
|
|
30
|
-
this.target = null;
|
|
31
|
-
}
|
|
32
|
-
renderAndSetPropValue(prop, value) {
|
|
33
|
-
if (value instanceof Binding) {
|
|
34
|
-
let id = value._subscribe(new ReactiveStyle(this, prop));
|
|
35
|
-
this.subscriptions[id] = value;
|
|
36
|
-
this.updateProp(prop, value._get());
|
|
37
|
-
}
|
|
38
|
-
else if (value instanceof VStyle) {
|
|
39
|
-
this.renderedSubBuilders.push(value);
|
|
40
|
-
value._render(this.target);
|
|
41
|
-
}
|
|
42
|
-
else {
|
|
43
|
-
this.updateProp(prop, value);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
updateProp(prop, value) {
|
|
47
|
-
if (this.target) {
|
|
48
|
-
this.target.style[prop] = value;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
setProp(propName, value) {
|
|
52
|
-
if (this._isBase) {
|
|
53
|
-
let newStyle = new BaseVStyle();
|
|
54
|
-
return newStyle.setProp(propName, value);
|
|
55
|
-
}
|
|
56
|
-
else {
|
|
57
|
-
if (value && value.call && value.apply) {
|
|
58
|
-
let builder;
|
|
59
|
-
switch (propName) {
|
|
60
|
-
case "transform": {
|
|
61
|
-
break;
|
|
62
|
-
}
|
|
63
|
-
case "filter":
|
|
64
|
-
case "backdrop-filter": {
|
|
65
|
-
break;
|
|
66
|
-
}
|
|
67
|
-
default: throw new Error(`${propName} does not have a builder.`);
|
|
68
|
-
}
|
|
69
|
-
value(builder);
|
|
70
|
-
value = builder;
|
|
71
|
-
if (this.target) {
|
|
72
|
-
this.renderedSubBuilders.push(builder);
|
|
73
|
-
builder._render(this.target);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
else {
|
|
77
|
-
if (this.target) {
|
|
78
|
-
let observerId = value.subscribeStyle(this, propName);
|
|
79
|
-
this.subscriptions[observerId] = value;
|
|
80
|
-
this.renderAndSetPropValue(propName, value);
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
this.props.push({ prop: propName, value: value });
|
|
84
|
-
return this;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
{
|
|
89
|
-
const _allProps = {
|
|
90
|
-
"color": "color|background-Color|border-Bottom-Color|border-Color|border-Left-Color|border-Right-Color|border-Top-Color|text-Decoration-Color|outline-Color|column-Rule-Color",
|
|
91
|
-
"length": "background-Size|block-Size|border-Bottom-Left-Radius|border-Bottom-Right-Radius|border-Bottom-Width|border-Image-Width|border-Left-Width|border-Radius|border-Right-Width|border-Top-Left-Radius|border-Top-Right-Radius|border-Top-Width|border-Width|bottom|gap|height|left|margin|margin-Bottom|margin-Left|margin-Right|margin-Top|max-Height|max-Width|min-Height|min-Width|padding|padding-Bottom|padding-Left|padding-Right|padding-Top|right|top|width|line-Height|flex-Basis|font-Size|text-Indent",
|
|
92
|
-
"url": "background-Image|border-Image|list-Style-Image|content|image-Orientation",
|
|
93
|
-
"transformation": "transform",
|
|
94
|
-
"filter": "filter|backdrop-Filter",
|
|
95
|
-
"misc": "all|appearance|aspect-Ratio|opacity|background|background-Attachment|background-Blend-Mode|background-Position|background-Repeat|background-Clip|background-Origin|border|border-Bottom|border-Bottom-Style|border-Image-Outset|border-Image-Repeat|border-Image-Slice|border-Image-Source|border-Left|border-Left-Style|border-Right|border-Right-Style|border-Style|border-Top|border-Top-Style|box-Decoration-Break|box-Shadow|clear|clip|display|float|overflow|box|overflow-X|overflow-Y|position|visibility|vertical-Align|z-Index|align-Content|align-Items|align-Self|flex|flex-Basis|flex-Direction|flex-Flow|flex-Grow|flex-Shrink|flex-Wrap|grid|grid-Area|grid-Auto-Columns|grid-auto-Rows|grid-Column|grid-Column-End|grid-Column-Gap|grid-Column-Start|grid-Gap|grid-Row|grid-Row-End|grid-Row-Gap|grid-Row-Start|grid-Template|grid-Template-Areas|grid-Template-Columns|grid-Template-Rows|justify-Content|order|hanging-Punctuation|hyphens|letter-Spacing|line-Break|overflow-Wrap|tab-Size|text-Align|text-Align-Last|text-Combine-Upright|text-Justify|text-Transform|white-Space|word-Break|word-Spacing|word-Wrap|text-Decoration|text-Decoration-Line|text-Decoration-Style|text-Shadow|text-Underline-Position|font|font-Family|font-Feature-Settings|font-Kerning|font-Language-Override|font-Size-Adjust|font-Stretch|font-Style|font-Synthesis|font-Variant|font-Variant-Alternates|font-Variant-Caps|font-Variant-East-Asian|font-Variant-Ligatures|font-Variant-Numeric|font-Variant-Position|font-Weight|direction|text-Orientation|text-Combine-Upright|unicode-Bidi|user-Select|writing-Mode|border-Collapse|border-Spacing|caption-Side|empty-Cells|table-Layout|counter-Increment|counter-Reset|list-Style|list-Style-Position|list-Style-Type|animation|animation-Delay|animation-Direction|animation-Duration|animation-Fill-Mode|animation-Iteration-Count|animation-Name|animation-Play-State|animation-Timing-Function|backface-Visibility|perspective2d|perspective-Origin|transform-Origin|transform-Style|transition|transition-Property|transition-Duration|transition-Timing-Function|transition-Delay|box-Sizing|cursor|ime-Mode|nav-Down|nav-Index|nav-Left|nav-Right|nav-Up|outline|outline-Offset|outline-Style|outline-Width|resize|text-Overflow|break-After|break-Before|break-Inside|column-Count|column-Fill|column-Gap|column-Rule|column-Rule-Style|column-Rule-Width|column-Span|column-Width|columns|widows|orphans|page-Break-After|page-Break-Before|page-Break-Inside|marks|quotes|image-Rendering|image-Resolution|object-Fit|object-Position|mask|mask-Type|mark|mark-After|mark-Before|phonemes|rest|rest-After|rest-Before|voice-Balance|voice-Duration|voice-Pitch|voice-Pitch-Range|voice-Rate|voice-Stress|voice-Volume|marquee-Direction|marquee-Play-Count|marquee-Speed|marquee-Style|pointer-Events",
|
|
96
|
-
};
|
|
97
|
-
for (let k in _allProps) {
|
|
98
|
-
let str = _allProps[k];
|
|
99
|
-
let props = str.split("|");
|
|
100
|
-
let types = k.split("|");
|
|
101
|
-
for (let t in types) {
|
|
102
|
-
for (let i = 0; i < props.length; i++) {
|
|
103
|
-
let pName = props[i];
|
|
104
|
-
let cssName = pName.toLowerCase();
|
|
105
|
-
let jsName = pName.split("-").join("");
|
|
106
|
-
BaseVStyle.prototype[jsName] = function () {
|
|
107
|
-
return this.setProp(cssName, ...arguments);
|
|
108
|
-
};
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
//# sourceMappingURL=base-v-style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"base-v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/base-v-style.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAE5C,OAAO,aAAa,MAAM,8BAA8B,CAAC;AAGzD,OAAO,MAAM,MAAM,WAAW,CAAC;AAmB/B,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,MAAM;IAA9C;;QAIkB,YAAO,GAAG,KAAK,CAAC;QACzB,UAAK,GAAwD,EAAE,CAAC;QAChE,kBAAa,GAA4B,EAAE,CAAC;QAC5C,wBAAmB,GAAkB,EAAE,CAAC;IA0GjD,CAAC;IApGA,OAAO,CAAC,MAAmB;QAC1B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAC;YACzC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAEtB,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;SAC5C;IACF,CAAC;IACD,SAAS;QAIR,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAC;YACvD,IAAI,EAAE,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;YACrC,EAAE,CAAC,SAAS,EAAE,CAAC;SACf;QAED,IAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,CAAC;QAGpC,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,aAAa,EAAC;YAC/B,IAAI,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;YAE9B,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1B;QAED,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QAExB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACpB,CAAC;IAED,qBAAqB,CAAC,IAAI,EAAE,KAAK;QAChC,IAAG,KAAK,YAAY,OAAO,EAAC;YAC3B,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;YACzD,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC;YAE/B,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;SACpC;aACI,IAAG,KAAK,YAAY,MAAM,EAAC;YAC/B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACrC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SAC3B;aACG;YACH,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;SAC7B;IAEF,CAAC;IAED,UAAU,CAAC,IAAY,EAAE,KAAa;QAErC,IAAG,IAAI,CAAC,MAAM,EAAC;YACd,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;SAChC;IACF,CAAC;IAED,OAAO,CAAC,QAAQ,EAAE,KAAK;QACtB,IAAG,IAAI,CAAC,OAAO,EAAC;YACf,IAAI,QAAQ,GAAG,IAAI,UAAU,EAAE,CAAC;YAChC,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;SACzC;aACG;YAEH,IAAG,KAAK,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,EAAC;gBACrC,IAAI,OAAe,CAAC;gBACpB,QAAO,QAAQ,EAAC;oBACf,KAAK,WAAW,CAAC,CAAA;wBAEhB,MAAM;qBACN;oBACD,KAAK,QAAQ,CAAC;oBACd,KAAK,iBAAiB,CAAC,CAAA;wBAEtB,MAAM;qBACN;oBACD,OAAO,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,QAAQ,2BAA2B,CAAC,CAAC;iBACjE;gBAED,KAAK,CAAC,OAAO,CAAC,CAAC;gBAEf,KAAK,GAAG,OAAO,CAAC;gBAEhB,IAAG,IAAI,CAAC,MAAM,EAAC;oBACd,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;oBACvC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;iBAC7B;aACD;iBACG;gBACH,IAAG,IAAI,CAAC,MAAM,EAAC;oBACd,IAAI,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;oBACtD,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC;oBAEvC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;iBAC5C;aACD;YAED,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC,CAAC;YAEhD,OAAO,IAAI,CAAC;SACZ;IACF,CAAC;CACD;AAED;IAKC,MAAM,SAAS,GAAG;QACjB,OAAO,EAAE,qKAAqK;QAC9K,QAAQ,EAAE,6eAA6e;QAEvf,KAAK,EAAE,0EAA0E;QACjF,gBAAgB,EAAE,WAAW;QAC7B,QAAQ,EAAE,wBAAwB;QAClC,MAAM,EAAE,4sFAA4sF;KAEptF,CAAA;IAED,KAAI,IAAI,CAAC,IAAI,SAAS,EAAC;QACtB,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;QACvB,IAAI,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE3B,IAAI,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAEzB,KAAI,IAAI,CAAC,IAAI,KAAK,EAAC;YAElB,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAC;gBACpC,IAAI,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gBACrB,IAAI,OAAO,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;gBAClC,IAAI,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAEvC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG;oBAC9B,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,CAAC;gBAC5C,CAAC,CAAA;aACD;SACD;KACD;CACD"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import Binding from "../reactivity/binding";
|
|
2
|
-
export default class CssFunctionBuilderVStyle {
|
|
3
|
-
constructor(propName) {
|
|
4
|
-
this.funcs = [];
|
|
5
|
-
this.subscriptions = {};
|
|
6
|
-
this.propName = propName;
|
|
7
|
-
}
|
|
8
|
-
toString() {
|
|
9
|
-
let result = "";
|
|
10
|
-
for (let t of this.funcs) {
|
|
11
|
-
let argValues = t.args.map(arg => {
|
|
12
|
-
if (arg.v instanceof Binding) {
|
|
13
|
-
return arg.f(arg.v._get());
|
|
14
|
-
}
|
|
15
|
-
else {
|
|
16
|
-
return arg.f(arg.v).split(" ").join(", ");
|
|
17
|
-
}
|
|
18
|
-
}).join(", ");
|
|
19
|
-
result += `${t.func}(${argValues}) `;
|
|
20
|
-
}
|
|
21
|
-
return result.trim();
|
|
22
|
-
}
|
|
23
|
-
appendFunction(filter, args) {
|
|
24
|
-
this.funcs.push({ func: filter, args: args });
|
|
25
|
-
return this;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
//# sourceMappingURL=css-function-builder-v-style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"css-function-builder-v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/css-function-builder-v-style.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAI5C,MAAM,CAAC,OAAO,OAAgB,wBAAwB;IAWrD,YAAY,QAAgB;QAR5B,UAAK,GAGA,EAAE,CAAC;QAER,kBAAa,GAA4B,EAAE,CAAC;QAI3C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1B,CAAC;IAED,QAAQ;QACP,IAAI,MAAM,GAAG,EAAE,CAAC;QAGhB,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,EAAC;YAEvB,IAAI,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBAChC,IAAG,GAAG,CAAC,CAAC,YAAY,OAAO,EAAC;oBAC3B,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;iBAC3B;qBACG;oBACH,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC1C;YACF,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAGd,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,IAAI,SAAS,IAAI,CAAC;SACrC;QAED,OAAO,MAAM,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;IA6ED,cAAc,CAAC,MAAc,EAAE,IAAI;QAClC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;IACb,CAAC;CAED"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { formatCssColor, formatCssLength, formatCssPercentage } from "../css/format-css-type";
|
|
2
|
-
import CssFunctionBuilderVStyle from "./css-function-builder-v-style";
|
|
3
|
-
export default class FilterVStyle extends CssFunctionBuilderVStyle {
|
|
4
|
-
blur(v) {
|
|
5
|
-
return this.appendFunction("blur", [{ v, f: formatCssLength }]);
|
|
6
|
-
}
|
|
7
|
-
brightness(v) {
|
|
8
|
-
return this.appendFunction("brightness", [{ v, f: formatCssPercentage }]);
|
|
9
|
-
}
|
|
10
|
-
contrast(v) {
|
|
11
|
-
return this.appendFunction("contrast", [{ v, f: formatCssLength }]);
|
|
12
|
-
}
|
|
13
|
-
dropShadow(x, y, blur, color) {
|
|
14
|
-
return this.appendFunction("drop-shadow", [{ v: x, f: formatCssLength }, { v: y, f: formatCssLength }, { v: blur, f: formatCssLength }, { v: color, f: formatCssColor }]);
|
|
15
|
-
}
|
|
16
|
-
grayscale(v) {
|
|
17
|
-
return this.appendFunction("grayscale", [{ v, f: formatCssLength }]);
|
|
18
|
-
}
|
|
19
|
-
hueRotate(v) {
|
|
20
|
-
return this.appendFunction("hue-rotate", [{ v, f: formatCssLength }]);
|
|
21
|
-
}
|
|
22
|
-
invert(v) {
|
|
23
|
-
return this.appendFunction("invert", [{ v, f: formatCssLength }]);
|
|
24
|
-
}
|
|
25
|
-
opacity(v) {
|
|
26
|
-
return this.appendFunction("opacity", [{ v, f: formatCssLength }]);
|
|
27
|
-
}
|
|
28
|
-
sepia(v) {
|
|
29
|
-
return this.appendFunction("sepia", [{ v, f: formatCssLength }]);
|
|
30
|
-
}
|
|
31
|
-
saturate(v) {
|
|
32
|
-
return this.appendFunction("saturate", [{ v, f: formatCssLength }]);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
//# sourceMappingURL=filter-v-style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"filter-v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/filter-v-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,wBAAwB,MAAM,gCAAgC,CAAC;AAEtE,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,wBAAwB;IAEjE,IAAI,CAAC,CAAC;QACL,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IAC/D,CAAC;IACD,UAAU,CAAC,CAAC;QACX,OAAO,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,mBAAmB,EAAC,CAAC,CAAC,CAAC;IACzE,CAAC;IACD,QAAQ,CAAC,CAAC;QACT,OAAO,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACnE,CAAC;IACD,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK;QAC3B,OAAO,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,EAAE,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,EAAE,EAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,eAAe,EAAC,EAAE,EAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAC,CAAC,CAAC,CAAC;IACnK,CAAC;IACD,SAAS,CAAC,CAAC;QACV,OAAO,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACpE,CAAC;IACD,SAAS,CAAC,CAAC;QACV,OAAO,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACrE,CAAC;IACD,MAAM,CAAC,CAAC;QACP,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACjE,CAAC;IACD,OAAO,CAAC,CAAC;QACR,OAAO,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IAClE,CAAC;IACD,KAAK,CAAC,CAAC;QACN,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IAChE,CAAC;IACD,QAAQ,CAAC,CAAC;QACT,OAAO,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACnE,CAAC;CACD"}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import CssFunctionBuilderVStyle from "./css-function-builder-v-style";
|
|
2
|
-
import { formatCssAngle, formatCssLength } from "../css/format-css-type";
|
|
3
|
-
export default class TransformVStyle extends CssFunctionBuilderVStyle {
|
|
4
|
-
matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4) {
|
|
5
|
-
return this.appendFunction("matrix3d", arguments);
|
|
6
|
-
}
|
|
7
|
-
matrix(a, b, c, d, tx, ty) {
|
|
8
|
-
return this.appendFunction("matrix", arguments);
|
|
9
|
-
}
|
|
10
|
-
translate(x, y) {
|
|
11
|
-
return arguments.length == 1
|
|
12
|
-
? this.appendFunction("translate", [{ f: formatCssLength, v: x }])
|
|
13
|
-
: this.appendFunction("translate", [{ f: formatCssLength, v: x }, { f: formatCssLength, v: y }]);
|
|
14
|
-
}
|
|
15
|
-
translate3d(x, y, z) {
|
|
16
|
-
return this.appendFunction("translate3d", [{ f: formatCssLength, v: x }, { f: formatCssLength, v: y }, { f: formatCssLength, v: z }]);
|
|
17
|
-
}
|
|
18
|
-
translateX(x) {
|
|
19
|
-
return this.appendFunction("translateX", [{ f: formatCssLength, v: x }]);
|
|
20
|
-
}
|
|
21
|
-
translateY(y) {
|
|
22
|
-
return this.appendFunction("translateY", [{ f: formatCssLength, v: y }]);
|
|
23
|
-
}
|
|
24
|
-
translateZ(z) {
|
|
25
|
-
return this.appendFunction("translateZ", [{ f: formatCssLength, v: z }]);
|
|
26
|
-
}
|
|
27
|
-
scale(x, y) {
|
|
28
|
-
return this.appendFunction("scale", [x, y ?? 1]);
|
|
29
|
-
}
|
|
30
|
-
scale3d(x, y, z) {
|
|
31
|
-
return this.appendFunction("scale3d", [x, y, z]);
|
|
32
|
-
}
|
|
33
|
-
scaleX(x) {
|
|
34
|
-
return this.appendFunction("scaleX", [x]);
|
|
35
|
-
}
|
|
36
|
-
scaleY(y) {
|
|
37
|
-
return this.appendFunction("scaleY", [y]);
|
|
38
|
-
}
|
|
39
|
-
scaleZ(z) {
|
|
40
|
-
return this.appendFunction("scaleZ", [z]);
|
|
41
|
-
}
|
|
42
|
-
rotate(x) {
|
|
43
|
-
return this.appendFunction("rotate", [{ f: formatCssAngle, v: x }]);
|
|
44
|
-
}
|
|
45
|
-
rotate3d(x, y, z, a) {
|
|
46
|
-
return this.appendFunction("rotate3d", [x, y, z, { f: formatCssAngle, v: a }]);
|
|
47
|
-
}
|
|
48
|
-
rotate3dDeg(x, y, z, a) { return this.rotate3d(x, y, z, a); }
|
|
49
|
-
rotate3dRad(x, y, z, a) { return this.rotate3d(x, y, z, `${a}rad`); }
|
|
50
|
-
rotate3dGrad(x, y, z, a) { return this.rotate3d(x, y, z, `${a}grad`); }
|
|
51
|
-
rotate3dTurn(x, y, z, a) { return this.rotate3d(x, y, z, `${a}turn`); }
|
|
52
|
-
rotateX(x) {
|
|
53
|
-
return this.appendFunction("rotateX", [{ f: formatCssAngle, v: x }]);
|
|
54
|
-
}
|
|
55
|
-
rotateY(y) {
|
|
56
|
-
return this.appendFunction("rotateY", [{ f: formatCssAngle, v: y }]);
|
|
57
|
-
}
|
|
58
|
-
rotateZ(z) {
|
|
59
|
-
return this.appendFunction("rotateZ", [{ f: formatCssAngle, v: z }]);
|
|
60
|
-
}
|
|
61
|
-
skew(x, y) {
|
|
62
|
-
return arguments.length == 1
|
|
63
|
-
? this.appendFunction("skew", [{ f: formatCssAngle, v: x }])
|
|
64
|
-
: this.appendFunction("skew", [{ f: formatCssAngle, v: x }, { f: formatCssAngle, v: y }]);
|
|
65
|
-
}
|
|
66
|
-
skewX(x) {
|
|
67
|
-
return this.appendFunction("skewX", [{ f: formatCssAngle, v: x }]);
|
|
68
|
-
}
|
|
69
|
-
skewY(y) {
|
|
70
|
-
return this.appendFunction("skewY", [{ f: formatCssAngle, v: y }]);
|
|
71
|
-
}
|
|
72
|
-
perspective(d) {
|
|
73
|
-
return this.appendFunction("perspective", [{ f: formatCssLength, v: d }]);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
//# sourceMappingURL=transform-v-style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"transform-v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/transform-v-style.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/v-style.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAgB,MAAM;IAOnC,QAAQ;QACP,OAAO,EAAE,CAAC;IACX,CAAC;CACD"}
|
|
@@ -1,157 +0,0 @@
|
|
|
1
|
-
import { deepEqual } from "../helpers/tools";
|
|
2
|
-
import Binding from "../reactivity/binding";
|
|
3
|
-
import Watcher from "../reactivity/watcher";
|
|
4
|
-
import { TextVdom } from "./text-vdom";
|
|
5
|
-
import { Vdom } from "./vdom";
|
|
6
|
-
export default class CollectionVdom extends Vdom {
|
|
7
|
-
constructor(value, renderCallback) {
|
|
8
|
-
super();
|
|
9
|
-
this.observerId = 0;
|
|
10
|
-
this.mappedItems = [];
|
|
11
|
-
this.value = value;
|
|
12
|
-
this.renderCallback = renderCallback;
|
|
13
|
-
}
|
|
14
|
-
_render(target) {
|
|
15
|
-
if (this.value instanceof Binding) {
|
|
16
|
-
this.observerId = this.value._subscribe(this);
|
|
17
|
-
}
|
|
18
|
-
this.startNode = target.ownerDocument.createTextNode("");
|
|
19
|
-
this.endNode = target.ownerDocument.createTextNode("");
|
|
20
|
-
target.appendChild(this.startNode);
|
|
21
|
-
target.appendChild(this.endNode);
|
|
22
|
-
this.updateList();
|
|
23
|
-
}
|
|
24
|
-
_unrender() {
|
|
25
|
-
if (this.observerId && this.value instanceof Binding) {
|
|
26
|
-
this.value._unsubscribe(this.observerId);
|
|
27
|
-
this.observerId = null;
|
|
28
|
-
}
|
|
29
|
-
for (let i = 0; i < this.mappedItems.length; i++) {
|
|
30
|
-
let I = this.mappedItems[i];
|
|
31
|
-
I.vdom._unrender();
|
|
32
|
-
I.afterNode.parentElement.removeChild(I.afterNode);
|
|
33
|
-
}
|
|
34
|
-
this.mappedItems.length = 0;
|
|
35
|
-
this.startNode.parentElement.removeChild(this.startNode);
|
|
36
|
-
this.endNode.parentElement.removeChild(this.endNode);
|
|
37
|
-
this.startNode = null;
|
|
38
|
-
this.endNode = null;
|
|
39
|
-
}
|
|
40
|
-
removeItem(item) {
|
|
41
|
-
item.vdom._unrender();
|
|
42
|
-
item.afterNode.parentElement.removeChild(item.afterNode);
|
|
43
|
-
}
|
|
44
|
-
updateList() {
|
|
45
|
-
let key = null;
|
|
46
|
-
let mappedData;
|
|
47
|
-
{
|
|
48
|
-
let unmappedCollection = null;
|
|
49
|
-
if (this.value instanceof Binding) {
|
|
50
|
-
unmappedCollection = this.value._get();
|
|
51
|
-
key = this.value._source.key ?? null;
|
|
52
|
-
}
|
|
53
|
-
else {
|
|
54
|
-
unmappedCollection = this.value;
|
|
55
|
-
}
|
|
56
|
-
if (unmappedCollection instanceof Array) {
|
|
57
|
-
mappedData = unmappedCollection.map((v, i) => {
|
|
58
|
-
let kv = !!key ? v[key] : null;
|
|
59
|
-
let reactive = new Watcher();
|
|
60
|
-
return {
|
|
61
|
-
vdom: null,
|
|
62
|
-
value: v,
|
|
63
|
-
keyValue: kv,
|
|
64
|
-
afterNode: null,
|
|
65
|
-
observableIndex: reactive.bind()
|
|
66
|
-
};
|
|
67
|
-
});
|
|
68
|
-
}
|
|
69
|
-
else {
|
|
70
|
-
mappedData = [];
|
|
71
|
-
for (let k in unmappedCollection) {
|
|
72
|
-
let v = unmappedCollection[k];
|
|
73
|
-
let kv = !!key ? v[key] : k;
|
|
74
|
-
let reactive = new Watcher();
|
|
75
|
-
mappedData.push({
|
|
76
|
-
vdom: null,
|
|
77
|
-
value: v,
|
|
78
|
-
keyValue: kv,
|
|
79
|
-
afterNode: null,
|
|
80
|
-
observableIndex: reactive.bind()
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
{
|
|
86
|
-
let oi = 0;
|
|
87
|
-
let ns = 0;
|
|
88
|
-
let ni = 0;
|
|
89
|
-
while (oi < this.mappedItems.length) {
|
|
90
|
-
let existing = this.mappedItems[oi];
|
|
91
|
-
let candidate = mappedData[ni];
|
|
92
|
-
if (!candidate) {
|
|
93
|
-
this.removeItem(existing);
|
|
94
|
-
this.mappedItems.splice(oi, 1);
|
|
95
|
-
ni = ns;
|
|
96
|
-
continue;
|
|
97
|
-
}
|
|
98
|
-
else if ((candidate == existing) || (key && candidate.keyValue == existing.keyValue)) {
|
|
99
|
-
ns++;
|
|
100
|
-
oi++;
|
|
101
|
-
ni = ns;
|
|
102
|
-
continue;
|
|
103
|
-
}
|
|
104
|
-
else {
|
|
105
|
-
ni++;
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
{
|
|
110
|
-
let oi = 0;
|
|
111
|
-
let ni = 0;
|
|
112
|
-
let afterTarget = this.startNode;
|
|
113
|
-
while (ni < mappedData.length) {
|
|
114
|
-
let existing = this.mappedItems[oi];
|
|
115
|
-
let candidate = mappedData[ni];
|
|
116
|
-
if (existing && ((candidate == existing) || (key && candidate.keyValue == existing.keyValue))) {
|
|
117
|
-
if (!deepEqual(existing.value, candidate.value)) {
|
|
118
|
-
existing.vdom._unrender();
|
|
119
|
-
existing.vdom = this.renderCallback(candidate.value, this.value instanceof Binding ? existing.observableIndex : ni, candidate.keyValue);
|
|
120
|
-
existing.value = candidate.value;
|
|
121
|
-
existing.vdom._renderBefore(existing.afterNode);
|
|
122
|
-
}
|
|
123
|
-
else {
|
|
124
|
-
existing.observableIndex._set(ni);
|
|
125
|
-
}
|
|
126
|
-
afterTarget = existing.afterNode;
|
|
127
|
-
ni++;
|
|
128
|
-
oi++;
|
|
129
|
-
continue;
|
|
130
|
-
}
|
|
131
|
-
else {
|
|
132
|
-
let beforeTarget = afterTarget.ownerDocument.createTextNode("");
|
|
133
|
-
let ns = afterTarget.parentElement.nextSibling;
|
|
134
|
-
if (ns) {
|
|
135
|
-
this.startNode.parentElement.insertBefore(beforeTarget, ns);
|
|
136
|
-
}
|
|
137
|
-
else {
|
|
138
|
-
this.startNode.parentElement.appendChild(beforeTarget);
|
|
139
|
-
}
|
|
140
|
-
candidate.afterNode = beforeTarget;
|
|
141
|
-
candidate.observableIndex._set(ni);
|
|
142
|
-
let content = this.renderCallback(candidate.value, this.value instanceof Binding ? candidate.observableIndex : ni, candidate.keyValue);
|
|
143
|
-
if (content instanceof Vdom) {
|
|
144
|
-
candidate.vdom = content;
|
|
145
|
-
}
|
|
146
|
-
else {
|
|
147
|
-
candidate.vdom = new TextVdom(content);
|
|
148
|
-
}
|
|
149
|
-
candidate.vdom._renderBefore(candidate.afterNode);
|
|
150
|
-
this.mappedItems.splice(ni, 0, candidate);
|
|
151
|
-
ni++;
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
//# sourceMappingURL=collection-vdom.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"collection-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/collection-vdom.ts"],"names":[],"mappings":"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"}
|