Merge branch 'lowcoder-org:main' into patch-2

Author: konstchri

client/packages/lowcoder-sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lowcoder-sdk",
-  "version": "0.0.41",
+  "version": "2.1.0",
   "type": "module",
   "files": [
     "src",

client/packages/lowcoder/src/comps/comps/remoteComp/loaders.tsx

@@ -7,18 +7,29 @@ async function npmLoader(remoteInfo: RemoteCompInfo): Promise<CompConstructor |
   // log.info("load npm plugin:", remoteInfo);
   const { packageName, packageVersion = "latest", compName } = remoteInfo;
   const entry = `${NPM_PLUGIN_ASSETS_BASE_URL}/${packageName}@${packageVersion}/index.js`;
-  const module = await import(/* @vite-ignore */ entry);
-  const comp = module.default?.[compName];
-  if (!comp) {
+  console.log("Entry", entry);
+  try {
+    const module = await import(/* webpackIgnore: true */ entry);
+    // let module = moduleGlobe;
+    // if (packageName !== "openblocks-comps-workmeet") {
+    //   module = await import(entry);
+    // }
+    console.log("Entry 1", module);
+    const comp = module.default?.[compName];
+    if (!comp) {
+      throw new Error(trans("npm.compNotFound", { compName }));
+    }
+    return comp;
+  } catch (e) {
+    console.log("eeeee", e);
     throw new Error(trans("npm.compNotFound", { compName }));
   }
-  return comp;
 }
 
 async function bundleLoader(remoteInfo: RemoteCompInfo): Promise<CompConstructor | null> {
   const { packageName, packageVersion = "latest", compName } = remoteInfo;
   const entry = `/${packageName}/${packageVersion}/index.js?v=${REACT_APP_COMMIT_ID}`;
-  const module = await import(/* @vite-ignore */ entry);
+  const module = await import(/* webpackIgnore: true */ entry);
   const comp = module.default?.[compName];
   if (!comp) {
     throw new Error(trans("npm.compNotFound", { compName }));

client/packages/lowcoder/src/comps/generators/uiCompBuilder.tsx

@@ -26,7 +26,7 @@ export type NewChildren<ChildrenCompMap extends Record<string, Comp<unknown>>> =
 export function HidableView(props: { children: JSX.Element | React.ReactNode; hidden: boolean }) {
   const { readOnly } = useContext(ExternalEditorContext);
   if (readOnly) {
-    return <>{!props.hidden && props.children}</>;
+    return <>{props.children}</>;
   } else {
     return (
       <>