@signalplus/params-about 0.1.22 → 0.1.25
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/lib/css/Bool.scss +4 -0
- package/lib/css/Expiries.scss +6 -6
- package/lib/css/ExpiriesLimit.scss +6 -0
- package/lib/css/Num.scss +1 -0
- package/lib/css/NumRange.scss +1 -0
- package/lib/css/ParamForm/index.scss +5 -1
- package/lib/css/index.css +1 -1
- package/lib/css/var.scss +1 -0
- package/lib/es/index.js +27 -12
- package/package.json +1 -1
package/lib/css/Bool.scss
CHANGED
package/lib/css/Expiries.scss
CHANGED
|
@@ -5,8 +5,7 @@
|
|
|
5
5
|
flex: 1;
|
|
6
6
|
max-width: 100%;
|
|
7
7
|
min-width: calc(7em + 24px + 2px);
|
|
8
|
-
|
|
9
|
-
padding: 0 calc(1em + 14px) 0 10px;
|
|
8
|
+
padding: calc((#{$input-height} - 22px) / 2) calc(1em + 14px) calc((#{$input-height} - 22px) / 2) 10px;
|
|
10
9
|
line-height: 0;
|
|
11
10
|
border: 1px solid $border-color;
|
|
12
11
|
border-radius: 2px;
|
|
@@ -14,7 +13,7 @@
|
|
|
14
13
|
background: $bg;
|
|
15
14
|
|
|
16
15
|
&.readonly {
|
|
17
|
-
padding: 0;
|
|
16
|
+
padding: calc((#{$input-readonly-height} - 20px) / 2) 0;
|
|
18
17
|
border-color: transparent;
|
|
19
18
|
overflow: initial;
|
|
20
19
|
white-space: initial;
|
|
@@ -39,13 +38,14 @@
|
|
|
39
38
|
|
|
40
39
|
.param-expiries-val {
|
|
41
40
|
display: inline-block;
|
|
42
|
-
margin:
|
|
41
|
+
margin: 0 6px 0 0;
|
|
43
42
|
line-height: 20px;
|
|
43
|
+
white-space: initial;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.param-expiries-placeholder {
|
|
47
47
|
display: inline-block;
|
|
48
|
-
margin:
|
|
48
|
+
margin: 0 6px 0 0;
|
|
49
49
|
line-height: 20px;
|
|
50
50
|
color: $placeholder-color;
|
|
51
51
|
max-width: 100%;
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
|
|
57
57
|
.param-expiries-multi-val {
|
|
58
58
|
display: inline-block;
|
|
59
|
-
margin:
|
|
59
|
+
margin: 0 6px 0 0;
|
|
60
60
|
padding: 0 3px 0 8px;
|
|
61
61
|
line-height: 20px;
|
|
62
62
|
border-radius: 2px;
|
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
.param-expiries-limit {
|
|
4
4
|
padding: calc((#{$input-height} - 20px) / 2) 0;
|
|
5
5
|
|
|
6
|
+
&.readonly {
|
|
7
|
+
padding: calc((#{$input-readonly-height} - 20px) / 2) 0;
|
|
8
|
+
}
|
|
9
|
+
|
|
6
10
|
.param-number-range {
|
|
7
11
|
margin: 0 0 0 10px;
|
|
8
12
|
}
|
|
@@ -38,6 +42,8 @@
|
|
|
38
42
|
|
|
39
43
|
.param-expiries, .param-number-range, .param-arr-ops {
|
|
40
44
|
height: 30px;
|
|
45
|
+
padding-top: 0;
|
|
46
|
+
padding-right: 0;
|
|
41
47
|
margin: 0;
|
|
42
48
|
|
|
43
49
|
&.readonly {
|
package/lib/css/Num.scss
CHANGED
package/lib/css/NumRange.scss
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@import "../var";
|
|
2
2
|
@import "./ParentSelector";
|
|
3
3
|
|
|
4
|
-
.param-form, .param-value-editor {
|
|
4
|
+
.param-form, .param-value-editor, .param-group-editor, .param-mover {
|
|
5
5
|
|
|
6
6
|
&.param-value-editor {
|
|
7
7
|
|
|
@@ -49,6 +49,10 @@
|
|
|
49
49
|
font-size: 12px;
|
|
50
50
|
line-height: 14px;
|
|
51
51
|
}
|
|
52
|
+
|
|
53
|
+
.react-file-name {
|
|
54
|
+
display: none !important;
|
|
55
|
+
}
|
|
52
56
|
}
|
|
53
57
|
|
|
54
58
|
.param-image-upload.param-image-upload {
|
package/lib/css/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.param-parent-selector.readonly .ant-select-selector{padding:0 !important;border-color:transparent !important;background:transparent !important;cursor:initial !important}.param-parent-selector.readonly .ant-select-selection-item{color:#333 !important}.param-parent-selector.readonly .ant-select-arrow{display:none !important}.param-form.param-value-editor .ant-form-item-label,.param-value-editor.param-value-editor .ant-form-item-label{width:100px}.param-form .ant-form-item-label,.param-value-editor .ant-form-item-label{width:80px;padding:0 15px 0 0}.param-form .ant-form-item-label>label,.param-value-editor .ant-form-item-label>label{height:40px}.param-form .ant-form-item-label>label:after,.param-value-editor .ant-form-item-label>label:after{content:none !important}.param-form input.ant-input.ant-input,.param-form .ant-select-selector.ant-select-selector,.param-form .ant-cascader.ant-cascader,.param-value-editor input.ant-input.ant-input,.param-value-editor .ant-select-selector.ant-select-selector,.param-value-editor .ant-cascader.ant-cascader{height:40px !important}.param-form input.ant-input.ant-input input,.param-form input.ant-input.ant-input .ant-select-selection-placeholder,.param-form input.ant-input.ant-input .ant-select-selection-item,.param-form .ant-select-selector.ant-select-selector input,.param-form .ant-select-selector.ant-select-selector .ant-select-selection-placeholder,.param-form .ant-select-selector.ant-select-selector .ant-select-selection-item,.param-form .ant-cascader.ant-cascader input,.param-form .ant-cascader.ant-cascader .ant-select-selection-placeholder,.param-form .ant-cascader.ant-cascader .ant-select-selection-item,.param-value-editor input.ant-input.ant-input input,.param-value-editor input.ant-input.ant-input .ant-select-selection-placeholder,.param-value-editor input.ant-input.ant-input .ant-select-selection-item,.param-value-editor .ant-select-selector.ant-select-selector input,.param-value-editor .ant-select-selector.ant-select-selector .ant-select-selection-placeholder,.param-value-editor .ant-select-selector.ant-select-selector .ant-select-selection-item,.param-value-editor .ant-cascader.ant-cascader input,.param-value-editor .ant-cascader.ant-cascader .ant-select-selection-placeholder,.param-value-editor .ant-cascader.ant-cascader .ant-select-selection-item{height:calc(40px - 2px) !important;line-height:calc(40px - 2px) !important}.param-form textarea.ant-input.ant-input,.param-value-editor textarea.ant-input.ant-input{height:100px;min-height:40px;padding:9px 10px}.param-form .ant-form-item.ant-form-item:not(.ant-form-item-with-help),.param-value-editor .ant-form-item.ant-form-item:not(.ant-form-item-with-help){margin:0 0 12px}.param-form .ant-form-item-explain.ant-form-item-explain,.param-value-editor .ant-form-item-explain.ant-form-item-explain{height:auto;min-height:auto;margin:0 0 12px;font-size:12px;line-height:14px}.param-image-upload.param-image-upload .react-file-input{border-color:#d9d9d9}.param-bool{flex:1;display:flex;align-items:center;height:40px}.param-bool-option{display:inline-flex;align-items:center;margin:0 16px 0 0;cursor:pointer}.param-bool-option>svg{margin:0 5px 0 0}.param-expiries{position:relative;flex:1;max-width:100%;min-width:calc(7em + 24px + 2px);height:40px;padding:0 calc(1em + 14px) 0 10px;line-height:0;border:1px solid #d9d9d9;border-radius:2px;cursor:pointer;background:#fff}.param-expiries.readonly{padding:0;border-color:transparent;overflow:initial;white-space:initial;cursor:default;background:transparent}.param-expiries.multiple{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.param-expiries-arrow{position:absolute;top:50%;right:7px;margin:-0.5em 0 0;color:#d9d9d9 !important}.param-expiries-val{display:inline-block;margin:calc((40px - 20px - 2px) / 2) 6px 0 0;line-height:20px}.param-expiries-placeholder{display:inline-block;margin:calc((40px - 20px - 2px) / 2) 6px 0 0;line-height:20px;color:rgba(0,0,0,0.25);max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.param-expiries-multi-val{display:inline-block;margin:calc((40px - 20px - 2px) / 2) 6px 0 0;padding:0 3px 0 8px;line-height:20px;border-radius:2px;background:rgba(0,0,0,0.1)}.param-expiries-multi-val svg{display:inline-block;margin:0 0 0 4px;color:#999;cursor:pointer}.param-expiries-popover .ant-popover-inner-content{max-height:50vh;overflow-y:auto}.param-expiries-option{display:flex;align-items:center;justify-content:space-between;width:240px;margin:0 -16px;padding:0 16px;line-height:30px;color:rgba(51,51,51,0.6);cursor:pointer}.param-expiries-option.param-expiries-option-checked{font-weight:bold;color:#333}.param-expiries-option.param-expiries-option-disabled{cursor:not-allowed;opacity:0.5}.param-expiries-option:hover{color:#333;background:rgba(0,0,0,0.1)}.param-expiries-option svg{color:#57be6a}.param-expiries-limit{padding:calc((40px - 20px) / 2) 0}.param-expiries-limit .param-number-range{margin:0 0 0 10px}.param-expiries-limit .param-number-range-prefix{display:none}.param-expiries-limit .param-number-suffix{padding:0 7px}.param-expiries-limit-val{display:block}.param-expiries-limit-val:after{content:';'}.param-expiries-limit-val-sep{padding:0 4px;color:#999}.param-expiries-limit-inputs{display:grid;grid-row-gap:10px;grid-column-gap:10px;grid-template-rows:auto;grid-template-columns:auto auto auto auto}.param-expiries-limit-inputs .param-expiries,.param-expiries-limit-inputs .param-number-range,.param-expiries-limit-inputs .param-arr-ops{height:30px;margin:0}.param-expiries-limit-inputs .param-expiries.readonly,.param-expiries-limit-inputs .param-number-range.readonly,.param-expiries-limit-inputs .param-arr-ops.readonly{height:20px;line-height:18px}.param-expiries-limit-inputs .param-expiries.readonly .param-expiries-val,.param-expiries-limit-inputs .param-number-range.readonly .param-expiries-val,.param-expiries-limit-inputs .param-arr-ops.readonly .param-expiries-val{margin-top:0}.param-expiries-limit-inputs .param-expiries .param-expiries-placeholder,.param-expiries-limit-inputs .param-expiries .param-expiries-val,.param-expiries-limit-inputs .param-number-range .param-expiries-placeholder,.param-expiries-limit-inputs .param-number-range .param-expiries-val,.param-expiries-limit-inputs .param-arr-ops .param-expiries-placeholder,.param-expiries-limit-inputs .param-arr-ops .param-expiries-val{margin-top:4px}.param-expiries-limit-inputs .param-expiries .param-number-range-sep,.param-expiries-limit-inputs .param-number-range .param-number-range-sep,.param-expiries-limit-inputs .param-arr-ops .param-number-range-sep{margin:0 6px}.param-expiries-limit-inputs .param-arr-ops{padding:0}.param-expiries-popover{padding:0 !important}.param-expiries-popover .ant-popover-arrow{display:none}.param-number{flex:1;display:flex;align-items:center;height:40px}.param-number.readonly .param-number-suffix{padding:0;margin:0 0 0 1px;border:none;background:none}.param-number-val{position:relative;z-index:1;margin:0}.param-number-suffix{display:flex;align-items:center;justify-content:center;position:relative;z-index:0;flex:none;height:100%;padding:0 14px;margin:0 0 0 -2px;border-radius:2px;border:1px solid #d9d9d9;background:#f2f2f2}.param-number-range{flex:1;display:flex;align-items:center;height:40px}.param-number-range .param-number{height:100%}.param-number-range.readonly .param-number{flex:none}.param-number-range .param-number-range-prefix{margin:0 8px 0 0}.param-number-range .param-number-range-sep{margin:0 10px}.param-text-array{padding:calc((40px - 30px) / 2) 0}.param-arr-item{display:flex;align-items:center;height:30px;margin:0 0 4px}.param-arr-item>input{flex:none;width:160px}.param-arr-ops{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;height:100%;padding:0 10px}.param-arr-ops .param-arr-ops-add,.param-arr-ops .param-arr-ops-del{display:flex;align-items:center;justify-content:center;width:30px;height:100%;border-radius:4px;color:#006FA7}.param-arr-ops .param-arr-ops-add:hover,.param-arr-ops .param-arr-ops-del:hover{background:rgba(0,0,0,0.1)}.param-arr-ops .param-arr-ops-del{color:#d51414}.param-renderer{box-sizing:border-box;margin:0;line-height:20px;color:#333}.param-renderer.readonly input,.param-renderer.readonly select,.param-renderer.readonly .select{padding:0;border:none;box-shadow:none}.param-renderer *{box-sizing:border-box}.param-renderer input,.param-renderer select,.param-renderer .select{flex:1;width:50px;height:100%;padding:0 10px;border:1px solid #d9d9d9;border-radius:2px;outline:none;box-shadow:none;background:#fff}.param-renderer input::placeholder,.param-renderer select::placeholder,.param-renderer .select::placeholder{color:rgba(0,0,0,0.25)}.param-renderer input:hover,.param-renderer select:hover,.param-renderer .select:hover{border-color:#006FA7}.param-renderer input:focus,.param-renderer select:focus,.param-renderer .select:focus{border-color:#006FA7;box-shadow:0 0 0 2px rgba(0,111,167,0.1)}
|
|
1
|
+
.param-parent-selector.readonly .ant-select-selector{padding:0 !important;border-color:transparent !important;background:transparent !important;cursor:initial !important}.param-parent-selector.readonly .ant-select-selection-item{color:#333 !important}.param-parent-selector.readonly .ant-select-arrow{display:none !important}.param-form.param-value-editor .ant-form-item-label,.param-value-editor.param-value-editor .ant-form-item-label,.param-group-editor.param-value-editor .ant-form-item-label,.param-mover.param-value-editor .ant-form-item-label{width:100px}.param-form .ant-form-item-label,.param-value-editor .ant-form-item-label,.param-group-editor .ant-form-item-label,.param-mover .ant-form-item-label{width:80px;padding:0 15px 0 0}.param-form .ant-form-item-label>label,.param-value-editor .ant-form-item-label>label,.param-group-editor .ant-form-item-label>label,.param-mover .ant-form-item-label>label{height:40px}.param-form .ant-form-item-label>label:after,.param-value-editor .ant-form-item-label>label:after,.param-group-editor .ant-form-item-label>label:after,.param-mover .ant-form-item-label>label:after{content:none !important}.param-form input.ant-input.ant-input,.param-form .ant-select-selector.ant-select-selector,.param-form .ant-cascader.ant-cascader,.param-value-editor input.ant-input.ant-input,.param-value-editor .ant-select-selector.ant-select-selector,.param-value-editor .ant-cascader.ant-cascader,.param-group-editor input.ant-input.ant-input,.param-group-editor .ant-select-selector.ant-select-selector,.param-group-editor .ant-cascader.ant-cascader,.param-mover input.ant-input.ant-input,.param-mover .ant-select-selector.ant-select-selector,.param-mover .ant-cascader.ant-cascader{height:40px !important}.param-form input.ant-input.ant-input input,.param-form input.ant-input.ant-input .ant-select-selection-placeholder,.param-form input.ant-input.ant-input .ant-select-selection-item,.param-form .ant-select-selector.ant-select-selector input,.param-form .ant-select-selector.ant-select-selector .ant-select-selection-placeholder,.param-form .ant-select-selector.ant-select-selector .ant-select-selection-item,.param-form .ant-cascader.ant-cascader input,.param-form .ant-cascader.ant-cascader .ant-select-selection-placeholder,.param-form .ant-cascader.ant-cascader .ant-select-selection-item,.param-value-editor input.ant-input.ant-input input,.param-value-editor input.ant-input.ant-input .ant-select-selection-placeholder,.param-value-editor input.ant-input.ant-input .ant-select-selection-item,.param-value-editor .ant-select-selector.ant-select-selector input,.param-value-editor .ant-select-selector.ant-select-selector .ant-select-selection-placeholder,.param-value-editor .ant-select-selector.ant-select-selector .ant-select-selection-item,.param-value-editor .ant-cascader.ant-cascader input,.param-value-editor .ant-cascader.ant-cascader .ant-select-selection-placeholder,.param-value-editor .ant-cascader.ant-cascader .ant-select-selection-item,.param-group-editor input.ant-input.ant-input input,.param-group-editor input.ant-input.ant-input .ant-select-selection-placeholder,.param-group-editor input.ant-input.ant-input .ant-select-selection-item,.param-group-editor .ant-select-selector.ant-select-selector input,.param-group-editor .ant-select-selector.ant-select-selector .ant-select-selection-placeholder,.param-group-editor .ant-select-selector.ant-select-selector .ant-select-selection-item,.param-group-editor .ant-cascader.ant-cascader input,.param-group-editor .ant-cascader.ant-cascader .ant-select-selection-placeholder,.param-group-editor .ant-cascader.ant-cascader .ant-select-selection-item,.param-mover input.ant-input.ant-input input,.param-mover input.ant-input.ant-input .ant-select-selection-placeholder,.param-mover input.ant-input.ant-input .ant-select-selection-item,.param-mover .ant-select-selector.ant-select-selector input,.param-mover .ant-select-selector.ant-select-selector .ant-select-selection-placeholder,.param-mover .ant-select-selector.ant-select-selector .ant-select-selection-item,.param-mover .ant-cascader.ant-cascader input,.param-mover .ant-cascader.ant-cascader .ant-select-selection-placeholder,.param-mover .ant-cascader.ant-cascader .ant-select-selection-item{height:calc(40px - 2px) !important;line-height:calc(40px - 2px) !important}.param-form textarea.ant-input.ant-input,.param-value-editor textarea.ant-input.ant-input,.param-group-editor textarea.ant-input.ant-input,.param-mover textarea.ant-input.ant-input{height:100px;min-height:40px;padding:9px 10px}.param-form .ant-form-item.ant-form-item:not(.ant-form-item-with-help),.param-value-editor .ant-form-item.ant-form-item:not(.ant-form-item-with-help),.param-group-editor .ant-form-item.ant-form-item:not(.ant-form-item-with-help),.param-mover .ant-form-item.ant-form-item:not(.ant-form-item-with-help){margin:0 0 12px}.param-form .ant-form-item-explain.ant-form-item-explain,.param-value-editor .ant-form-item-explain.ant-form-item-explain,.param-group-editor .ant-form-item-explain.ant-form-item-explain,.param-mover .ant-form-item-explain.ant-form-item-explain{height:auto;min-height:auto;margin:0 0 12px;font-size:12px;line-height:14px}.param-form .react-file-name,.param-value-editor .react-file-name,.param-group-editor .react-file-name,.param-mover .react-file-name{display:none !important}.param-image-upload.param-image-upload .react-file-input{border-color:#d9d9d9}.param-bool{flex:1;display:flex;align-items:center;height:40px}.param-bool.readonly{height:30px}.param-bool-option{display:inline-flex;align-items:center;margin:0 16px 0 0;cursor:pointer}.param-bool-option>svg{margin:0 5px 0 0}.param-expiries{position:relative;flex:1;max-width:100%;min-width:calc(7em + 24px + 2px);padding:calc((40px - 22px) / 2) calc(1em + 14px) calc((40px - 22px) / 2) 10px;line-height:0;border:1px solid #d9d9d9;border-radius:2px;cursor:pointer;background:#fff}.param-expiries.readonly{padding:calc((30px - 20px) / 2) 0;border-color:transparent;overflow:initial;white-space:initial;cursor:default;background:transparent}.param-expiries.multiple{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.param-expiries-arrow{position:absolute;top:50%;right:7px;margin:-0.5em 0 0;color:#d9d9d9 !important}.param-expiries-val{display:inline-block;margin:0 6px 0 0;line-height:20px;white-space:initial}.param-expiries-placeholder{display:inline-block;margin:0 6px 0 0;line-height:20px;color:rgba(0,0,0,0.25);max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.param-expiries-multi-val{display:inline-block;margin:0 6px 0 0;padding:0 3px 0 8px;line-height:20px;border-radius:2px;background:rgba(0,0,0,0.1)}.param-expiries-multi-val svg{display:inline-block;margin:0 0 0 4px;color:#999;cursor:pointer}.param-expiries-popover .ant-popover-inner-content{max-height:50vh;overflow-y:auto}.param-expiries-option{display:flex;align-items:center;justify-content:space-between;width:240px;margin:0 -16px;padding:0 16px;line-height:30px;color:rgba(51,51,51,0.6);cursor:pointer}.param-expiries-option.param-expiries-option-checked{font-weight:bold;color:#333}.param-expiries-option.param-expiries-option-disabled{cursor:not-allowed;opacity:0.5}.param-expiries-option:hover{color:#333;background:rgba(0,0,0,0.1)}.param-expiries-option svg{color:#57be6a}.param-expiries-limit{padding:calc((40px - 20px) / 2) 0}.param-expiries-limit.readonly{padding:calc((30px - 20px) / 2) 0}.param-expiries-limit .param-number-range{margin:0 0 0 10px}.param-expiries-limit .param-number-range-prefix{display:none}.param-expiries-limit .param-number-suffix{padding:0 7px}.param-expiries-limit-val{display:block}.param-expiries-limit-val:after{content:';'}.param-expiries-limit-val-sep{padding:0 4px;color:#999}.param-expiries-limit-inputs{display:grid;grid-row-gap:10px;grid-column-gap:10px;grid-template-rows:auto;grid-template-columns:auto auto auto auto}.param-expiries-limit-inputs .param-expiries,.param-expiries-limit-inputs .param-number-range,.param-expiries-limit-inputs .param-arr-ops{height:30px;padding-top:0;padding-right:0;margin:0}.param-expiries-limit-inputs .param-expiries.readonly,.param-expiries-limit-inputs .param-number-range.readonly,.param-expiries-limit-inputs .param-arr-ops.readonly{height:20px;line-height:18px}.param-expiries-limit-inputs .param-expiries.readonly .param-expiries-val,.param-expiries-limit-inputs .param-number-range.readonly .param-expiries-val,.param-expiries-limit-inputs .param-arr-ops.readonly .param-expiries-val{margin-top:0}.param-expiries-limit-inputs .param-expiries .param-expiries-placeholder,.param-expiries-limit-inputs .param-expiries .param-expiries-val,.param-expiries-limit-inputs .param-number-range .param-expiries-placeholder,.param-expiries-limit-inputs .param-number-range .param-expiries-val,.param-expiries-limit-inputs .param-arr-ops .param-expiries-placeholder,.param-expiries-limit-inputs .param-arr-ops .param-expiries-val{margin-top:4px}.param-expiries-limit-inputs .param-expiries .param-number-range-sep,.param-expiries-limit-inputs .param-number-range .param-number-range-sep,.param-expiries-limit-inputs .param-arr-ops .param-number-range-sep{margin:0 6px}.param-expiries-limit-inputs .param-arr-ops{padding:0}.param-expiries-popover{padding:0 !important}.param-expiries-popover .ant-popover-arrow{display:none}.param-number{flex:1;display:flex;align-items:center;height:40px}.param-number.readonly{height:30px}.param-number.readonly .param-number-suffix{padding:0;margin:0 0 0 1px;border:none;background:none}.param-number-val{position:relative;z-index:1;margin:0}.param-number-suffix{display:flex;align-items:center;justify-content:center;position:relative;z-index:0;flex:none;height:100%;padding:0 14px;margin:0 0 0 -2px;border-radius:2px;border:1px solid #d9d9d9;background:#f2f2f2}.param-number-range{flex:1;display:flex;align-items:center;height:40px}.param-number-range .param-number{height:100%}.param-number-range.readonly{height:30px}.param-number-range.readonly .param-number{flex:none}.param-number-range .param-number-range-prefix{margin:0 8px 0 0}.param-number-range .param-number-range-sep{margin:0 10px}.param-text-array{padding:calc((40px - 30px) / 2) 0}.param-arr-item{display:flex;align-items:center;height:30px;margin:0 0 4px}.param-arr-item>input{flex:none;width:160px}.param-arr-ops{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;height:100%;padding:0 10px}.param-arr-ops .param-arr-ops-add,.param-arr-ops .param-arr-ops-del{display:flex;align-items:center;justify-content:center;width:30px;height:100%;border-radius:4px;color:#006FA7}.param-arr-ops .param-arr-ops-add:hover,.param-arr-ops .param-arr-ops-del:hover{background:rgba(0,0,0,0.1)}.param-arr-ops .param-arr-ops-del{color:#d51414}.param-renderer{box-sizing:border-box;margin:0;line-height:20px;color:#333}.param-renderer.readonly input,.param-renderer.readonly select,.param-renderer.readonly .select{padding:0;border:none;box-shadow:none}.param-renderer *{box-sizing:border-box}.param-renderer input,.param-renderer select,.param-renderer .select{flex:1;width:50px;height:100%;padding:0 10px;border:1px solid #d9d9d9;border-radius:2px;outline:none;box-shadow:none;background:#fff}.param-renderer input::placeholder,.param-renderer select::placeholder,.param-renderer .select::placeholder{color:rgba(0,0,0,0.25)}.param-renderer input:hover,.param-renderer select:hover,.param-renderer .select:hover{border-color:#006FA7}.param-renderer input:focus,.param-renderer select:focus,.param-renderer .select:focus{border-color:#006FA7;box-shadow:0 0 0 2px rgba(0,111,167,0.1)}
|
package/lib/css/var.scss
CHANGED
package/lib/es/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Bundle of @signalplus/params-about
|
|
3
|
-
* Generated: 2022-04-
|
|
4
|
-
* Version: 0.1.
|
|
3
|
+
* Generated: 2022-04-12
|
|
4
|
+
* Version: 0.1.25
|
|
5
5
|
* License: MIT
|
|
6
6
|
* Author: 2631541504@qq.com
|
|
7
7
|
*/
|
|
@@ -396,6 +396,8 @@ function expiryValidator(val, enableEmpty) {
|
|
|
396
396
|
return '';
|
|
397
397
|
}
|
|
398
398
|
function expiriesValidator(val) {
|
|
399
|
+
if (!(val === null || val === void 0 ? void 0 : val.length)) return '';
|
|
400
|
+
|
|
399
401
|
for (var i = 0; i < val.length; i++) {
|
|
400
402
|
var error = expiryValidator(val[i]);
|
|
401
403
|
|
|
@@ -757,7 +759,7 @@ var TextArray = /*#__PURE__*/function (_PureComponent) {
|
|
|
757
759
|
var value = _toConsumableArray(_this.value);
|
|
758
760
|
|
|
759
761
|
value[i] = val;
|
|
760
|
-
(_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, value
|
|
762
|
+
(_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, value);
|
|
761
763
|
});
|
|
762
764
|
|
|
763
765
|
_defineProperty(_assertThisInitialized(_this), "onAdd", function (i) {
|
|
@@ -775,7 +777,7 @@ var TextArray = /*#__PURE__*/function (_PureComponent) {
|
|
|
775
777
|
var value = _toConsumableArray(_this.value);
|
|
776
778
|
|
|
777
779
|
value.splice(i, 1);
|
|
778
|
-
(_this$props$onChange3 = (_this$props3 = _this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props3, value
|
|
780
|
+
(_this$props$onChange3 = (_this$props3 = _this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props3, value);
|
|
779
781
|
});
|
|
780
782
|
|
|
781
783
|
return _this;
|
|
@@ -980,7 +982,7 @@ var ExpiriesLimit = /*#__PURE__*/function (_PureComponent) {
|
|
|
980
982
|
expiry: ''
|
|
981
983
|
};
|
|
982
984
|
if (key) value[i][key] = val;else value[i] = _objectSpread2(_objectSpread2({}, value[i]), val);
|
|
983
|
-
(_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, value
|
|
985
|
+
(_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, value);
|
|
984
986
|
});
|
|
985
987
|
|
|
986
988
|
_defineProperty(_assertThisInitialized(_this), "onAdd", function (i) {
|
|
@@ -1001,7 +1003,7 @@ var ExpiriesLimit = /*#__PURE__*/function (_PureComponent) {
|
|
|
1001
1003
|
var value = _toConsumableArray(_this.value);
|
|
1002
1004
|
|
|
1003
1005
|
value.splice(i, 1);
|
|
1004
|
-
(_this$props$onChange3 = (_this$props4 = _this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props4, value
|
|
1006
|
+
(_this$props$onChange3 = (_this$props4 = _this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props4, value);
|
|
1005
1007
|
(_this$props$onBlur2 = (_this$props5 = _this.props).onBlur) === null || _this$props$onBlur2 === void 0 ? void 0 : _this$props$onBlur2.call(_this$props5);
|
|
1006
1008
|
});
|
|
1007
1009
|
|
|
@@ -1150,6 +1152,8 @@ var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig,
|
|
|
1150
1152
|
key: 'expiryLimitList',
|
|
1151
1153
|
Comp: ExpiriesLimit,
|
|
1152
1154
|
validator: function validator($val) {
|
|
1155
|
+
if (!($val === null || $val === void 0 ? void 0 : $val.length)) return '';
|
|
1156
|
+
|
|
1153
1157
|
for (var i = 0; i < $val.length; i++) {
|
|
1154
1158
|
var val = $val[i];
|
|
1155
1159
|
var error = expiryValidator(val === null || val === void 0 ? void 0 : val.expiry);
|
|
@@ -1159,7 +1163,7 @@ var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig,
|
|
|
1159
1163
|
return "Expiry field of the ".concat(i + 1, "th item: ").concat(error);
|
|
1160
1164
|
}
|
|
1161
1165
|
|
|
1162
|
-
if (isNullLike(val === null || val === void 0 ? void 0 : val.minAumPercentage)
|
|
1166
|
+
if ((isNullLike(val === null || val === void 0 ? void 0 : val.minAumPercentage) || isNullLike(val === null || val === void 0 ? void 0 : val.maxAumPercentage)) && (isNullLike(val === null || val === void 0 ? void 0 : val.minAbs) || isNullLike(val === null || val === void 0 ? void 0 : val.maxAbs))) {
|
|
1163
1167
|
// return {
|
|
1164
1168
|
// [i]: 'at least one parameter must be specified between AUM and ABS',
|
|
1165
1169
|
// }
|
|
@@ -1187,13 +1191,20 @@ var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig,
|
|
|
1187
1191
|
}), _defineProperty(_ParamTypeConfig, ParamType.Phone, {
|
|
1188
1192
|
name: '联系人电话',
|
|
1189
1193
|
key: 'list',
|
|
1190
|
-
Comp: TextArray
|
|
1194
|
+
Comp: TextArray,
|
|
1195
|
+
validator: function validator($val) {
|
|
1196
|
+
if (!($val === null || $val === void 0 ? void 0 : $val.length)) return '';
|
|
1197
|
+
var index = $val.findIndex(function ($it) {
|
|
1198
|
+
return !$it.trim();
|
|
1199
|
+
});
|
|
1200
|
+
if (index > -1) return "The ".concat(index + 1, "th item: should not be empty");
|
|
1201
|
+
return '';
|
|
1202
|
+
}
|
|
1191
1203
|
}), _ParamTypeConfig);
|
|
1192
1204
|
function paramValidator(val, values) {
|
|
1193
1205
|
var _config$validator;
|
|
1194
1206
|
|
|
1195
1207
|
var config = ParamTypeConfig[values.valueType];
|
|
1196
|
-
console.log();
|
|
1197
1208
|
if (!config) return '';
|
|
1198
1209
|
var value = config.key ? val === null || val === void 0 ? void 0 : val[config.key] : val;
|
|
1199
1210
|
return ((_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _config$validator.call(config, value)) || '';
|
|
@@ -1621,7 +1632,8 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
|
|
|
1621
1632
|
name: 'paramId',
|
|
1622
1633
|
Comp: function Comp(props) {
|
|
1623
1634
|
return /*#__PURE__*/React.createElement(ParentSelector, Object.assign({}, props, {
|
|
1624
|
-
readonly: true
|
|
1635
|
+
readonly: true,
|
|
1636
|
+
parentOptions: _this2.props.allParams
|
|
1625
1637
|
}));
|
|
1626
1638
|
}
|
|
1627
1639
|
}, {
|
|
@@ -1818,6 +1830,7 @@ var ImageUpload = function ImageUpload(props) {
|
|
|
1818
1830
|
|
|
1819
1831
|
var _useState = useState(function () {
|
|
1820
1832
|
return url ? [{
|
|
1833
|
+
name: 'name.jpg',
|
|
1821
1834
|
url: url
|
|
1822
1835
|
}] : [];
|
|
1823
1836
|
}),
|
|
@@ -1827,6 +1840,7 @@ var ImageUpload = function ImageUpload(props) {
|
|
|
1827
1840
|
|
|
1828
1841
|
useEffect(function () {
|
|
1829
1842
|
return setFiles(url ? [{
|
|
1843
|
+
name: 'name.jpg',
|
|
1830
1844
|
url: url
|
|
1831
1845
|
}] : []);
|
|
1832
1846
|
}, [url]);
|
|
@@ -1849,6 +1863,7 @@ var ImageUpload = function ImageUpload(props) {
|
|
|
1849
1863
|
loading = _useRequest2.loading;
|
|
1850
1864
|
|
|
1851
1865
|
return /*#__PURE__*/React.createElement(ReactFileInput, Object.assign({}, props, {
|
|
1866
|
+
accept: 'image/jpeg,image/jpg',
|
|
1852
1867
|
uploading: loading,
|
|
1853
1868
|
className: classNames(props.className, 'param-image-upload'),
|
|
1854
1869
|
files: files,
|
|
@@ -1933,7 +1948,7 @@ var ParamGroupEditor = /*#__PURE__*/function (_PureComponent) {
|
|
|
1933
1948
|
key: "render",
|
|
1934
1949
|
value: function render() {
|
|
1935
1950
|
return /*#__PURE__*/React.createElement(Form, {
|
|
1936
|
-
className: "param-
|
|
1951
|
+
className: "param-group-editor",
|
|
1937
1952
|
ref: this.ref,
|
|
1938
1953
|
initialValues: this.props.initialValues,
|
|
1939
1954
|
onFinish: this.props.onSubmit,
|
|
@@ -2214,7 +2229,7 @@ var ParamMover = /*#__PURE__*/function (_PureComponent) {
|
|
|
2214
2229
|
key: "render",
|
|
2215
2230
|
value: function render() {
|
|
2216
2231
|
return /*#__PURE__*/React.createElement(Form, {
|
|
2217
|
-
className: "param-
|
|
2232
|
+
className: "param-mover",
|
|
2218
2233
|
ref: this.ref,
|
|
2219
2234
|
onFinish: this.props.onSubmit
|
|
2220
2235
|
}, this.formItems.map(function (it) {
|