From 8d22b4d8b5672bae65496e7d0e05a3210ff2a9e2 Mon Sep 17 00:00:00 2001
From: MrWindlike <MrWindlike@gmail.com>
Date: Tue, 24 May 2022 10:22:42 +0800
Subject: [PATCH] chore: change `properties` to `exampleProperties`

---
 .../src/components/Explorer/ExplorerForm/ExplorerForm.tsx   | 2 +-
 .../components/Explorer/ExplorerForm/ModuleMetaDataForm.tsx | 6 +++---
 packages/editor/src/constants/index.ts                      | 1 +
 packages/editor/src/services/AppStorage.ts                  | 6 +++---
 packages/editor/src/services/EditorStore.ts                 | 4 ++--
 5 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/editor/src/components/Explorer/ExplorerForm/ExplorerForm.tsx b/packages/editor/src/components/Explorer/ExplorerForm/ExplorerForm.tsx
index ee5b94d3..862c0cef 100644
--- a/packages/editor/src/components/Explorer/ExplorerForm/ExplorerForm.tsx
+++ b/packages/editor/src/components/Explorer/ExplorerForm/ExplorerForm.tsx
@@ -42,7 +42,7 @@ export const ExplorerForm: React.FC<Props> = observer(
           name,
           version,
           stateMap: moduleSpec?.spec.stateMap || {},
-          properties: moduleSpec?.spec.properties || {},
+          exampleProperties: moduleSpec?.spec.exampleProperties || {},
         };
         form = (
           <ModuleMetaDataForm
diff --git a/packages/editor/src/components/Explorer/ExplorerForm/ModuleMetaDataForm.tsx b/packages/editor/src/components/Explorer/ExplorerForm/ModuleMetaDataForm.tsx
index 128d4404..3f290d41 100644
--- a/packages/editor/src/components/Explorer/ExplorerForm/ModuleMetaDataForm.tsx
+++ b/packages/editor/src/components/Explorer/ExplorerForm/ModuleMetaDataForm.tsx
@@ -9,7 +9,7 @@ export type ModuleMetaDataFormData = {
   name: string;
   version: string;
   stateMap: Record<string, string>;
-  properties: Record<string, any>;
+  exampleProperties: Record<string, any>;
 };
 
 type ModuleMetaDataFormProps = {
@@ -67,9 +67,9 @@ export const ModuleMetaDataForm: React.FC<ModuleMetaDataFormProps> = observer(
           <FormLabel>Module Mock Properties</FormLabel>
           <RecordEditor
             services={services}
-            value={formik.values.properties}
+            value={formik.values.exampleProperties}
             onChange={json => {
-              formik.setFieldValue('properties', json);
+              formik.setFieldValue('exampleProperties', json);
               formik.submitForm();
             }}
           />
diff --git a/packages/editor/src/constants/index.ts b/packages/editor/src/constants/index.ts
index 5037812b..b4a214d8 100644
--- a/packages/editor/src/constants/index.ts
+++ b/packages/editor/src/constants/index.ts
@@ -35,6 +35,7 @@ export const DefaultNewModule: ImplementedRuntimeModule = {
     stateMap: {},
     events: [],
     properties: {},
+    exampleProperties: {},
   },
   impl: [
     {
diff --git a/packages/editor/src/services/AppStorage.ts b/packages/editor/src/services/AppStorage.ts
index 77db41d7..a502863f 100644
--- a/packages/editor/src/services/AppStorage.ts
+++ b/packages/editor/src/services/AppStorage.ts
@@ -113,12 +113,12 @@ export class AppStorage {
       version,
       name,
       stateMap,
-      properties,
+      exampleProperties,
     }: {
       version: string;
       name: string;
       stateMap: Record<string, string>;
-      properties: Record<string, string>;
+      exampleProperties: Record<string, string>;
     }
   ) {
     const i = this.modules.findIndex(
@@ -127,7 +127,7 @@ export class AppStorage {
     const newModules = produce(toJS(this.modules), draft => {
       draft[i].metadata.name = name;
       draft[i].spec.stateMap = stateMap;
-      draft[i].spec.properties = properties;
+      draft[i].spec.exampleProperties = exampleProperties;
       draft[i].version = version;
     });
 
diff --git a/packages/editor/src/services/EditorStore.ts b/packages/editor/src/services/EditorStore.ts
index e21ad862..38ef5dad 100644
--- a/packages/editor/src/services/EditorStore.ts
+++ b/packages/editor/src/services/EditorStore.ts
@@ -21,7 +21,7 @@ type EditingTarget = {
   version: string;
   name: string;
   spec?: {
-    properties?: Record<string, any>;
+    exampleProperties?: Record<string, any>;
   };
 };
 
@@ -94,7 +94,7 @@ export class EditorStore {
           this.setComponents(this.originComponents);
           this.setSelectedComponentId(this.originComponents[0]?.id || '');
           const evaledDependencies = stateManager.deepEval(
-            target.spec?.properties || {},
+            target.spec?.exampleProperties || {},
             { fallbackWhenError: () => undefined }
           );
           this.stateManager.setDependencies({