Move the size parameter to the renderer control

source/Panel/GroupDetails/GroupDetails.tsx

@@ -13,6 +13,7 @@ import { AllI18nKeys } from "@Component/Localization/Localization";
 import { ObjectPicker } from "@Input/ObjectPicker/ObjectPicker";
 import { ConfirmPopup } from "@Component/ConfirmPopup/ConfirmPopup";
 import { BehaviorPicker } from "@Input/BehaviorPicker/BehaviorPicker";
+import { Parameter } from "@Input/Parameter/Parameter";
 import "./GroupDetails.scss";
 
 interface IGroupDetailsProps {}
@@ -54,14 +55,6 @@ class GroupDetails extends Component<IGroupDetailsProps & IMixinStatusProps & IM
                 }}
             />
 
-            <AttrInput
-                id={group.id} isNumber={true} step={10} keyI18n="Common.Attr.Key.Size"
-                value={group.size} min={0}
-                valueChange={(val) => {
-                    this.props.status?.changeGroupAttrib(group.id, "size", (val as any) / 1);
-                }}
-            />
-
             <LabelPicker
                 keyI18n="Common.Attr.Key.Label"
                 labels={group.allLabels()}
@@ -114,6 +107,23 @@ class GroupDetails extends Component<IGroupDetailsProps & IMixinStatusProps & IM
 					}
 				}}
 			/>
+
+            <Parameter
+                key={group.id}
+                option={this.props.status?.renderer.pointsParameterOption ?? {}}
+                title={"Common.Attr.Title.Render.Parameter"}
+                value={group.renderParameter}
+                renderKey={
+                    Object.getOwnPropertyNames(this.props.status?.renderer.pointsParameterOption ?? {})
+                    .filter((key) => key !== "color")
+                }
+                change={(key, value) => {
+                    group.renderParameter[key as any] = value;
+                    this.props.status?.changeGroupAttrib(
+                        group.id, "renderParameter", group.renderParameter
+                    );
+                }}
+            />
             
             <Message i18nKey="Common.Attr.Title.Behaviors" isTitle/>
 

source/Panel/RangeDetails/RangeDetails.tsx

@@ -8,6 +8,7 @@ import { ColorInput } from "@Input/ColorInput/ColorInput";
 import { TogglesInput } from "@Input/TogglesInput/TogglesInput";
 import { LabelPicker } from "@Input/LabelPicker/LabelPicker";
 import { ConfirmPopup } from "@Component/ConfirmPopup/ConfirmPopup";
+import { Parameter } from "@Input/Parameter/Parameter";
 import "./RangeDetails.scss";
 
 @useStatusWithEvent("rangeAttrChange", "focusObjectChange", "rangeLabelChange")
@@ -72,6 +73,23 @@ class RangeDetails extends Component<IMixinStatusProps> {
 				}}
 			/>
 
+            <Parameter
+                key={range.id}
+                option={this.props.status?.renderer.cubeParameterOption ?? {}}
+                title={"Common.Attr.Title.Render.Parameter"}
+                value={range.renderParameter}
+                renderKey={
+                    Object.getOwnPropertyNames(this.props.status?.renderer.cubeParameterOption ?? {})
+                    .filter((key) => key !== "color")
+                }
+                change={(key, value) => {
+                    range.renderParameter[key as any] = value;
+                    this.props.status?.changeRangeAttrib(
+                        range.id, "renderParameter", range.renderParameter
+                    );
+                }}
+            />
+
             <Message i18nKey="Common.Attr.Title.Spatial" isTitle/>
 
             <AttrInput