Enabling display of Version Number for Remote Components

Author: FalkWolsky

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

@@ -112,6 +112,13 @@ export const CompName = (props: Iprops) => {
 
 
   if (compInfo.isRemote) {
+    items.push({
+      text: trans("history.currentVersion") + ": " + compInfo.packageVersion,
+      onClick: () => {
+        
+      },
+    });
+
     items.push({
       text: trans("comp.menuUpgradeToLatest"),
       onClick: () => {

client/packages/lowcoder/src/pages/editor/right/PluginPanel/PluginCompItem.tsx

@@ -96,7 +96,7 @@ export function PluginCompItem(props: PluginCompItemProps) {
       </div>
       <div className="module-content">
         <div className="module-name">{compMeta.name}</div>
-        <div className="module-desc">{compMeta.description || "No description."}</div>
+        <div className="module-desc">{compMeta.description || "No description."} <span>v{packageVersion || ""}</span></div>
       </div>
     </ItemWrapper>
   );

client/packages/lowcoder/src/pages/editor/right/PluginPanel/index.tsx

@@ -7,7 +7,7 @@ import { getUser } from "redux/selectors/usersSelectors";
 import { BluePlusIcon, CustomModal, DocLink, TacoButton, TacoInput } from "lowcoder-design";
 import { getCommonSettings } from "redux/selectors/commonSettingSelectors";
 import styled from "styled-components";
-import { normalizeNpmPackage, validateNpmPackage } from "comps/utils/remote";
+import { getNpmPackageMeta, normalizeNpmPackage, validateNpmPackage } from "comps/utils/remote";
 import { ComListTitle, ExtensionContentWrapper } from "../styledComponent";
 import { EmptyContent } from "components/EmptyContent";
 import { messageInstance } from "lowcoder-design";
@@ -37,6 +37,8 @@ export default function PluginPanel() {
     [commonSettings?.npmPlugins]
   );
 
+  console.log("plugins: ", plugins);
+
   const handleSetNpmPlugins = (nextNpmPlugins: string[]) => {
     dispatch(
       setCommonSettings({