From 8cc8819cd314ea3acbc1f1ab320e639d6245806f Mon Sep 17 00:00:00 2001
From: MrKBear <mrkbear@qq.com>
Date: Fri, 8 Apr 2022 17:39:26 +0800
Subject: [PATCH] Add color Parameter

---
 source/Behavior/Template.ts          | 12 ++++++++++++
 source/Input/Parameter/Parameter.tsx | 18 +++++++++++++++++-
 source/Model/Parameter.ts            | 17 +++++++++++++++++
 3 files changed, 46 insertions(+), 1 deletion(-)

diff --git a/source/Behavior/Template.ts b/source/Behavior/Template.ts
index 916c5eb..dff6373 100644
--- a/source/Behavior/Template.ts
+++ b/source/Behavior/Template.ts
@@ -7,6 +7,8 @@ type ITemplateBehaviorParameter = {
     testNumber: "number";
     testString: "string";
     testBoolean: "boolean";
+    testColor: "color";
+    testOption: "option";
     testR: "R";
     testG: "G";
     testLR: "LR";
@@ -43,6 +45,16 @@ class Template extends Behavior<ITemplateBehaviorParameter, ITemplateBehaviorEve
             defaultValue: "default",
             maxLength: 12
         },
+        testColor: {
+            name: "$Test",
+            type: "color",
+            defaultValue: [.5, .1, 1],
+            colorNormal: true
+        },
+        testOption: {
+            name: "$Test",
+            type: "option"
+        },
         testBoolean: {
             name: "$Test",
             type: "boolean",
diff --git a/source/Input/Parameter/Parameter.tsx b/source/Input/Parameter/Parameter.tsx
index 05697a2..024195c 100644
--- a/source/Input/Parameter/Parameter.tsx
+++ b/source/Input/Parameter/Parameter.tsx
@@ -6,6 +6,7 @@ import { TogglesInput } from "@Input/TogglesInput/TogglesInput";
 import { ObjectPicker } from "@Input/ObjectPicker/ObjectPicker";
 import { AllI18nKeys } from "@Component/Localization/Localization";
 import { Message } from "@Input/Message/Message";
+import { ColorInput } from "@Input/ColorInput/ColorInput";
 import {
     IParameter, IParameterOption, IParameterOptionItem,
     IParameterValue, IParamValue, isObjectType, isVectorType
@@ -71,6 +72,7 @@ class Parameter<P extends IParameter> extends Component<IParameterProps<P> & IMi
                 keyI18n="Panel.Info.Behavior.Details.Parameter.Key"
                 keyI18nOption={{ key: i18nString }}
 				onIconName={option.iconName}
+                red={option.iconRed}
                 value={value as IParamValue<"boolean"> ?? false}
 				valueChange={(val) => {
 					this.props.change(key, val as IParamValue<P[K]>);
@@ -100,7 +102,21 @@ class Parameter<P extends IParameter> extends Component<IParameterProps<P> & IMi
             />
         }
 
-        else if (isVectorType(type)) {
+        else if (type === "color") {
+
+            return <ColorInput
+                key={indexKey}
+                keyI18n="Panel.Info.Behavior.Details.Parameter.Key"
+                keyI18nOption={{ key: i18nString }}
+                normal={option.colorNormal}
+                value={value as IParamValue<"color"> ?? false}
+                valueChange={(val) => {
+					this.props.change(key, val as IParamValue<P[K]>);
+				}}
+            />
+        }
+
+        else if (type === "vec") {
 
             type IObjectParamValue = IParamValue<"vec">;
             const typedValue = value as IObjectParamValue;
diff --git a/source/Model/Parameter.ts b/source/Model/Parameter.ts
index 0d70ca4..8ab4192 100644
--- a/source/Model/Parameter.ts
+++ b/source/Model/Parameter.ts
@@ -14,6 +14,7 @@ type IMapBasicParamTypeKeyToType = {
     "number": number;
     "string": string;
     "boolean": boolean;
+    "option": string;
 }
 
 type IMapObjectParamTypeKeyToType = {
@@ -25,6 +26,7 @@ type IMapObjectParamTypeKeyToType = {
 
 type IMapVectorParamTypeKeyToType = {
     "vec": number[];
+    "color": number[];
 }
 
 /**
@@ -100,6 +102,21 @@ interface IParameterOptionItem<T extends IParamType = IParamType> {
      * 图标名字
      */
     iconName?: string;
+
+    /**
+     * 图标是否显示为红色
+     */
+    iconRed?: boolean;
+
+    /**
+     * 颜色是否进行归一化
+     */
+    colorNormal?: boolean;
+
+    /**
+     * 全部选项
+     */
+    allOption?: string[];
 }
 
 interface IParameter {