cx 26.3.4 → 26.3.6
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/build/widgets/grid/Grid.d.ts +3 -3
- package/build/widgets/grid/Grid.d.ts.map +1 -1
- package/build/widgets/grid/Grid.js +86 -188
- package/build/widgets/nav/Tab.d.ts.map +1 -1
- package/build/widgets/nav/Tab.js +9 -5
- package/dist/manifest.js +866 -866
- package/dist/widgets.css +1 -1
- package/dist/widgets.js +5 -4
- package/package.json +1 -1
- package/src/widgets/form/ColorField.scss +2 -7
- package/src/widgets/form/DateTimeField.scss +3 -17
- package/src/widgets/form/LookupField.scss +8 -31
- package/src/widgets/form/MonthField.scss +2 -11
- package/src/widgets/form/NumberField.scss +2 -10
- package/src/widgets/form/Select.scss +3 -16
- package/src/widgets/form/TextField.scss +3 -15
- package/src/widgets/grid/Grid.tsx +4264 -4807
- package/src/widgets/nav/Tab.ts +122 -120
package/dist/widgets.css
CHANGED
package/dist/widgets.js
CHANGED
|
@@ -5220,8 +5220,9 @@ class Tab extends HtmlElement {
|
|
|
5220
5220
|
props.href = "#";
|
|
5221
5221
|
delete props.value;
|
|
5222
5222
|
props.onMouseDown = (e) => {
|
|
5223
|
-
if (this.onMouseDown
|
|
5224
|
-
|
|
5223
|
+
if (this.onMouseDown && instance.invoke("onMouseDown", e, instance) === false) return;
|
|
5224
|
+
if (!this.focusOnMouseDown) preventFocus(e);
|
|
5225
|
+
else preventFocusOnTouch(e);
|
|
5225
5226
|
};
|
|
5226
5227
|
props.onClick = (e) => this.handleClick(e, instance);
|
|
5227
5228
|
}
|
|
@@ -16244,7 +16245,7 @@ class GridComponent extends VDOM.Component {
|
|
|
16244
16245
|
{
|
|
16245
16246
|
ref: this.fixedScrollerRef,
|
|
16246
16247
|
className: CSS.element(baseClass, "fixed-scroll-area", {
|
|
16247
|
-
"fixed-header": !!this.props.
|
|
16248
|
+
"fixed-header": !!this.props.fixedHeader,
|
|
16248
16249
|
"fixed-footer": shouldRenderFixedFooter,
|
|
16249
16250
|
}),
|
|
16250
16251
|
children: jsx("div", {
|
|
@@ -16268,7 +16269,7 @@ class GridComponent extends VDOM.Component {
|
|
|
16268
16269
|
ref: this.scrollerRef,
|
|
16269
16270
|
onScroll: this.onScroll.bind(this),
|
|
16270
16271
|
className: CSS.element(baseClass, "scroll-area", {
|
|
16271
|
-
"fixed-header": !!this.props.
|
|
16272
|
+
"fixed-header": !!this.props.fixedHeader,
|
|
16272
16273
|
"fixed-footer": shouldRenderFixedFooter,
|
|
16273
16274
|
}),
|
|
16274
16275
|
children: jsx("div", {
|
package/package.json
CHANGED
|
@@ -43,14 +43,9 @@
|
|
|
43
43
|
default: (
|
|
44
44
|
font-family: $cx-default-colorfield-font-family,
|
|
45
45
|
font-size: 11px,
|
|
46
|
-
padding: cx-top($padding)
|
|
47
|
-
cx-calc(cx-right($padding), $cx-default-clear-size)
|
|
46
|
+
padding: cx-top($padding) cx-calc(cx-top($padding), $cx-default-clear-size, $cx-default-clear-spacing)
|
|
48
47
|
cx-bottom($padding)
|
|
49
|
-
cx-calc(
|
|
50
|
-
cx-left($padding),
|
|
51
|
-
$cx-default-input-left-tool-size,
|
|
52
|
-
$cx-default-input-left-tool-spacing
|
|
53
|
-
),
|
|
48
|
+
cx-calc(cx-top($padding), $cx-default-input-left-tool-size, $cx-default-input-left-tool-spacing),
|
|
54
49
|
)
|
|
55
50
|
)
|
|
56
51
|
);
|
|
@@ -27,12 +27,7 @@
|
|
|
27
27
|
$state: map.get($besm, state);
|
|
28
28
|
|
|
29
29
|
.#{$block}#{$name} {
|
|
30
|
-
@include cxb-field(
|
|
31
|
-
$besm,
|
|
32
|
-
$input-state-style-map,
|
|
33
|
-
$width: $width,
|
|
34
|
-
$input: true
|
|
35
|
-
);
|
|
30
|
+
@include cxb-field($besm, $input-state-style-map, $width: $width, $input: true);
|
|
36
31
|
}
|
|
37
32
|
|
|
38
33
|
$padding: cx-get-state-rule($input-state-style-map, default, "padding");
|
|
@@ -44,18 +39,9 @@
|
|
|
44
39
|
$placeholder: $placeholder,
|
|
45
40
|
$overrides: (
|
|
46
41
|
default: (
|
|
47
|
-
padding: cx-top($padding)
|
|
48
|
-
cx-calc(
|
|
49
|
-
cx-right($padding),
|
|
50
|
-
$cx-default-clear-size,
|
|
51
|
-
$cx-default-clear-spacing
|
|
52
|
-
)
|
|
42
|
+
padding: cx-top($padding) cx-calc(cx-top($padding), $cx-default-clear-size, $cx-default-clear-spacing)
|
|
53
43
|
cx-bottom($padding)
|
|
54
|
-
cx-calc(
|
|
55
|
-
cx-left($padding),
|
|
56
|
-
$cx-default-input-left-tool-size,
|
|
57
|
-
$cx-default-input-left-tool-spacing
|
|
58
|
-
),
|
|
44
|
+
cx-calc(cx-top($padding), $cx-default-input-left-tool-size, $cx-default-input-left-tool-spacing),
|
|
59
45
|
)
|
|
60
46
|
)
|
|
61
47
|
);
|
|
@@ -28,10 +28,7 @@
|
|
|
28
28
|
$state: map.get($besm, state);
|
|
29
29
|
|
|
30
30
|
$padding: cx-get-state-rule($state-style-map, default, padding);
|
|
31
|
-
$border-radius-offset: cx-multiply(
|
|
32
|
-
cx-get-state-rule($tag-state-style-map, default, border-radius),
|
|
33
|
-
0.25
|
|
34
|
-
);
|
|
31
|
+
$border-radius-offset: cx-multiply(cx-get-state-rule($tag-state-style-map, default, border-radius), 0.25);
|
|
35
32
|
|
|
36
33
|
.#{$block}#{$name} {
|
|
37
34
|
cursor: pointer;
|
|
@@ -72,12 +69,8 @@
|
|
|
72
69
|
display: inline-flex,
|
|
73
70
|
text-overflow: null,
|
|
74
71
|
padding: cx-top($padding)
|
|
75
|
-
cx-calc(
|
|
76
|
-
|
|
77
|
-
$cx-default-clear-size,
|
|
78
|
-
$cx-default-input-tag-spacing
|
|
79
|
-
)
|
|
80
|
-
cx-bottom($padding) cx-left($padding),
|
|
72
|
+
cx-calc(cx-right($padding), $cx-default-clear-size, $cx-default-input-tag-spacing) cx-bottom($padding)
|
|
73
|
+
cx-left($padding),
|
|
81
74
|
)
|
|
82
75
|
)
|
|
83
76
|
);
|
|
@@ -91,32 +84,16 @@
|
|
|
91
84
|
}
|
|
92
85
|
|
|
93
86
|
.#{$state}icon > & {
|
|
94
|
-
padding-left: cx-calc(
|
|
95
|
-
cx-left($padding),
|
|
96
|
-
$cx-default-input-left-tool-size,
|
|
97
|
-
$cx-default-input-left-tool-spacing
|
|
98
|
-
);
|
|
87
|
+
padding-left: cx-calc(cx-top($padding), $cx-default-input-left-tool-size, $cx-default-input-left-tool-spacing);
|
|
99
88
|
}
|
|
100
89
|
}
|
|
101
90
|
|
|
102
91
|
.#{$element}#{$name}-tags {
|
|
103
92
|
display: flex;
|
|
104
|
-
margin: cx-calc(
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
)
|
|
108
|
-
cx-calc(
|
|
109
|
-
$cx-default-input-tag-spacing,
|
|
110
|
-
cx-multiply(cx-right($padding), -1)
|
|
111
|
-
)
|
|
112
|
-
cx-calc(
|
|
113
|
-
$cx-default-input-tag-spacing,
|
|
114
|
-
cx-multiply(cx-bottom($padding), -1)
|
|
115
|
-
)
|
|
116
|
-
cx-calc(
|
|
117
|
-
$cx-default-input-tag-spacing,
|
|
118
|
-
cx-multiply(cx-left($padding), -1)
|
|
119
|
-
);
|
|
93
|
+
margin: cx-calc($cx-default-input-tag-spacing, cx-multiply(cx-top($padding), -1))
|
|
94
|
+
cx-calc($cx-default-input-tag-spacing, cx-multiply(cx-right($padding), -1))
|
|
95
|
+
cx-calc($cx-default-input-tag-spacing, cx-multiply(cx-bottom($padding), -1))
|
|
96
|
+
cx-calc($cx-default-input-tag-spacing, cx-multiply(cx-left($padding), -1));
|
|
120
97
|
align-items: center;
|
|
121
98
|
flex-wrap: wrap;
|
|
122
99
|
gap: $cx-default-input-tag-spacing;
|
|
@@ -39,18 +39,9 @@
|
|
|
39
39
|
$placeholder: $placeholder,
|
|
40
40
|
$overrides: (
|
|
41
41
|
default: (
|
|
42
|
-
padding: cx-top($padding)
|
|
43
|
-
cx-calc(
|
|
44
|
-
cx-right($padding),
|
|
45
|
-
$cx-default-clear-size,
|
|
46
|
-
$cx-default-clear-spacing
|
|
47
|
-
)
|
|
42
|
+
padding: cx-top($padding) cx-calc(cx-top($padding), $cx-default-clear-size, $cx-default-clear-spacing)
|
|
48
43
|
cx-bottom($padding)
|
|
49
|
-
cx-calc(
|
|
50
|
-
cx-left($padding),
|
|
51
|
-
$cx-default-input-left-tool-size,
|
|
52
|
-
$cx-default-input-left-tool-spacing
|
|
53
|
-
),
|
|
44
|
+
cx-calc(cx-top($padding), $cx-default-input-left-tool-size, $cx-default-input-left-tool-spacing),
|
|
54
45
|
)
|
|
55
46
|
)
|
|
56
47
|
);
|
|
@@ -31,11 +31,7 @@
|
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
.#{$element}#{$name}-input {
|
|
34
|
-
@include cxe-field-input(
|
|
35
|
-
$besm,
|
|
36
|
-
$state-style-map,
|
|
37
|
-
$placeholder: $placeholder
|
|
38
|
-
);
|
|
34
|
+
@include cxe-field-input($besm, $state-style-map, $placeholder: $placeholder);
|
|
39
35
|
|
|
40
36
|
&::-webkit-inner-spin-button,
|
|
41
37
|
&::-webkit-outer-spin-button {
|
|
@@ -44,11 +40,7 @@
|
|
|
44
40
|
}
|
|
45
41
|
|
|
46
42
|
.#{$state}icon > & {
|
|
47
|
-
padding-left: cx-calc(
|
|
48
|
-
cx-left($padding),
|
|
49
|
-
$cx-default-input-left-tool-size,
|
|
50
|
-
$cx-default-input-left-tool-spacing
|
|
51
|
-
);
|
|
43
|
+
padding-left: cx-calc(cx-top($padding), $cx-default-input-left-tool-size, $cx-default-input-left-tool-spacing);
|
|
52
44
|
}
|
|
53
45
|
}
|
|
54
46
|
|
|
@@ -27,12 +27,7 @@
|
|
|
27
27
|
$mod: map.get($besm, mod);
|
|
28
28
|
|
|
29
29
|
.#{$block}#{$name} {
|
|
30
|
-
@include cxb-field(
|
|
31
|
-
$besm,
|
|
32
|
-
$state-style-map: $state-style-map,
|
|
33
|
-
$width: $width,
|
|
34
|
-
$input: true
|
|
35
|
-
);
|
|
30
|
+
@include cxb-field($besm, $state-style-map: $state-style-map, $width: $width, $input: true);
|
|
36
31
|
|
|
37
32
|
.#{$element}#{$name}-left-icon {
|
|
38
33
|
pointer-events: none;
|
|
@@ -49,11 +44,7 @@
|
|
|
49
44
|
$placeholder: $placeholder,
|
|
50
45
|
$overrides: (
|
|
51
46
|
padding: $cx-default-input-padding-top
|
|
52
|
-
calc(
|
|
53
|
-
#{$cx-default-input-padding-right} +
|
|
54
|
-
#{$cx-default-clear-size} -
|
|
55
|
-
#{$cx-default-input-padding-right}
|
|
56
|
-
)
|
|
47
|
+
calc(#{$cx-default-input-padding-right} + #{$cx-default-clear-size} - #{$cx-default-input-padding-right})
|
|
57
48
|
$cx-default-input-padding-bottom $cx-default-input-padding-left,
|
|
58
49
|
-webkit-appearance: none,
|
|
59
50
|
-moz-appearance: none,
|
|
@@ -63,11 +54,7 @@
|
|
|
63
54
|
);
|
|
64
55
|
|
|
65
56
|
.#{$state}icon > & {
|
|
66
|
-
padding-left: cx-calc(
|
|
67
|
-
cx-left($padding),
|
|
68
|
-
$cx-default-input-left-tool-size,
|
|
69
|
-
$cx-default-input-left-tool-spacing
|
|
70
|
-
);
|
|
57
|
+
padding-left: cx-calc(cx-top($padding), $cx-default-input-left-tool-size, $cx-default-input-left-tool-spacing);
|
|
71
58
|
}
|
|
72
59
|
|
|
73
60
|
.#{$state}empty > & {
|
|
@@ -32,26 +32,14 @@
|
|
|
32
32
|
$padding: cx-get-state-rule($state-style-map, default, "padding");
|
|
33
33
|
|
|
34
34
|
.#{$element}#{$name}-input {
|
|
35
|
-
@include cxe-field-input(
|
|
36
|
-
$besm,
|
|
37
|
-
$state-style-map,
|
|
38
|
-
$placeholder: $placeholder
|
|
39
|
-
);
|
|
35
|
+
@include cxe-field-input($besm, $state-style-map, $placeholder: $placeholder);
|
|
40
36
|
|
|
41
37
|
.#{$state}icon > & {
|
|
42
|
-
padding-left: cx-calc(
|
|
43
|
-
cx-left($padding),
|
|
44
|
-
$cx-default-input-left-tool-size,
|
|
45
|
-
$cx-default-input-left-tool-spacing
|
|
46
|
-
);
|
|
38
|
+
padding-left: cx-calc(cx-top($padding), $cx-default-input-left-tool-size, $cx-default-input-left-tool-spacing);
|
|
47
39
|
}
|
|
48
40
|
|
|
49
41
|
.#{$state}clear > & {
|
|
50
|
-
padding-right: cx-calc(
|
|
51
|
-
cx-right($padding),
|
|
52
|
-
$cx-default-clear-size,
|
|
53
|
-
$cx-default-clear-spacing
|
|
54
|
-
);
|
|
42
|
+
padding-right: cx-calc(cx-top($padding), $cx-default-clear-size, $cx-default-clear-spacing);
|
|
55
43
|
}
|
|
56
44
|
}
|
|
57
45
|
|