update sdk version to 0.0.32

sarike · sarike · commit 8a0475fb1a57 · 2023-01-22T17:26:25.000+08:00
diff --git a/.yarn/cache/openblocks-sdk-npm-0.0.31-9453ddc604-3b72c14d73.zip b/.yarn/cache/openblocks-sdk-npm-0.0.31-9453ddc604-3b72c14d73.zip
diff --git a/.yarn/cache/openblocks-sdk-npm-0.0.32-ad1619d11b-12103100c8.zip b/.yarn/cache/openblocks-sdk-npm-0.0.32-ad1619d11b-12103100c8.zip
diff --git a/package.json b/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "history": "^5.3.0",
     "less": "^4.1.3",
-    "openblocks-sdk": "^0.0.31",
+    "openblocks-sdk": "^0.0.32",
     "react": "17",
     "react-dom": "17",
     "react-router": "^6.4.3",
diff --git a/src/App.tsx b/src/App.tsx
@@ -36,6 +36,8 @@ const demos = [
     title: "Use offline application dsl",
     dsl: formDsl,
     isModule: true,
+    initialMethodName: "setNameFieldValue",
+    initialMethodParams: JSON.stringify(["Tom"]),
   },
 ];
 
@@ -73,17 +75,19 @@ const routes: RouteObject[] = [
   {
     path: "/",
     element: <Root />,
-    children: demos.map((i) => ({
+    children: demos.map((i, idx) => ({
       path: titleToPath(i.title),
       element: i.isModule ? (
         <ModuleDemo
+          key={idx}
           appId={i.appId || ""}
           appDsl={i.dsl}
           initialModuleInputs={i.initialInputs}
           initialMethodName={i.initialMethodName || ""}
+          initialMethodParams={i.initialMethodParams}
         />
       ) : (
-        <AppDemo appId={i.appId || ""} appDsl={i.dsl} />
+        <AppDemo key={idx} appId={i.appId || ""} appDsl={i.dsl} />
       ),
     })),
   },
diff --git a/src/ModuleDemo.tsx b/src/ModuleDemo.tsx
@@ -6,11 +6,13 @@ interface IProps {
   appDsl?: any;
   initialModuleInputs: any;
   initialMethodName: string;
+  initialMethodParams?: string;
 }
 
 export function ModuleDemo(props: IProps) {
   const inputRef = useRef<HTMLTextAreaElement>(null);
   const methodInputRef = useRef<HTMLInputElement>(null);
+  const methodParamsInputRef = useRef<HTMLInputElement>(null);
   const instanceRef = useRef<AppViewInstance<any, any>>(null);
   const [inputs, setInputs] = useState<any>(props.initialModuleInputs);
   const [outputs, setOutputs] = useState<any>({});
@@ -29,10 +31,21 @@ export function ModuleDemo(props: IProps) {
 
   const handleInvokeMethod = () => {
     const methodName = methodInputRef.current?.value;
+    const paramsJson = methodParamsInputRef.current?.value;
+
     if (!methodName) {
       return;
     }
-    instanceRef.current?.invokeMethod(methodName);
+
+    let params = [];
+    if (paramsJson) {
+      try {
+        params = JSON.parse(paramsJson);
+      } catch {
+        params = [];
+      }
+    }
+    instanceRef.current?.invokeMethod(methodName, params);
   };
 
   return (
@@ -61,10 +74,17 @@ export function ModuleDemo(props: IProps) {
           <div>
             <strong>invoke method</strong>
             <input
+              style={{ marginBottom: 8 }}
               ref={methodInputRef}
               defaultValue={props.initialMethodName}
               placeholder="input module method name"
             />
+            <span>json array of params, like: ["param1", "param2"]</span>
+            <input
+              ref={methodParamsInputRef}
+              defaultValue={props.initialMethodParams}
+              placeholder="method params"
+            />
             <button onClick={handleInvokeMethod}>invoke</button>
           </div>
           <div>
diff --git a/src/dsl/form.json b/src/dsl/form.json
@@ -17,7 +17,37 @@
           }
         ]
       },
-      "methods": [],
+      "methods": [
+        {
+          "name": "setNameFieldValue",
+          "action": {
+            "compType": "executeComp",
+            "comp": {
+              "name": "input1",
+              "methodName": "setValue",
+              "params": [
+                {
+                  "compType": "string",
+                  "comp": "{{nameFieldValue}}",
+                  "name": "value"
+                }
+              ]
+            },
+            "condition": "",
+            "slowdown": "debounce",
+            "delay": ""
+          },
+          "params": [
+            {
+              "name": "nameFieldValue",
+              "description": "",
+              "type": "JSONValue",
+              "defaultValue": { "compType": "JSONValue", "comp": "" },
+              "test": { "compType": "JSONValue", "comp": "" }
+            }
+          ]
+        }
+      ],
       "events": {
         "list": [{ "name": "onSubmit", "description": "" }],
         "enableEventTestMessage": true
diff --git a/yarn.lock b/yarn.lock
@@ -555,7 +555,7 @@ __metadata:
     "@vitejs/plugin-react": ^2.2.0
     history: ^5.3.0
     less: ^4.1.3
-    openblocks-sdk: ^0.0.31
+    openblocks-sdk: ^0.0.32
     react: 17
     react-dom: 17
     react-router: ^6.4.3
@@ -1685,13 +1685,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"openblocks-sdk@npm:^0.0.31":
-  version: 0.0.31
-  resolution: "openblocks-sdk@npm:0.0.31::__archiveUrl=https%3A%2F%2Fregistry.npmjs.org%2Fopenblocks-sdk%2F-%2Fopenblocks-sdk-0.0.31.tgz"
+"openblocks-sdk@npm:^0.0.32":
+  version: 0.0.32
+  resolution: "openblocks-sdk@npm:0.0.32::__archiveUrl=https%3A%2F%2Fregistry.npmjs.org%2Fopenblocks-sdk%2F-%2Fopenblocks-sdk-0.0.32.tgz"
   peerDependencies:
     react: ^17
     react-dom: ^17
-  checksum: 3b72c14d730e0d09ebe3903d32b2b53a5c4e042b633d6ee6d2c3c0f93d317b60ba2000651f251bfae6f149c8724c74e190239e20bcf19524b2748d8a9378c087
+  checksum: 12103100c8a80b72c33ff412d804f17c36f4a74600da29321d9f65dc1205338956a8fe2f4e6a6841ff64c6d00b3991d5306b99d315b08a17a35f688bb927be89
   languageName: node
   linkType: hard
 
