bug fix & version => 1.1.2

1. color picker fix
2. tutorial fix

Author: ggbond2077

client/VERSION

@@ -1 +1 @@
-1.1.1
+1.1.2

client/packages/openblocks/src/comps/controls/colorControl.tsx

@@ -12,7 +12,7 @@ const ColorContainer = styled.div`
   align-items: flex-start;
   justify-content: space-between;
   float: right;
-  gap: 8px;
+  gap: 6px;
   margin-left: -24px;
   > div:nth-of-type(1) {
     margin: 3px 0;

client/packages/openblocks/src/i18n/locales/en.ts

@@ -1448,7 +1448,7 @@ export const en = {
   },
   pluginSetting: {
     title: "Plugins",
-    npmPluginTitle: "NPM plugins",
+    npmPluginTitle: "npm plugins",
     npmPluginDesc: "Set up npm plugins for all applications in the current workspace.",
     npmPluginEmpty: "No npm plugins were added.",
     npmPluginAddButton: "Add a npm plugin",
@@ -1830,7 +1830,7 @@ export const en = {
     pluginExisted: "This npm plugin already existed",
     compNotFound: "Component {compName} not found.",
     addPluginModalTitle: "Add npm plugin",
-    pluginNameLabel: "NPM package's URL or name",
+    pluginNameLabel: "npm package's URL or name",
     noCompText: "No components.",
     compsLoading: "Loading...",
     removePluginBtnText: "Remove",

client/packages/openblocks/src/pages/tutorials/editorTutorials.tsx

@@ -32,6 +32,7 @@ import { trans } from "i18n";
 import { i18nObjs } from "../../i18n/index";
 import { DatasourceInfo, HttpConfig } from "api/datasourceApi";
 import { enObj } from "i18n/locales";
+import { QUICK_REST_API_ID } from "constants/datasourceConstants";
 
 const tourSteps: Step[] = [
   {
@@ -172,11 +173,6 @@ function addQuery(editorState: EditorState, datasourceInfos: DatasourceInfo[]) {
     );
   } else {
     // there's no sample data source, fall back to api source
-    const apiDataSource = datasourceInfos.find(
-      (info) =>
-        info.datasource.type === "restApi" &&
-        (info.datasource.datasourceConfig as HttpConfig).url === ""
-    );
     queriesComp.dispatch(
       queriesComp.pushAction({
         id: id,
@@ -186,7 +182,7 @@ function addQuery(editorState: EditorState, datasourceInfos: DatasourceInfo[]) {
           path: i18nObjs.editorTutorials.mockDataUrl || enObj.editorTutorials.mockDataUrl,
           bodyType: "application/json",
         },
-        datasourceId: apiDataSource?.datasource.id,
+        datasourceId: QUICK_REST_API_ID,
         triggerType: "manual",
       })
     );
@@ -227,11 +223,11 @@ export default function EditorTutorials() {
 
   const openTableData = () => {
     const ele = document.getElementsByClassName(leftCompListClassName)[0];
-    const table = ele?.getElementsByClassName("ant-tree-title")[1];
+    const table = ele?.getElementsByClassName("ant-tree-title")[0];
     if (table) {
       (table as HTMLDivElement)?.click();
     }
-  }
+  };
 
   const handleJoyrideCallback = (data: CallBackProps) => {
     const { status, index, action, type } = data;