@signalplus/params-about 1.0.10 → 1.0.11-alpha

package/index.d.ts

@@ -16,7 +16,8 @@ declare enum ParamType {
     InstrumentValue = 11,
     TextNumberList = 12,
     TextPercentageList = 13,
-    HardLimitHandler = 15
+    HardLimitHandler = 15,
+    InstrumentArray = 14
 }
 interface BaseInputProps {
     value?: any;

package/lib/css/ParamForm/index.scss

@@ -1,10 +1,11 @@
-@import "../var";
-@import "./ParentSelector";
-
-.param-form, .param-value-editor, .param-group-editor, .param-mover {
+@import '../var';
+@import './ParentSelector';
 
+.param-form,
+.param-value-editor,
+.param-group-editor,
+.param-mover {
   &.param-value-editor {
-
     .ant-form-item-label {
       width: 150px;
     }
@@ -23,12 +24,16 @@
     }
   }
 
-  input.ant-input.ant-input, .ant-select-selector.ant-select-selector, .ant-cascader.ant-cascader {
+  input.ant-input.ant-input,
+  .ant-select-selector.ant-select-selector,
+  .ant-cascader.ant-cascader {
     height: $input-height !important;
 
-    input, .ant-select-selection-placeholder, .ant-select-selection-item {
-      height: calc(#{$input-height} - 2px) !important;
-      line-height: calc(#{$input-height} - 2px) !important;
+    input,
+    .ant-select-selection-placeholder,
+    .ant-select-selection-item {
+      height: calc(#{$input-height} - 12px) !important;
+      line-height: calc(#{$input-height} - 12px) !important;
     }
   }
 
@@ -58,7 +63,8 @@
     display: flex;
   }
 
-  .param-default-value, .param-value-before {
+  .param-default-value,
+  .param-value-before {
     padding: calc((#{$input-height} - #{$input-readonly-height}) / 2) 0;
 
     .ant-form-item-label > label {
@@ -68,7 +74,6 @@
 }
 
 .param-image-upload.param-image-upload {
-
   .react-file-input {
     border-color: $border-color;
   }

package/lib/css/index.css

@@ -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}
+.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

@@ -1,9 +1,9 @@
 $placeholder-color: rgba(0, 0, 0, 0.25);
 $border-color: #d9d9d9;
-$primary: #006FA7;
+$primary: #006fa7;
 $bg: #fff;
 $red: #d51414;
 $text-color: #333;
-$input-height: 40px;
+$input-height: 30px;
 $input-readonly-height: 30px;
 $suffix-bg: #f2f2f2;

package/lib/es/index.js

@@ -1,7 +1,7 @@
 /**
  * Bundle of @signalplus/params-about
- * Generated: 2024-01-10
- * Version: 1.0.10
+ * Generated: 2024-01-22
+ * Version: 1.0.11-alpha
  * License: MIT
  * Author: 2631541504@qq.com
  */
@@ -198,6 +198,7 @@ var ParamType;
   ParamType[ParamType["TextNumberList"] = 12] = "TextNumberList";
   ParamType[ParamType["TextPercentageList"] = 13] = "TextPercentageList";
   ParamType[ParamType["HardLimitHandler"] = 15] = "HardLimitHandler";
+  ParamType[ParamType["InstrumentArray"] = 14] = "InstrumentArray";
 })(ParamType || (ParamType = {}));
 
 function _arrayWithHoles(arr) {
@@ -1968,6 +1969,191 @@ var HardLimitHandler = /*#__PURE__*/function (_PureComponent) {
   return HardLimitHandler;
 }(PureComponent);
 
+var InstrumentArray = /*#__PURE__*/function (_PureComponent) {
+  _inherits(InstrumentArray, _PureComponent);
+
+  var _super = _createSuper(InstrumentArray);
+
+  function InstrumentArray() {
+    var _this$props$value;
+
+    var _this;
+
+    _classCallCheck(this, InstrumentArray);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      searchText: '',
+      value: (_this$props$value = _this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.map(function (it) {
+        var instrumentSplit = it.split('-');
+        return ['All', instrumentSplit[1], "".concat(instrumentSplit[1], "-").concat(instrumentSplit[2]), "".concat(instrumentSplit[1], "-").concat(instrumentSplit[2], "-").concat(instrumentSplit[3])];
+      })
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (val) {
+      var _this$props$onChange3, _this$props3;
+
+      // console.log('val=========', val);
+      _this.setState(function (pre) {
+        return _objectSpread2(_objectSpread2({}, pre), {}, {
+          value: val
+        });
+      });
+
+      if (val.length === 1 && val[0].length === 1 && val[0][0] === 'All') {
+        var _this$props$onChange, _this$props;
+
+        (_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 || []);
+        return; //   res = Array.from(new Set(this.props.options?.map((it) => it.split('-')[1])));
+      } else {
+        val.map(function (it) {
+          return it.filter(function (v) {
+            return v !== 'All';
+          });
+        });
+      }
+
+      if (val.length <= 0) {
+        var _this$props$onChange2, _this$props2;
+
+        (_this$props$onChange2 = (_this$props2 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props2, []);
+        return;
+      }
+
+      var result = val.reduce(function (pre, cur) {
+        var _this$props$options;
+
+        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) {
+          return it.includes(cur[cur.length - 1]);
+        })) || []));
+      }, []); // console.log('result=========', result);
+
+      (_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)));
+    });
+
+    return _this;
+  }
+
+  _createClass(InstrumentArray, [{
+    key: "render",
+    value: function render() {
+      var _this$props$options2,
+          _this2 = this,
+          _Array$from,
+          _this$props$value2;
+
+      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) {
+        return it.split('-')[1];
+      })));
+      var instrumentOptions = expiries === null || expiries === void 0 ? void 0 : expiries.map(function (it) {
+        var _this2$props$options;
+
+        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) {
+          return inst.slice(0, inst.length - 2);
+        })));
+        return {
+          label: it,
+          value: it,
+          children: insts === null || insts === void 0 ? void 0 : insts.filter(function ($it) {
+            return $it.includes(it);
+          }).map(function ($it) {
+            return {
+              label: $it.split('-')[2],
+              value: "".concat(it, "-").concat($it.split('-')[2]),
+              children: ['C', 'P'].map(function (side) {
+                return {
+                  label: side,
+                  value: "".concat(it, "-").concat($it.split('-')[2], "-").concat(side)
+                };
+              })
+            };
+          })
+        };
+      });
+      instrumentOptions = [{
+        value: 'All',
+        label: 'All',
+        children: instrumentOptions
+      }];
+      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) {
+        return it.split('-')[1];
+      })))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(function (it) {
+        var _this2$props$value;
+
+        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) {
+          return inst.slice(0, inst.length - 2);
+        })));
+        return {
+          label: it,
+          value: it,
+          children: insts === null || insts === void 0 ? void 0 : insts.filter(function ($it) {
+            return $it.includes(it);
+          }).map(function ($it) {
+            var _this2$props$value2;
+
+            return {
+              label: $it.split('-')[2],
+              value: "".concat(it, "-").concat($it.split('-')[2]),
+              children: (_this2$props$value2 = _this2.props.value) === null || _this2$props$value2 === void 0 ? void 0 : _this2$props$value2.filter(function (inst) {
+                return inst.includes("".concat(it, "-").concat($it.split('-')[2]));
+              }).map(function (side) {
+                return {
+                  label: side.slice(side.length - 1, side.length),
+                  value: "".concat(it, "-").concat($it.split('-')[2], "-").concat(side.slice(side.length - 1, side.length))
+                };
+              })
+            };
+          })
+        };
+      }); // if (this.props.options?.length)
+      //   instrumentOptions.unshift({ label: 'All', value: 'All', children: [] });
+      // console.log('this.value=========', this.props.value, value);
+
+      return this.props.readonly ? /*#__PURE__*/React.createElement(Cascader, {
+        value: [],
+        placeholder: "Click to show more",
+        options: value,
+        maxTagCount: "responsive",
+        expandTrigger: "hover",
+        suffixIcon: /*#__PURE__*/React.createElement(DownOutlined, null)
+      }) : /*#__PURE__*/React.createElement("div", {
+        className: "param-instrument-array-option-wrapper"
+      }, /*#__PURE__*/React.createElement(Cascader, {
+        style: {
+          width: '100%'
+        },
+        value: this.state.value,
+        placeholder: "Choose",
+        options: instrumentOptions,
+        searchValue: this.state.searchText,
+        onSearch: function onSearch(v) {
+          return _this2.setState(function (pre) {
+            return _objectSpread2(_objectSpread2({}, pre), {}, {
+              searchText: v
+            });
+          });
+        },
+        onChange: this.onChange,
+        multiple: true,
+        maxTagCount: "responsive",
+        showSearch: true,
+        expandTrigger: "hover",
+        suffixIcon: /*#__PURE__*/React.createElement(DownOutlined, null),
+        displayRender: function displayRender(label) {
+          return label.length === 1 ? label : label.slice(1, label.length).join('-');
+        }
+      }));
+    }
+  }]);
+
+  return InstrumentArray;
+}(PureComponent);
+
 var _ParamTypeConfig;
 var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig, ParamType.ParamGroup, {
   name: '参数组',
@@ -2201,6 +2387,14 @@ var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig,
     return '';
   },
   sort: 14
+}), _defineProperty(_ParamTypeConfig, ParamType.InstrumentArray, {
+  name: 'Instrument List',
+  key: 'instrumentList',
+  Comp: InstrumentArray,
+  validator: function validator($val) {
+    return '';
+  },
+  sort: 15
 }), _ParamTypeConfig);
 function paramValidator(val, values, enableEmpty) {
   var _config$validator;
@@ -2264,9 +2458,11 @@ var ParamRenderer = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
+      var _this$typeConfig$key;
+
       var Comp = this.typeConfig.Comp;
       return /*#__PURE__*/React.createElement(Comp, Object.assign({}, this.props, {
-        options: this.typeConfig.key === 'instrumentNumberList' ? this.props.instrumentsOptions : this.props.expiriesOptions,
+        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,
         value: this.value,
         onChange: this.onChange,
         className: classNames('param-renderer', this.props.className)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@signalplus/params-about",
-  "version": "1.0.10",
+  "version": "1.0.11-alpha",
   "description": "A description for the module",
   "main": "./lib/umd/index.js",
   "module": "./lib/es/index.js",