Updated Documentation Functions

Author: FalkWolsky

client/VERSION

@@ -1 +1 @@
-2.1.5
+2.1.7

client/packages/lowcoder/src/components/CompName.tsx

@@ -11,6 +11,7 @@ import { GreyTextColor } from "constants/style";
 import { UICompType } from "comps/uiCompRegistry";
 import { trans } from "i18n";
 import { getComponentDocUrl } from "comps/utils/compDocUtil";
+import { getComponentPlaygroundUrl } from "comps/utils/compDocUtil";
 import { parseCompType } from "comps/utils/remote";
 
 const CompDiv = styled.div<{ width?: number; hasSearch?: boolean; showSearch?: boolean }>`
@@ -78,6 +79,7 @@ export const CompName = (props: Iprops) => {
   const compType = selectedComp.children.compType.getView() as UICompType;
   const compInfo = parseCompType(compType);
   const docUrl = getComponentDocUrl(compType);
+  const playgroundUrl = getComponentPlaygroundUrl(compType);
 
   const items: EditPopoverItemType[] = [];
 
@@ -99,6 +101,16 @@ export const CompName = (props: Iprops) => {
     });
   }
 
+  if (playgroundUrl) {
+    items.push({
+      text: trans("comp.menuViewPlayground"),
+      onClick: () => {
+        window.open(playgroundUrl, "_blank");
+      },
+    });
+  }
+
+
   if (compInfo.isRemote) {
     items.push({
       text: trans("comp.menuUpgradeToLatest"),

client/packages/lowcoder/src/comps/utils/compDocUtil.ts

@@ -12,3 +12,14 @@ export function getComponentDocUrl(compType: UICompType) {
       return trans("docUrls.components", { compType });
   }
 }
+export function getComponentPlaygroundUrl(compType: UICompType) {
+  if (!compType) {
+    return "";
+  }
+  switch (compType) {
+    case "module":
+      return trans("docUrls.module");
+    default:
+      return trans("playground.url", { compType });
+  }
+}

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

@@ -906,6 +906,7 @@ export const en = {
   },
   comp: {
     menuViewDocs: "View documentation",
+    menuViewPlayground: "View playground",
     menuUpgradeToLatest: "Upgrade to latest version",
     nameNotEmpty: "Can not be empty",
     nameRegex:
@@ -2273,13 +2274,13 @@ export const en = {
   },
   docUrls: {
     docHome: "https://docs.lowcoder.cloud/",
-    components: "https://app.lowcoder.cloud/components?n={compType}",
-    module: "",
+    components: "https://app.lowcoder.cloud/components/{compType}",
+    module: "https://docs.lowcoder.cloud/lowcoder-documentation/build-applications/create-a-new-app/modules",
     optionList: "",
-    terms: "",
-    privacy: "",
-    aboutUs: "",
-    changeLog: "",
+    terms: "https://lowcoder.cloud/terms",
+    privacy: "https://lowcoder.cloud/privacy",
+    aboutUs: "https://lowcoder.cloud/about",
+    changeLog: "https://github.com/lowcoder-org/lowcoder/releases",
     introVideo: "",
     devNpmPlugin:
       "https://docs.lowcoder.cloud/lowcoder-extension/develop-data-source-plugins",
@@ -2536,6 +2537,7 @@ export const en = {
     justify: "Justify both ends",
   },
   playground: {
+    url: "https://app.lowcoder.cloud/playground/{compType}/1",
     data: "Data",
     preview: "Preview",
     property: "Properties",

client/packages/lowcoder/src/i18n/locales/zh.ts

@@ -852,6 +852,7 @@ uiComp: {
 },
 comp: {
     menuViewDocs: "查看文档",
+    menuViewPlayground: "查看组件游乐场",
     menuUpgradeToLatest: "升级到最新版本",
     nameNotEmpty: "不能为空",
     nameRegex: "必须以字母开头,只能包含字母、数字和下划线(_)",
@@ -2106,7 +2107,7 @@ toggleButton: {
 },
 docUrls: {
     docHome: "https://docs.lowcoder.cloud/",
-    components: "https://app.lowcoder.cloud/components?n={compType}",
+    components: "https://app.lowcoder.cloud/components/{compType}",
     module: "",
     optionList: "",
     terms: "",
@@ -2391,6 +2392,7 @@ componentDoc: {
     justify: "两端对齐",
 },
 playground: {
+    url: "https://app.lowcoder.cloud/playground/{compType}/1",
     data: "数据",
     preview: "预览",
     property: "属性",