Cleaned Up Text base

FalkWolsky · FalkWolsky · commit b970f6a770b9 · 2023-12-02T15:38:47.000+01:00
diff --git a/client/packages/lowcoder/src/comps/comps/customComp/customComp.tsx b/client/packages/lowcoder/src/comps/comps/customComp/customComp.tsx
@@ -225,8 +225,8 @@ const CustomCompBase = new UICompBuilder(childrenMap, (props, dispatch) => {
       <>
         {(useContext(EditorContext).editorModeStatus === "logic" || useContext(EditorContext).editorModeStatus === "both") && (
           <><Section name={sectionNames.interaction}>
-              {children.model.propertyView({ label: trans("data") })}
-              {children.code.propertyView({ label: trans("code"), language: "html" })}
+              {children.model.propertyView({ label: trans("customComp.data") })}
+              {children.code.propertyView({ label: trans("customComp.code"), language: "html" })}
               {hiddenPropertyView(children)}
             </Section>
           </>
diff --git a/client/packages/lowcoder/src/comps/comps/dataChangeResponderComp.tsx b/client/packages/lowcoder/src/comps/comps/dataChangeResponderComp.tsx
@@ -8,6 +8,7 @@ import { trans } from "i18n";
 import _ from "lodash";
 import { CompAction, CompActionTypes } from "lowcoder-core";
 import {
+  TacoMarkDown,
   DocLink,
   QueryConfigLabel,
   QueryConfigWrapper,
@@ -45,18 +46,18 @@ const DataResponderItemCompBase = new MultiCompBuilder(
             key: "general",
             title: trans("query.generalTab"),
             children: (
-              <QueryPropertyViewWrapper>
+              <><QueryPropertyViewWrapper>
                 <QuerySectionWrapper>
                   {children.data.propertyView({
                     label: trans("dataResponder.data"),
                     tooltip: trans("dataResponder.dataTooltip"),
                     placement: "bottom",
                     placeholder: "{{anyDependencies}}",
-                    extraChildren: QueryTutorials.dataResponder && (
+                    /* extraChildren: QueryTutorials.dataResponder && (
                       <DocLink style={{ marginTop: 8 }} href={QueryTutorials.dataResponder}>
                         {trans("dataResponder.docLink")}
                       </DocLink>
-                    ),
+                    ), */
                   })}
                 </QuerySectionWrapper>
 
@@ -68,7 +69,10 @@ const DataResponderItemCompBase = new MultiCompBuilder(
                     {children.onEvent.getPropertyView()}
                   </QueryConfigWrapper>
                 </QuerySectionWrapper>
-              </QueryPropertyViewWrapper>
+              </QueryPropertyViewWrapper><><TacoMarkDown>{trans("dataResponder.documentationText")}</TacoMarkDown><DocLink style={{ marginTop: 8 }} href={QueryTutorials.dataResponder} title={trans("dataResponder.documentationText")}>
+                {trans("dataResponder.docLink")}
+              </DocLink></></>
+              
             ),
           },
         ]}
diff --git a/client/packages/lowcoder/src/comps/comps/iframeComp.tsx b/client/packages/lowcoder/src/comps/comps/iframeComp.tsx
@@ -64,7 +64,7 @@ let IFrameCompBase = new UICompBuilder(
   .setPropertyViewFn((children) => (
     <>
       <Section name={sectionNames.basic}>
-        {children.url.propertyView({ label: "URL", placeholder: "https://example.com" })}
+        {children.url.propertyView({ label: "Source URL", placeholder: "https://example.com", tooltip: trans("iframe.URLDesc") })}
       </Section>
 
       {["logic", "both"].includes(useContext(EditorContext).editorModeStatus) && (
diff --git a/client/packages/lowcoder/src/comps/comps/listViewComp/listViewPropertyView.tsx b/client/packages/lowcoder/src/comps/comps/listViewComp/listViewPropertyView.tsx
@@ -17,7 +17,7 @@ export function listPropertyView(compType: ListCompType) {
       <>
         <Section name={sectionNames.basic}>
           {children.noOfRows.propertyView({
-            label: trans("data"),
+            label: trans("listView.dataDesc"),
             tooltip: trans("listView.dataTooltip"),
           })}
           {compType === "grid" &&
diff --git a/client/packages/lowcoder/src/comps/comps/mediaComp/audioComp.tsx b/client/packages/lowcoder/src/comps/comps/mediaComp/audioComp.tsx
@@ -74,7 +74,8 @@ let AudioBasicComp = (function () {
         <>
           <Section name={sectionNames.basic}>
             {children.src.propertyView({
-              label: trans("audio.src"),
+              label: trans("audio.src"), 
+              tooltip: trans("audio.srcDesc"),
             })}
           </Section>
 
diff --git a/client/packages/lowcoder/src/comps/comps/mediaComp/videoComp.tsx b/client/packages/lowcoder/src/comps/comps/mediaComp/videoComp.tsx
@@ -112,6 +112,7 @@ let VideoBasicComp = (function () {
           <Section name={sectionNames.basic}>
             {children.src.propertyView({
               label: trans("video.src"),
+              tooltip: trans("video.srcDesc"),
             })}
           </Section>
 
diff --git a/client/packages/lowcoder/src/comps/comps/navComp/components/MenuItemList.tsx b/client/packages/lowcoder/src/comps/comps/navComp/components/MenuItemList.tsx
@@ -36,7 +36,7 @@ interface IMenuItemListProps {
   onMoveItem: (path: number[], from: number, to: number) => void;
 }
 
-const menuItemLabel = trans("menuItem");
+const menuItemLabel = trans("navigation.itemsDesc");
 
 function MenuItemList(props: IMenuItemListProps) {
   const { items, onAddItem, onDeleteItem, onMoveItem, onAddSubItem } = props;
diff --git a/client/packages/lowcoder/src/comps/comps/navComp/navComp.tsx b/client/packages/lowcoder/src/comps/comps/navComp/navComp.tsx
@@ -214,7 +214,7 @@ const NavCompBase = new UICompBuilder(childrenMap, (props) => {
 
         {(useContext(EditorContext).editorModeStatus === "logic" || useContext(EditorContext).editorModeStatus === "both") && (
           <Section name={sectionNames.advanced}>
-            {children.logoUrl.propertyView({ label: trans("navigation.logoURL") })}
+            {children.logoUrl.propertyView({ label: trans("navigation.logoURL"), tooltip: trans("navigation.logoURLDesc") })}
             {children.logoUrl.getView() && children.logoEvent.propertyView({ inline: true })}
           </Section>
         )}
diff --git a/client/packages/lowcoder/src/comps/comps/richTextEditorComp.tsx b/client/packages/lowcoder/src/comps/comps/richTextEditorComp.tsx
@@ -313,7 +313,7 @@ const RichTextEditorCompBase = new UICompBuilder(childrenMap, (props) => {
     return (
       <>
         <Section name={sectionNames.basic}>
-          {children.value.propertyView({ label: trans("prop.defaultValue") })}
+          {children.value.propertyView({ label: trans("richTextEditor.defaultValue") })}
           {placeholderPropertyView(children)}
         </Section>
 
diff --git a/client/packages/lowcoder/src/comps/comps/switchComp.tsx b/client/packages/lowcoder/src/comps/comps/switchComp.tsx
@@ -117,7 +117,7 @@ let SwitchTmpComp = (function () {
       return (
         <>
           <Section name={sectionNames.basic}>
-            {children.value.propertyView({ label: trans("prop.defaultValue") })}
+            {children.value.propertyView({ label: trans("switchComp.defaultValue") })}
           </Section>
 
           <FormDataPropertyView {...children} />
diff --git a/client/packages/lowcoder/src/comps/comps/temporaryStateComp.tsx b/client/packages/lowcoder/src/comps/comps/temporaryStateComp.tsx
@@ -13,6 +13,7 @@ import { BottomResComp, BottomResCompResult, BottomResTypeEnum } from "types/bot
 import { JSONObject } from "util/jsonTypes";
 import { QueryTutorials } from "util/tutorialUtils";
 import { SimpleNameComp } from "./simpleNameComp";
+import { markdownCompCss, TacoMarkDown } from "lowcoder-design";
 
 const TemporaryStateItemCompBase = new MultiCompBuilder(
   {
@@ -34,9 +35,9 @@ const TemporaryStateItemCompBase = new MultiCompBuilder(
               tooltip: trans("temporaryState.valueTooltip"),
               placement: "bottom",
               extraChildren: QueryTutorials.tempState && (
-                <DocLink style={{ marginTop: 8 }} href={QueryTutorials.tempState}>
+                <><br/><TacoMarkDown>{trans("temporaryState.documentationText")}</TacoMarkDown><br/><DocLink style={{ marginTop: 8 }} href={QueryTutorials.tempState} title={trans("temporaryState.documentationText")}>
                   {trans("temporaryState.docLink")}
-                </DocLink>
+                </DocLink></>
               ),
             }),
           },
diff --git a/client/packages/lowcoder/src/comps/comps/transformerListComp.tsx b/client/packages/lowcoder/src/comps/comps/transformerListComp.tsx
@@ -12,6 +12,7 @@ import { ReactNode } from "react";
 import { BottomResComp, BottomResCompResult, BottomResTypeEnum } from "types/bottomRes";
 import { QueryTutorials } from "util/tutorialUtils";
 import { SimpleNameComp } from "./simpleNameComp";
+import { markdownCompCss, TacoMarkDown } from "lowcoder-design";
 
 const TransformerItemCompBase = new MultiCompBuilder(
   {
@@ -40,9 +41,10 @@ const TransformerItemCompBase = new MultiCompBuilder(
                         width: "100%",
                       })}
                       {QueryTutorials.transformer && (
-                        <DocLink style={{ marginTop: 8 }} href={QueryTutorials.transformer}>
+                        <><br/><TacoMarkDown>{trans("transformer.documentationText")}</TacoMarkDown>
+                        <DocLink style={{ marginTop: 8 }} href={QueryTutorials.transformer} title={trans("transformer.documentationText")}>
                           {trans("transformer.docLink")}
-                        </DocLink>
+                        </DocLink></>
                       )}
                     </div>
                   ),
diff --git a/client/packages/lowcoder/src/comps/controls/styleControlConstants.tsx b/client/packages/lowcoder/src/comps/controls/styleControlConstants.tsx
@@ -1021,7 +1021,13 @@ export const NavLayoutItemActiveStyle = [
 
 export const CarouselStyle = [getBackground("canvas")] as const;
 
-export const RichTextEditorStyle = [getStaticBorder(), getBackground("canvas"), RADIUS, BORDER_WIDTH] as const;
+export const RichTextEditorStyle = [
+  getStaticBorder(), 
+  getBackground("primarySurface"), 
+  RADIUS, 
+  BORDER_WIDTH
+] as const;
+
 export type InputLikeStyleType = StyleConfigType<typeof InputLikeStyle>;
 export type ButtonStyleType = StyleConfigType<typeof ButtonStyle>;
 export type ToggleButtonStyleType = StyleConfigType<typeof ToggleButtonStyle>;
diff --git a/client/packages/lowcoder/src/i18n/locales/en.ts b/client/packages/lowcoder/src/i18n/locales/en.ts
diff --git a/client/packages/lowcoder/src/util/tutorialUtils.ts b/client/packages/lowcoder/src/util/tutorialUtils.ts

Original file line number	Diff line number	Diff line change
`@@ -36,7 +36,7 @@ interface IMenuItemListProps {`
`36`	`36`	`onMoveItem: (path: number[], from: number, to: number) => void;`
`37`	`37`	`}`
`38`	`38`
`39`		`-const menuItemLabel = trans("menuItem");`
	`39`	`+const menuItemLabel = trans("navigation.itemsDesc");`
`40`	`40`
`41`	`41`	`function MenuItemList(props: IMenuItemListProps) {`
`42`	`42`	`const { items, onAddItem, onDeleteItem, onMoveItem, onAddSubItem } = props;`