@signalplus/params-about 1.0.10 → 1.0.11-alpha1
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/index.d.ts +2 -1
- package/lib/css/ParamForm/index.scss +16 -11
- package/lib/css/index.css +1 -1
- package/lib/css/var.scss +2 -2
- package/lib/es/index.js +199 -3
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
@import
|
|
2
|
-
@import
|
|
3
|
-
|
|
4
|
-
.param-form, .param-value-editor, .param-group-editor, .param-mover {
|
|
1
|
+
@import '../var';
|
|
2
|
+
@import './ParentSelector';
|
|
5
3
|
|
|
4
|
+
.param-form,
|
|
5
|
+
.param-value-editor,
|
|
6
|
+
.param-group-editor,
|
|
7
|
+
.param-mover {
|
|
6
8
|
&.param-value-editor {
|
|
7
|
-
|
|
8
9
|
.ant-form-item-label {
|
|
9
10
|
width: 150px;
|
|
10
11
|
}
|
|
@@ -23,12 +24,16 @@
|
|
|
23
24
|
}
|
|
24
25
|
}
|
|
25
26
|
|
|
26
|
-
input.ant-input.ant-input,
|
|
27
|
+
input.ant-input.ant-input,
|
|
28
|
+
.ant-select-selector.ant-select-selector,
|
|
29
|
+
.ant-cascader.ant-cascader {
|
|
27
30
|
height: $input-height !important;
|
|
28
31
|
|
|
29
|
-
input,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
+
input,
|
|
33
|
+
.ant-select-selection-placeholder,
|
|
34
|
+
.ant-select-selection-item {
|
|
35
|
+
height: calc(#{$input-height} - 12px) !important;
|
|
36
|
+
line-height: calc(#{$input-height} - 12px) !important;
|
|
32
37
|
}
|
|
33
38
|
}
|
|
34
39
|
|
|
@@ -58,7 +63,8 @@
|
|
|
58
63
|
display: flex;
|
|
59
64
|
}
|
|
60
65
|
|
|
61
|
-
.param-default-value,
|
|
66
|
+
.param-default-value,
|
|
67
|
+
.param-value-before {
|
|
62
68
|
padding: calc((#{$input-height} - #{$input-readonly-height}) / 2) 0;
|
|
63
69
|
|
|
64
70
|
.ant-form-item-label > label {
|
|
@@ -68,7 +74,6 @@
|
|
|
68
74
|
}
|
|
69
75
|
|
|
70
76
|
.param-image-upload.param-image-upload {
|
|
71
|
-
|
|
72
77
|
.react-file-input {
|
|
73
78
|
border-color: $border-color;
|
|
74
79
|
}
|
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,.param-group-editor.param-value-editor .ant-form-item-label,.param-mover.param-value-editor .ant-form-item-label{width:150px}.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-form .ant-row,.param-value-editor .ant-row,.param-group-editor .ant-row,.param-mover .ant-row{display:flex}.param-form .param-default-value,.param-form .param-value-before,.param-value-editor .param-default-value,.param-value-editor .param-value-before,.param-group-editor .param-default-value,.param-group-editor .param-value-before,.param-mover .param-default-value,.param-mover .param-value-before{padding:calc((40px - 30px) / 2) 0}.param-form .param-default-value .ant-form-item-label>label,.param-form .param-value-before .ant-form-item-label>label,.param-value-editor .param-default-value .ant-form-item-label>label,.param-value-editor .param-value-before .ant-form-item-label>label,.param-group-editor .param-default-value .ant-form-item-label>label,.param-group-editor .param-value-before .ant-form-item-label>label,.param-mover .param-default-value .ant-form-item-label>label,.param-mover .param-value-before .ant-form-item-label>label{height:30px}.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}.active{color:#006fa7}.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.readonly.multiple{white-space:pre-wrap}.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;vertical-align:middle}.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;vertical-align:middle}.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);vertical-align:middle}.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:#006FA7}.param-text{flex:1;display:flex;align-items:center;height:40px}.param-text.readonly{height:30px}.param-text-val{position:relative;z-index:1;margin:0}.param-expiries-value{padding:calc((40px - 20px) / 2) 0}.param-expiries-value.readonly{padding:calc((30px - 20px) / 2) 0}.param-expiries-value .param-number-range{margin:0 0 0 10px}.param-expiries-value .param-number-range-prefix{display:none}.param-expiries-value .param-number-suffix{padding:0 7px}.param-expiries-value-val{display:block}.param-expiries-value-val:after{content:';'}.param-expiries-value-inputs{display:grid;grid-row-gap:10px;grid-column-gap:10px;grid-template-rows:auto;grid-template-columns:auto auto auto auto}.param-expiries-value-inputs .param-expiries,.param-expiries-value-inputs .param-number-range,.param-expiries-value-inputs .param-arr-ops{height:30px;padding-top:0;padding-right:0;margin:0}.param-expiries-value-inputs .param-expiries.readonly,.param-expiries-value-inputs .param-number-range.readonly,.param-expiries-value-inputs .param-arr-ops.readonly{height:20px;line-height:18px}.param-expiries-value-inputs .param-expiries.readonly .param-expiries-val,.param-expiries-value-inputs .param-number-range.readonly .param-expiries-val,.param-expiries-value-inputs .param-arr-ops.readonly .param-expiries-val{margin-top:0}.param-expiries-value-inputs .param-expiries .param-expiries-placeholder,.param-expiries-value-inputs .param-expiries .param-expiries-val,.param-expiries-value-inputs .param-number-range .param-expiries-placeholder,.param-expiries-value-inputs .param-number-range .param-expiries-val,.param-expiries-value-inputs .param-arr-ops .param-expiries-placeholder,.param-expiries-value-inputs .param-arr-ops .param-expiries-val{margin-top:4px}.param-expiries-value-inputs .param-expiries .param-number-range-sep,.param-expiries-value-inputs .param-number-range .param-number-range-sep,.param-expiries-value-inputs .param-arr-ops .param-number-range-sep{margin:0 6px}.param-expiries-value-inputs .param-arr-ops{padding:0}.param-expiries-popover{padding:0 !important}.param-expiries-popover .ant-popover-arrow{display:none}.param-text-selector{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-text-selector.readonly{padding:calc((30px - 20px) / 2) 0;border-color:transparent;overflow:initial;white-space:initial;cursor:default;background:transparent}.param-text-selector.readonly.multiple{white-space:pre-wrap}.param-text-selector.multiple{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.param-text-selector-arrow{position:absolute;top:50%;right:7px;margin:-0.5em 0 0;color:#d9d9d9 !important}.param-text-selector-val{display:inline-block;margin:0 6px 0 0;line-height:20px;white-space:initial;vertical-align:middle}.param-text-selector-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;vertical-align:middle}.param-text-selector-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);vertical-align:middle}.param-text-selector-multi-val svg{display:inline-block;margin:0 0 0 4px;color:#999;cursor:pointer}.param-text-selector-popover .ant-popover-inner-content{max-height:50vh;overflow-y:auto}.param-text-selector-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-text-selector-option.param-text-selector-option-checked{font-weight:bold;color:#333}.param-text-selector-option.param-text-selector-option-disabled{cursor:not-allowed;opacity:0.5}.param-text-selector-option:hover{color:#333;background:rgba(0,0,0,0.1)}.param-text-selector-option svg{color:#57be6a}.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.readonly textarea{padding:calc((30px - 20px - 2px) / 2) 10px}.param-renderer *{box-sizing:border-box}.param-renderer textarea,.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 textarea::placeholder,.param-renderer input::placeholder,.param-renderer select::placeholder,.param-renderer .select::placeholder{color:rgba(0,0,0,0.25)}.param-renderer textarea:hover,.param-renderer input:hover,.param-renderer select:hover,.param-renderer .select:hover{border-color:#006FA7}.param-renderer textarea:focus,.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)}.param-renderer textarea{width:100%;padding:calc((40px - 20px - 2px) / 2) 10px}
|
|
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:150px}.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:30px}.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:30px !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(30px - 12px) !important;line-height:calc(30px - 12px) !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:30px;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-form .ant-row,.param-value-editor .ant-row,.param-group-editor .ant-row,.param-mover .ant-row{display:flex}.param-form .param-default-value,.param-form .param-value-before,.param-value-editor .param-default-value,.param-value-editor .param-value-before,.param-group-editor .param-default-value,.param-group-editor .param-value-before,.param-mover .param-default-value,.param-mover .param-value-before{padding:calc((30px - 30px) / 2) 0}.param-form .param-default-value .ant-form-item-label>label,.param-form .param-value-before .ant-form-item-label>label,.param-value-editor .param-default-value .ant-form-item-label>label,.param-value-editor .param-value-before .ant-form-item-label>label,.param-group-editor .param-default-value .ant-form-item-label>label,.param-group-editor .param-value-before .ant-form-item-label>label,.param-mover .param-default-value .ant-form-item-label>label,.param-mover .param-value-before .ant-form-item-label>label{height:30px}.param-image-upload.param-image-upload .react-file-input{border-color:#d9d9d9}.param-bool{flex:1;display:flex;align-items:center;height:30px}.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}.active{color:#006fa7}.param-expiries{position:relative;flex:1;max-width:100%;min-width:calc(7em + 24px + 2px);padding:calc((30px - 22px) / 2) calc(1em + 14px) calc((30px - 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.readonly.multiple{white-space:pre-wrap}.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;vertical-align:middle}.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;vertical-align:middle}.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);vertical-align:middle}.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((30px - 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:30px}.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:30px}.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((30px - 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:#006fa7}.param-text{flex:1;display:flex;align-items:center;height:30px}.param-text.readonly{height:30px}.param-text-val{position:relative;z-index:1;margin:0}.param-expiries-value{padding:calc((30px - 20px) / 2) 0}.param-expiries-value.readonly{padding:calc((30px - 20px) / 2) 0}.param-expiries-value .param-number-range{margin:0 0 0 10px}.param-expiries-value .param-number-range-prefix{display:none}.param-expiries-value .param-number-suffix{padding:0 7px}.param-expiries-value-val{display:block}.param-expiries-value-val:after{content:';'}.param-expiries-value-inputs{display:grid;grid-row-gap:10px;grid-column-gap:10px;grid-template-rows:auto;grid-template-columns:auto auto auto auto}.param-expiries-value-inputs .param-expiries,.param-expiries-value-inputs .param-number-range,.param-expiries-value-inputs .param-arr-ops{height:30px;padding-top:0;padding-right:0;margin:0}.param-expiries-value-inputs .param-expiries.readonly,.param-expiries-value-inputs .param-number-range.readonly,.param-expiries-value-inputs .param-arr-ops.readonly{height:20px;line-height:18px}.param-expiries-value-inputs .param-expiries.readonly .param-expiries-val,.param-expiries-value-inputs .param-number-range.readonly .param-expiries-val,.param-expiries-value-inputs .param-arr-ops.readonly .param-expiries-val{margin-top:0}.param-expiries-value-inputs .param-expiries .param-expiries-placeholder,.param-expiries-value-inputs .param-expiries .param-expiries-val,.param-expiries-value-inputs .param-number-range .param-expiries-placeholder,.param-expiries-value-inputs .param-number-range .param-expiries-val,.param-expiries-value-inputs .param-arr-ops .param-expiries-placeholder,.param-expiries-value-inputs .param-arr-ops .param-expiries-val{margin-top:4px}.param-expiries-value-inputs .param-expiries .param-number-range-sep,.param-expiries-value-inputs .param-number-range .param-number-range-sep,.param-expiries-value-inputs .param-arr-ops .param-number-range-sep{margin:0 6px}.param-expiries-value-inputs .param-arr-ops{padding:0}.param-expiries-popover{padding:0 !important}.param-expiries-popover .ant-popover-arrow{display:none}.param-text-selector{position:relative;flex:1;max-width:100%;min-width:calc(7em + 24px + 2px);padding:calc((30px - 22px) / 2) calc(1em + 14px) calc((30px - 22px) / 2) 10px;line-height:0;border:1px solid #d9d9d9;border-radius:2px;cursor:pointer;background:#fff}.param-text-selector.readonly{padding:calc((30px - 20px) / 2) 0;border-color:transparent;overflow:initial;white-space:initial;cursor:default;background:transparent}.param-text-selector.readonly.multiple{white-space:pre-wrap}.param-text-selector.multiple{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.param-text-selector-arrow{position:absolute;top:50%;right:7px;margin:-0.5em 0 0;color:#d9d9d9 !important}.param-text-selector-val{display:inline-block;margin:0 6px 0 0;line-height:20px;white-space:initial;vertical-align:middle}.param-text-selector-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;vertical-align:middle}.param-text-selector-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);vertical-align:middle}.param-text-selector-multi-val svg{display:inline-block;margin:0 0 0 4px;color:#999;cursor:pointer}.param-text-selector-popover .ant-popover-inner-content{max-height:50vh;overflow-y:auto}.param-text-selector-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-text-selector-option.param-text-selector-option-checked{font-weight:bold;color:#333}.param-text-selector-option.param-text-selector-option-disabled{cursor:not-allowed;opacity:0.5}.param-text-selector-option:hover{color:#333;background:rgba(0,0,0,0.1)}.param-text-selector-option svg{color:#57be6a}.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.readonly textarea{padding:calc((30px - 20px - 2px) / 2) 10px}.param-renderer *{box-sizing:border-box}.param-renderer textarea,.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 textarea::placeholder,.param-renderer input::placeholder,.param-renderer select::placeholder,.param-renderer .select::placeholder{color:rgba(0,0,0,0.25)}.param-renderer textarea:hover,.param-renderer input:hover,.param-renderer select:hover,.param-renderer .select:hover{border-color:#006fa7}.param-renderer textarea:focus,.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)}.param-renderer textarea{width:100%;padding:calc((30px - 20px - 2px) / 2) 10px}
|
package/lib/css/var.scss
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
$placeholder-color: rgba(0, 0, 0, 0.25);
|
|
2
2
|
$border-color: #d9d9d9;
|
|
3
|
-
$primary: #
|
|
3
|
+
$primary: #006fa7;
|
|
4
4
|
$bg: #fff;
|
|
5
5
|
$red: #d51414;
|
|
6
6
|
$text-color: #333;
|
|
7
|
-
$input-height:
|
|
7
|
+
$input-height: 30px;
|
|
8
8
|
$input-readonly-height: 30px;
|
|
9
9
|
$suffix-bg: #f2f2f2;
|
package/lib/es/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Bundle of @signalplus/params-about
|
|
3
|
-
* Generated: 2024-01-
|
|
4
|
-
* Version: 1.0.
|
|
3
|
+
* Generated: 2024-01-22
|
|
4
|
+
* Version: 1.0.11-alpha1
|
|
5
5
|
* License: MIT
|
|
6
6
|
* Author: 2631541504@qq.com
|
|
7
7
|
*/
|
|
@@ -198,6 +198,7 @@ var ParamType;
|
|
|
198
198
|
ParamType[ParamType["TextNumberList"] = 12] = "TextNumberList";
|
|
199
199
|
ParamType[ParamType["TextPercentageList"] = 13] = "TextPercentageList";
|
|
200
200
|
ParamType[ParamType["HardLimitHandler"] = 15] = "HardLimitHandler";
|
|
201
|
+
ParamType[ParamType["InstrumentArray"] = 14] = "InstrumentArray";
|
|
201
202
|
})(ParamType || (ParamType = {}));
|
|
202
203
|
|
|
203
204
|
function _arrayWithHoles(arr) {
|
|
@@ -1968,6 +1969,191 @@ var HardLimitHandler = /*#__PURE__*/function (_PureComponent) {
|
|
|
1968
1969
|
return HardLimitHandler;
|
|
1969
1970
|
}(PureComponent);
|
|
1970
1971
|
|
|
1972
|
+
var InstrumentArray = /*#__PURE__*/function (_PureComponent) {
|
|
1973
|
+
_inherits(InstrumentArray, _PureComponent);
|
|
1974
|
+
|
|
1975
|
+
var _super = _createSuper(InstrumentArray);
|
|
1976
|
+
|
|
1977
|
+
function InstrumentArray() {
|
|
1978
|
+
var _this$props$value;
|
|
1979
|
+
|
|
1980
|
+
var _this;
|
|
1981
|
+
|
|
1982
|
+
_classCallCheck(this, InstrumentArray);
|
|
1983
|
+
|
|
1984
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
1985
|
+
args[_key] = arguments[_key];
|
|
1986
|
+
}
|
|
1987
|
+
|
|
1988
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
1989
|
+
|
|
1990
|
+
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
1991
|
+
searchText: '',
|
|
1992
|
+
value: (_this$props$value = _this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.map(function (it) {
|
|
1993
|
+
var instrumentSplit = it.split('-');
|
|
1994
|
+
return ['All', instrumentSplit[1], "".concat(instrumentSplit[1], "-").concat(instrumentSplit[2]), "".concat(instrumentSplit[1], "-").concat(instrumentSplit[2], "-").concat(instrumentSplit[3])];
|
|
1995
|
+
})
|
|
1996
|
+
});
|
|
1997
|
+
|
|
1998
|
+
_defineProperty(_assertThisInitialized(_this), "onChange", function (val) {
|
|
1999
|
+
var _this$props$onChange3, _this$props3;
|
|
2000
|
+
|
|
2001
|
+
// console.log('val=========', val);
|
|
2002
|
+
_this.setState(function (pre) {
|
|
2003
|
+
return _objectSpread2(_objectSpread2({}, pre), {}, {
|
|
2004
|
+
value: val
|
|
2005
|
+
});
|
|
2006
|
+
});
|
|
2007
|
+
|
|
2008
|
+
if (val.length === 1 && val[0].length === 1 && val[0][0] === 'All') {
|
|
2009
|
+
var _this$props$onChange, _this$props;
|
|
2010
|
+
|
|
2011
|
+
(_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, _this.props.options || []);
|
|
2012
|
+
return; // res = Array.from(new Set(this.props.options?.map((it) => it.split('-')[1])));
|
|
2013
|
+
} else {
|
|
2014
|
+
val.map(function (it) {
|
|
2015
|
+
return it.filter(function (v) {
|
|
2016
|
+
return v !== 'All';
|
|
2017
|
+
});
|
|
2018
|
+
});
|
|
2019
|
+
}
|
|
2020
|
+
|
|
2021
|
+
if (val.length <= 0) {
|
|
2022
|
+
var _this$props$onChange2, _this$props2;
|
|
2023
|
+
|
|
2024
|
+
(_this$props$onChange2 = (_this$props2 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props2, []);
|
|
2025
|
+
return;
|
|
2026
|
+
}
|
|
2027
|
+
|
|
2028
|
+
var result = val.reduce(function (pre, cur) {
|
|
2029
|
+
var _this$props$options;
|
|
2030
|
+
|
|
2031
|
+
return [].concat(_toConsumableArray(pre), _toConsumableArray(((_this$props$options = _this.props.options) === null || _this$props$options === void 0 ? void 0 : _this$props$options.filter(function (it) {
|
|
2032
|
+
return it.includes(cur[cur.length - 1]);
|
|
2033
|
+
})) || []));
|
|
2034
|
+
}, []); // console.log('result=========', result);
|
|
2035
|
+
|
|
2036
|
+
(_this$props$onChange3 = (_this$props3 = _this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props3, Array.from(new Set(result)));
|
|
2037
|
+
});
|
|
2038
|
+
|
|
2039
|
+
return _this;
|
|
2040
|
+
}
|
|
2041
|
+
|
|
2042
|
+
_createClass(InstrumentArray, [{
|
|
2043
|
+
key: "render",
|
|
2044
|
+
value: function render() {
|
|
2045
|
+
var _this$props$options2,
|
|
2046
|
+
_this2 = this,
|
|
2047
|
+
_Array$from,
|
|
2048
|
+
_this$props$value2;
|
|
2049
|
+
|
|
2050
|
+
var expiries = Array.from(new Set((_this$props$options2 = this.props.options) === null || _this$props$options2 === void 0 ? void 0 : _this$props$options2.map(function (it) {
|
|
2051
|
+
return it.split('-')[1];
|
|
2052
|
+
})));
|
|
2053
|
+
var instrumentOptions = expiries === null || expiries === void 0 ? void 0 : expiries.map(function (it) {
|
|
2054
|
+
var _this2$props$options;
|
|
2055
|
+
|
|
2056
|
+
var insts = Array.from(new Set((_this2$props$options = _this2.props.options) === null || _this2$props$options === void 0 ? void 0 : _this2$props$options.map(function (inst) {
|
|
2057
|
+
return inst.slice(0, inst.length - 2);
|
|
2058
|
+
})));
|
|
2059
|
+
return {
|
|
2060
|
+
label: it,
|
|
2061
|
+
value: it,
|
|
2062
|
+
children: insts === null || insts === void 0 ? void 0 : insts.filter(function ($it) {
|
|
2063
|
+
return $it.includes(it);
|
|
2064
|
+
}).map(function ($it) {
|
|
2065
|
+
return {
|
|
2066
|
+
label: $it.split('-')[2],
|
|
2067
|
+
value: "".concat(it, "-").concat($it.split('-')[2]),
|
|
2068
|
+
children: ['C', 'P'].map(function (side) {
|
|
2069
|
+
return {
|
|
2070
|
+
label: side,
|
|
2071
|
+
value: "".concat(it, "-").concat($it.split('-')[2], "-").concat(side)
|
|
2072
|
+
};
|
|
2073
|
+
})
|
|
2074
|
+
};
|
|
2075
|
+
})
|
|
2076
|
+
};
|
|
2077
|
+
});
|
|
2078
|
+
instrumentOptions = [{
|
|
2079
|
+
value: 'All',
|
|
2080
|
+
label: 'All',
|
|
2081
|
+
children: instrumentOptions
|
|
2082
|
+
}];
|
|
2083
|
+
var value = (_Array$from = Array.from(new Set((_this$props$value2 = this.props.value) === null || _this$props$value2 === void 0 ? void 0 : _this$props$value2.map(function (it) {
|
|
2084
|
+
return it.split('-')[1];
|
|
2085
|
+
})))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(function (it) {
|
|
2086
|
+
var _this2$props$value;
|
|
2087
|
+
|
|
2088
|
+
var insts = Array.from(new Set((_this2$props$value = _this2.props.value) === null || _this2$props$value === void 0 ? void 0 : _this2$props$value.map(function (inst) {
|
|
2089
|
+
return inst.slice(0, inst.length - 2);
|
|
2090
|
+
})));
|
|
2091
|
+
return {
|
|
2092
|
+
label: it,
|
|
2093
|
+
value: it,
|
|
2094
|
+
children: insts === null || insts === void 0 ? void 0 : insts.filter(function ($it) {
|
|
2095
|
+
return $it.includes(it);
|
|
2096
|
+
}).map(function ($it) {
|
|
2097
|
+
var _this2$props$value2;
|
|
2098
|
+
|
|
2099
|
+
return {
|
|
2100
|
+
label: $it.split('-')[2],
|
|
2101
|
+
value: "".concat(it, "-").concat($it.split('-')[2]),
|
|
2102
|
+
children: (_this2$props$value2 = _this2.props.value) === null || _this2$props$value2 === void 0 ? void 0 : _this2$props$value2.filter(function (inst) {
|
|
2103
|
+
return inst.includes("".concat(it, "-").concat($it.split('-')[2]));
|
|
2104
|
+
}).map(function (side) {
|
|
2105
|
+
return {
|
|
2106
|
+
label: side.slice(side.length - 1, side.length),
|
|
2107
|
+
value: "".concat(it, "-").concat($it.split('-')[2], "-").concat(side.slice(side.length - 1, side.length))
|
|
2108
|
+
};
|
|
2109
|
+
})
|
|
2110
|
+
};
|
|
2111
|
+
})
|
|
2112
|
+
};
|
|
2113
|
+
}); // if (this.props.options?.length)
|
|
2114
|
+
// instrumentOptions.unshift({ label: 'All', value: 'All', children: [] });
|
|
2115
|
+
// console.log('this.value=========', this.props.value, value);
|
|
2116
|
+
|
|
2117
|
+
return this.props.readonly ? /*#__PURE__*/React.createElement(Cascader, {
|
|
2118
|
+
value: [],
|
|
2119
|
+
placeholder: "Click to show more",
|
|
2120
|
+
options: value,
|
|
2121
|
+
maxTagCount: "responsive",
|
|
2122
|
+
expandTrigger: "hover",
|
|
2123
|
+
suffixIcon: /*#__PURE__*/React.createElement(DownOutlined, null)
|
|
2124
|
+
}) : /*#__PURE__*/React.createElement("div", {
|
|
2125
|
+
className: "param-instrument-array-option-wrapper"
|
|
2126
|
+
}, /*#__PURE__*/React.createElement(Cascader, {
|
|
2127
|
+
style: {
|
|
2128
|
+
width: '100%'
|
|
2129
|
+
},
|
|
2130
|
+
value: this.state.value,
|
|
2131
|
+
placeholder: "Choose",
|
|
2132
|
+
options: instrumentOptions,
|
|
2133
|
+
searchValue: this.state.searchText,
|
|
2134
|
+
onSearch: function onSearch(v) {
|
|
2135
|
+
return _this2.setState(function (pre) {
|
|
2136
|
+
return _objectSpread2(_objectSpread2({}, pre), {}, {
|
|
2137
|
+
searchText: v
|
|
2138
|
+
});
|
|
2139
|
+
});
|
|
2140
|
+
},
|
|
2141
|
+
onChange: this.onChange,
|
|
2142
|
+
multiple: true,
|
|
2143
|
+
maxTagCount: "responsive",
|
|
2144
|
+
showSearch: true,
|
|
2145
|
+
expandTrigger: "hover",
|
|
2146
|
+
suffixIcon: /*#__PURE__*/React.createElement(DownOutlined, null),
|
|
2147
|
+
displayRender: function displayRender(label) {
|
|
2148
|
+
return label.length === 1 ? label : label.slice(1, label.length).join('-');
|
|
2149
|
+
}
|
|
2150
|
+
}));
|
|
2151
|
+
}
|
|
2152
|
+
}]);
|
|
2153
|
+
|
|
2154
|
+
return InstrumentArray;
|
|
2155
|
+
}(PureComponent);
|
|
2156
|
+
|
|
1971
2157
|
var _ParamTypeConfig;
|
|
1972
2158
|
var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig, ParamType.ParamGroup, {
|
|
1973
2159
|
name: '参数组',
|
|
@@ -2201,6 +2387,14 @@ var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig,
|
|
|
2201
2387
|
return '';
|
|
2202
2388
|
},
|
|
2203
2389
|
sort: 14
|
|
2390
|
+
}), _defineProperty(_ParamTypeConfig, ParamType.InstrumentArray, {
|
|
2391
|
+
name: 'Instrument List',
|
|
2392
|
+
key: 'instrumentList',
|
|
2393
|
+
Comp: InstrumentArray,
|
|
2394
|
+
validator: function validator($val) {
|
|
2395
|
+
return '';
|
|
2396
|
+
},
|
|
2397
|
+
sort: 15
|
|
2204
2398
|
}), _ParamTypeConfig);
|
|
2205
2399
|
function paramValidator(val, values, enableEmpty) {
|
|
2206
2400
|
var _config$validator;
|
|
@@ -2264,9 +2458,11 @@ var ParamRenderer = /*#__PURE__*/function (_PureComponent) {
|
|
|
2264
2458
|
}, {
|
|
2265
2459
|
key: "render",
|
|
2266
2460
|
value: function render() {
|
|
2461
|
+
var _this$typeConfig$key;
|
|
2462
|
+
|
|
2267
2463
|
var Comp = this.typeConfig.Comp;
|
|
2268
2464
|
return /*#__PURE__*/React.createElement(Comp, Object.assign({}, this.props, {
|
|
2269
|
-
options: this.typeConfig.key === '
|
|
2465
|
+
options: ((_this$typeConfig$key = this.typeConfig.key) === null || _this$typeConfig$key === void 0 ? void 0 : _this$typeConfig$key.includes('instrument')) ? this.props.instrumentsOptions : this.props.expiriesOptions,
|
|
2270
2466
|
value: this.value,
|
|
2271
2467
|
onChange: this.onChange,
|
|
2272
2468
|
className: classNames('param-renderer', this.props.className)
|