jrs-react 1.2.30 → 1.2.31
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/index.es.js
CHANGED
|
@@ -3957,6 +3957,9 @@ const FreeType = ({
|
|
|
3957
3957
|
}
|
|
3958
3958
|
};
|
|
3959
3959
|
const StyledJRFrame = styled.div`
|
|
3960
|
+
color:#525252;
|
|
3961
|
+
background:white;
|
|
3962
|
+
|
|
3960
3963
|
position:relative;
|
|
3961
3964
|
display:flex;
|
|
3962
3965
|
flex:1;
|
|
@@ -4008,7 +4011,7 @@ class JRFrame extends JRSubmit {
|
|
|
4008
4011
|
return /*#__PURE__*/React__default.createElement(StyledJRFrame, {
|
|
4009
4012
|
id: this.props.id,
|
|
4010
4013
|
style: this.props.style,
|
|
4011
|
-
className: `jr-frame`
|
|
4014
|
+
className: `jr-frame ${this.props.popup !== true ? this.props.className : ''}`
|
|
4012
4015
|
}, /*#__PURE__*/React__default.createElement(FreeType, {
|
|
4013
4016
|
tag: "div",
|
|
4014
4017
|
config: this.props.start,
|
|
@@ -4737,7 +4740,6 @@ function styleInject(css, ref) {
|
|
|
4737
4740
|
}
|
|
4738
4741
|
|
|
4739
4742
|
var css_248z = ".Style-module_test__LrdEc{border:1px solid red;color:red}.Style-module_withMask__LPcai{overflow:hidden!important;position:relative;user-select:none;&:after{a:#868686cc;background:#868686cc;border-radius:inherit;bottom:0;content:\"\";height:10000px;left:0;position:absolute;right:0;top:0;width:10000px}}mask{background:#868686cc;border-radius:inherit;bottom:0;height:10000px;left:0;position:absolute;right:0;top:0;width:10000px}";
|
|
4740
|
-
var style = {"test":"Style-module_test__LrdEc","withMask":"Style-module_withMask__LPcai"};
|
|
4741
4743
|
styleInject(css_248z);
|
|
4742
4744
|
|
|
4743
4745
|
const StyledJRWindow = styled.div`
|
|
@@ -4813,11 +4815,8 @@ class JRWindow extends JRFrame {
|
|
|
4813
4815
|
this.mask.style.height = '10000px';
|
|
4814
4816
|
this.mask.style.width = '10000px';
|
|
4815
4817
|
target.appendChild(this.mask);
|
|
4816
|
-
po('style.mask', style.mask);
|
|
4817
|
-
po('addMask+++++++++++++++++++++++++++');
|
|
4818
4818
|
};
|
|
4819
4819
|
removeMaskFromTarget = () => {
|
|
4820
|
-
po('removeMask-----------------------');
|
|
4821
4820
|
this.mask.remove();
|
|
4822
4821
|
};
|
|
4823
4822
|
backdropOn(on) {
|
|
@@ -5351,8 +5350,6 @@ const StyledJRTable = styled.div`
|
|
|
5351
5350
|
--column-b-hover-color:#eeeeee;
|
|
5352
5351
|
|
|
5353
5352
|
position: relative;
|
|
5354
|
-
background: var(--column-b-color);
|
|
5355
|
-
border:1px solid var(--column-bd-color);
|
|
5356
5353
|
|
|
5357
5354
|
display:flex;
|
|
5358
5355
|
flex-direction: column;
|
|
@@ -5392,7 +5389,6 @@ const StyledJRTable = styled.div`
|
|
|
5392
5389
|
padding: 2px 6px;
|
|
5393
5390
|
background: linear-gradient(180deg, rgba(227, 227, 226, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(210, 210, 210, 1) 100%);
|
|
5394
5391
|
box-shadow: 2px 2px 2px 0 #ffffffd6 inset, -1px -1px 2px 0px #8a847dbf inset;
|
|
5395
|
-
color: #525252;
|
|
5396
5392
|
white-space: nowrap;
|
|
5397
5393
|
}
|
|
5398
5394
|
}
|
|
@@ -5401,21 +5397,10 @@ const StyledJRTable = styled.div`
|
|
|
5401
5397
|
position: sticky;
|
|
5402
5398
|
bottom: -1px;
|
|
5403
5399
|
|
|
5404
|
-
Xtr:nth-child(1){
|
|
5405
|
-
th{
|
|
5406
|
-
Xborder-top:1px solid var(--column-bd-color);
|
|
5407
|
-
}
|
|
5408
|
-
}
|
|
5409
|
-
Xth:nth-child(1){
|
|
5410
|
-
Xborder-left:1px solid var(--column-bd-color);
|
|
5411
|
-
}
|
|
5412
|
-
|
|
5413
5400
|
th{
|
|
5414
5401
|
height:32px;
|
|
5415
5402
|
padding: 4px;
|
|
5416
5403
|
background: #e4e4e4;
|
|
5417
|
-
xbackground: linear-gradient(180deg, rgba(227, 227, 226, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(210, 210, 210, 1) 100%);
|
|
5418
|
-
xbox-shadow: 2px 2px 2px 0 #ffffffd6 inset, -1px -1px 2px 0px #8a847dbf inset;
|
|
5419
5404
|
color: #525252;
|
|
5420
5405
|
white-space: nowrap;
|
|
5421
5406
|
|
|
@@ -5429,7 +5414,6 @@ const StyledJRTable = styled.div`
|
|
|
5429
5414
|
tbody{
|
|
5430
5415
|
tr{
|
|
5431
5416
|
transition: background .3s linear;
|
|
5432
|
-
background:var(--column-b-color);
|
|
5433
5417
|
a:#ededed;
|
|
5434
5418
|
th{
|
|
5435
5419
|
color:#444444;
|
|
@@ -5442,7 +5426,6 @@ const StyledJRTable = styled.div`
|
|
|
5442
5426
|
}
|
|
5443
5427
|
tr:hover{
|
|
5444
5428
|
background:var(--column-b-hover-color);
|
|
5445
|
-
|
|
5446
5429
|
}
|
|
5447
5430
|
|
|
5448
5431
|
tr.jr-group-header
|
package/build/index.js
CHANGED
|
@@ -3984,6 +3984,9 @@ const FreeType = ({
|
|
|
3984
3984
|
}
|
|
3985
3985
|
};
|
|
3986
3986
|
const StyledJRFrame = styled__default["default"].div`
|
|
3987
|
+
color:#525252;
|
|
3988
|
+
background:white;
|
|
3989
|
+
|
|
3987
3990
|
position:relative;
|
|
3988
3991
|
display:flex;
|
|
3989
3992
|
flex:1;
|
|
@@ -4035,7 +4038,7 @@ class JRFrame extends JRSubmit {
|
|
|
4035
4038
|
return /*#__PURE__*/React__default["default"].createElement(StyledJRFrame, {
|
|
4036
4039
|
id: this.props.id,
|
|
4037
4040
|
style: this.props.style,
|
|
4038
|
-
className: `jr-frame`
|
|
4041
|
+
className: `jr-frame ${this.props.popup !== true ? this.props.className : ''}`
|
|
4039
4042
|
}, /*#__PURE__*/React__default["default"].createElement(FreeType, {
|
|
4040
4043
|
tag: "div",
|
|
4041
4044
|
config: this.props.start,
|
|
@@ -4764,7 +4767,6 @@ function styleInject(css, ref) {
|
|
|
4764
4767
|
}
|
|
4765
4768
|
|
|
4766
4769
|
var css_248z = ".Style-module_test__LrdEc{border:1px solid red;color:red}.Style-module_withMask__LPcai{overflow:hidden!important;position:relative;user-select:none;&:after{a:#868686cc;background:#868686cc;border-radius:inherit;bottom:0;content:\"\";height:10000px;left:0;position:absolute;right:0;top:0;width:10000px}}mask{background:#868686cc;border-radius:inherit;bottom:0;height:10000px;left:0;position:absolute;right:0;top:0;width:10000px}";
|
|
4767
|
-
var style = {"test":"Style-module_test__LrdEc","withMask":"Style-module_withMask__LPcai"};
|
|
4768
4770
|
styleInject(css_248z);
|
|
4769
4771
|
|
|
4770
4772
|
const StyledJRWindow = styled__default["default"].div`
|
|
@@ -4840,11 +4842,8 @@ class JRWindow extends JRFrame {
|
|
|
4840
4842
|
this.mask.style.height = '10000px';
|
|
4841
4843
|
this.mask.style.width = '10000px';
|
|
4842
4844
|
target.appendChild(this.mask);
|
|
4843
|
-
po('style.mask', style.mask);
|
|
4844
|
-
po('addMask+++++++++++++++++++++++++++');
|
|
4845
4845
|
};
|
|
4846
4846
|
removeMaskFromTarget = () => {
|
|
4847
|
-
po('removeMask-----------------------');
|
|
4848
4847
|
this.mask.remove();
|
|
4849
4848
|
};
|
|
4850
4849
|
backdropOn(on) {
|
|
@@ -5378,8 +5377,6 @@ const StyledJRTable = styled__default["default"].div`
|
|
|
5378
5377
|
--column-b-hover-color:#eeeeee;
|
|
5379
5378
|
|
|
5380
5379
|
position: relative;
|
|
5381
|
-
background: var(--column-b-color);
|
|
5382
|
-
border:1px solid var(--column-bd-color);
|
|
5383
5380
|
|
|
5384
5381
|
display:flex;
|
|
5385
5382
|
flex-direction: column;
|
|
@@ -5419,7 +5416,6 @@ const StyledJRTable = styled__default["default"].div`
|
|
|
5419
5416
|
padding: 2px 6px;
|
|
5420
5417
|
background: linear-gradient(180deg, rgba(227, 227, 226, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(210, 210, 210, 1) 100%);
|
|
5421
5418
|
box-shadow: 2px 2px 2px 0 #ffffffd6 inset, -1px -1px 2px 0px #8a847dbf inset;
|
|
5422
|
-
color: #525252;
|
|
5423
5419
|
white-space: nowrap;
|
|
5424
5420
|
}
|
|
5425
5421
|
}
|
|
@@ -5428,21 +5424,10 @@ const StyledJRTable = styled__default["default"].div`
|
|
|
5428
5424
|
position: sticky;
|
|
5429
5425
|
bottom: -1px;
|
|
5430
5426
|
|
|
5431
|
-
Xtr:nth-child(1){
|
|
5432
|
-
th{
|
|
5433
|
-
Xborder-top:1px solid var(--column-bd-color);
|
|
5434
|
-
}
|
|
5435
|
-
}
|
|
5436
|
-
Xth:nth-child(1){
|
|
5437
|
-
Xborder-left:1px solid var(--column-bd-color);
|
|
5438
|
-
}
|
|
5439
|
-
|
|
5440
5427
|
th{
|
|
5441
5428
|
height:32px;
|
|
5442
5429
|
padding: 4px;
|
|
5443
5430
|
background: #e4e4e4;
|
|
5444
|
-
xbackground: linear-gradient(180deg, rgba(227, 227, 226, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(210, 210, 210, 1) 100%);
|
|
5445
|
-
xbox-shadow: 2px 2px 2px 0 #ffffffd6 inset, -1px -1px 2px 0px #8a847dbf inset;
|
|
5446
5431
|
color: #525252;
|
|
5447
5432
|
white-space: nowrap;
|
|
5448
5433
|
|
|
@@ -5456,7 +5441,6 @@ const StyledJRTable = styled__default["default"].div`
|
|
|
5456
5441
|
tbody{
|
|
5457
5442
|
tr{
|
|
5458
5443
|
transition: background .3s linear;
|
|
5459
|
-
background:var(--column-b-color);
|
|
5460
5444
|
a:#ededed;
|
|
5461
5445
|
th{
|
|
5462
5446
|
color:#444444;
|
|
@@ -5469,7 +5453,6 @@ const StyledJRTable = styled__default["default"].div`
|
|
|
5469
5453
|
}
|
|
5470
5454
|
tr:hover{
|
|
5471
5455
|
background:var(--column-b-hover-color);
|
|
5472
|
-
|
|
5473
5456
|
}
|
|
5474
5457
|
|
|
5475
5458
|
tr.jr-group-header
|
package/package.json
CHANGED
|
@@ -18,6 +18,9 @@ export const FreeType=({tag:Tag,config,me,className})=>{
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
const StyledJRFrame=styled.div`
|
|
21
|
+
color:#525252;
|
|
22
|
+
background:white;
|
|
23
|
+
|
|
21
24
|
position:relative;
|
|
22
25
|
display:flex;
|
|
23
26
|
flex:1;
|
|
@@ -68,7 +71,9 @@ export default class JRFrame extends JRSubmit {
|
|
|
68
71
|
}
|
|
69
72
|
:null
|
|
70
73
|
renderer(){
|
|
71
|
-
return <StyledJRFrame id={this.props.id} style={this.props.style}
|
|
74
|
+
return <StyledJRFrame id={this.props.id} style={this.props.style}
|
|
75
|
+
className={`jr-frame ${(this.props.popup!==true )? this.props.className:''}`}
|
|
76
|
+
>
|
|
72
77
|
<FreeType tag='div' config={this.props.start} me={this} className={'start'}/>
|
|
73
78
|
<main>
|
|
74
79
|
<FreeType tag='header' config={this.props.top} me={this}/>
|
|
@@ -6,8 +6,6 @@ export const StyledJRTable=styled.div`
|
|
|
6
6
|
--column-b-hover-color:#eeeeee;
|
|
7
7
|
|
|
8
8
|
position: relative;
|
|
9
|
-
background: var(--column-b-color);
|
|
10
|
-
border:1px solid var(--column-bd-color);
|
|
11
9
|
|
|
12
10
|
display:flex;
|
|
13
11
|
flex-direction: column;
|
|
@@ -47,7 +45,6 @@ export const StyledJRTable=styled.div`
|
|
|
47
45
|
padding: 2px 6px;
|
|
48
46
|
background: linear-gradient(180deg, rgba(227, 227, 226, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(210, 210, 210, 1) 100%);
|
|
49
47
|
box-shadow: 2px 2px 2px 0 #ffffffd6 inset, -1px -1px 2px 0px #8a847dbf inset;
|
|
50
|
-
color: #525252;
|
|
51
48
|
white-space: nowrap;
|
|
52
49
|
}
|
|
53
50
|
}
|
|
@@ -56,21 +53,10 @@ export const StyledJRTable=styled.div`
|
|
|
56
53
|
position: sticky;
|
|
57
54
|
bottom: -1px;
|
|
58
55
|
|
|
59
|
-
Xtr:nth-child(1){
|
|
60
|
-
th{
|
|
61
|
-
Xborder-top:1px solid var(--column-bd-color);
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
Xth:nth-child(1){
|
|
65
|
-
Xborder-left:1px solid var(--column-bd-color);
|
|
66
|
-
}
|
|
67
|
-
|
|
68
56
|
th{
|
|
69
57
|
height:32px;
|
|
70
58
|
padding: 4px;
|
|
71
59
|
background: #e4e4e4;
|
|
72
|
-
xbackground: linear-gradient(180deg, rgba(227, 227, 226, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(210, 210, 210, 1) 100%);
|
|
73
|
-
xbox-shadow: 2px 2px 2px 0 #ffffffd6 inset, -1px -1px 2px 0px #8a847dbf inset;
|
|
74
60
|
color: #525252;
|
|
75
61
|
white-space: nowrap;
|
|
76
62
|
|
|
@@ -84,7 +70,6 @@ export const StyledJRTable=styled.div`
|
|
|
84
70
|
tbody{
|
|
85
71
|
tr{
|
|
86
72
|
transition: background .3s linear;
|
|
87
|
-
background:var(--column-b-color);
|
|
88
73
|
a:#ededed;
|
|
89
74
|
th{
|
|
90
75
|
color:#444444;
|
|
@@ -97,7 +82,6 @@ export const StyledJRTable=styled.div`
|
|
|
97
82
|
}
|
|
98
83
|
tr:hover{
|
|
99
84
|
background:var(--column-b-hover-color);
|
|
100
|
-
|
|
101
85
|
}
|
|
102
86
|
|
|
103
87
|
tr.jr-group-header
|
|
@@ -73,11 +73,8 @@ export default class JRWindow extends JRFrame {
|
|
|
73
73
|
this.mask.style.height='10000px'
|
|
74
74
|
this.mask.style.width='10000px'
|
|
75
75
|
target.appendChild(this.mask)
|
|
76
|
-
po('style.mask',style.mask)
|
|
77
|
-
po('addMask+++++++++++++++++++++++++++')
|
|
78
76
|
}
|
|
79
77
|
removeMaskFromTarget=()=>{
|
|
80
|
-
po('removeMask-----------------------')
|
|
81
78
|
this.mask.remove()
|
|
82
79
|
}
|
|
83
80
|
|