Merge pull request #488 from lowcoder-org/dev

Dev -> Main for v2.1.5

Author: FalkWolsky

client/packages/lowcoder-cli/client.d.ts

@@ -8,8 +8,8 @@ declare module "*.svg" {
     React.SVGProps<SVGSVGElement> & { title?: string }
   >;
 
-  const src: string;
-  export default src;
+  // const src: string;
+  // export default src;
 }
 
 declare module "*.md" {
@@ -31,10 +31,6 @@ declare var REACT_APP_LANGUAGES: string;
 declare var REACT_APP_COMMIT_ID: string;
 declare var REACT_APP_API_HOST: string;
 declare var LOWCODER_NODE_SERVICE_URL: string;
-declare var REACT_APP_LOWCODER_SHOW_BRAND: string;
-declare var REACT_APP_LOWCODER_CUSTOM_LOGO: string;
-declare var REACT_APP_LOWCODER_CUSTOM_LOGO_SQUARE: string;
-declare var REACT_APP_LOWCODER_CUSTOM_AUTH_WELCOME_TEXT: string;
 declare var REACT_APP_ENV: string;
 declare var REACT_APP_BUILD_ID: string;
 declare var REACT_APP_LOG_LEVEL: string;

client/packages/lowcoder-dev-utils/buildVars.js

@@ -19,22 +19,6 @@ export const buildVars = [
     name: "REACT_APP_API_HOST",
     defaultValue: "",
   },
-  {
-    name: "REACT_APP_LOWCODER_SHOW_BRAND",
-    defaultValue: 'false',
-  },
-  {
-    name: "REACT_APP_LOWCODER_CUSTOM_LOGO",
-    defaultValue: '',
-  },
-  {
-    name: "REACT_APP_LOWCODER_CUSTOM_LOGO_SQUARE",
-    defaultValue: '',
-  },
-  {
-    name: "REACT_APP_LOWCODER_CUSTOM_AUTH_WELCOME_TEXT",
-    defaultValue: '',
-  },
   {
     name: "LOWCODER_NODE_SERVICE_URL",
     defaultValue: "",

client/packages/lowcoder/index.html

@@ -96,11 +96,5 @@
     <div id="root"></div>
     <script type="module" src="/src/index.ts"></script>
     <!-- <%- browserCheckScript %> -->
-    <script>
-      window.lowcoder_show_brand = "<%= process.env.REACT_APP_LOWCODER_SHOW_BRAND %>";
-      window.lowcoder_custom_auth_welcome_text = "<%= process.env.REACT_APP_LOWCODER_CUSTOM_AUTH_WELCOME_TEXT %>";
-      window.lowcoder_custom_logo = "<%= process.env.REACT_APP_LOWCODER_CUSTOM_LOGO %>";
-      window.lowcoder_custom_logo_square = "<%= process.env.REACT_APP_LOWCODER_CUSTOM_LOGO_SQUARE %>";
-    </script>
   </body>
 </html>

client/packages/lowcoder/src/app-env.d.ts

@@ -34,10 +34,6 @@ declare var REACT_APP_LANGUAGES: string;
 declare var REACT_APP_COMMIT_ID: string;
 declare var REACT_APP_API_HOST: string;
 declare var LOWCODER_NODE_SERVICE_URL: string;
-declare var REACT_APP_LOWCODER_SHOW_BRAND: string;
-declare var REACT_APP_LOWCODER_CUSTOM_LOGO: string;
-declare var REACT_APP_LOWCODER_CUSTOM_LOGO_SQUARE: string;
-declare var REACT_APP_LOWCODER_CUSTOM_AUTH_WELCOME_TEXT: string;
 declare var REACT_APP_ENV: string;
 declare var REACT_APP_BUILD_ID: string;
 declare var REACT_APP_LOG_LEVEL: string;

client/packages/lowcoder/src/app.tsx

@@ -39,14 +39,13 @@ import { CodeEditorTooltipContainer } from "base/codeEditor/codeEditor";
 import { ProductLoading } from "components/ProductLoading";
 import { language, trans } from "i18n";
 import { loadComps } from "comps";
-import { fetchHomeData } from "redux/reduxActions/applicationActions";
 import { initApp } from "util/commonUtils";
 import ApplicationHome from "./pages/ApplicationV2";
 import { favicon } from "@lowcoder-ee/assets/images";
 import { hasQueryParam } from "util/urlUtils";
 import { isFetchUserFinished } from "redux/selectors/usersSelectors";
 import { SystemWarning } from "./components/SystemWarning";
-import { getBrandingConfig, getSystemConfigFetching } from "./redux/selectors/configSelectors";
+import { getBrandingConfig } from "./redux/selectors/configSelectors";
 import { buildMaterialPreviewURL } from "./util/materialUtils";
 import GlobalInstances from 'components/GlobalInstances';
 
@@ -71,35 +70,22 @@ const Wrapper = (props: { children: React.ReactNode }) => (
 
 type AppIndexProps = {
   isFetchUserFinished: boolean;
-  isFetchHomeFinished: boolean;
-  // isFetchingConfig: boolean;
   currentOrgId?: string;
   orgDev: boolean;
   defaultHomePage: string | null | undefined;
   fetchConfig: (orgId?: string) => void;
   getCurrentUser: () => void;
-  fetchHome: () => void;
   favicon: string;
   brandName: string;
 };
 
 class AppIndex extends React.Component<AppIndexProps, any> {
   componentDidMount() {
     this.props.getCurrentUser();
-    const { pathname } = history.location;
-
-    this.props.fetchConfig(this.props.currentOrgId);
-
-    if (pathname === BASE_URL) {
-      this.props.fetchHome();
-    }
   }
 
   componentDidUpdate(prevProps: AppIndexProps) {
-    if (history.location.pathname === BASE_URL) {
-      this.props.fetchHome();
-    }
-    if(prevProps.currentOrgId !== this.props.currentOrgId) {
+    if(prevProps.currentOrgId !== this.props.currentOrgId && this.props.currentOrgId !== '') {
       this.props.fetchConfig(this.props.currentOrgId);
     }
   }
@@ -108,11 +94,7 @@ class AppIndex extends React.Component<AppIndexProps, any> {
     const isTemplate = hasQueryParam("template");
     const pathname = history.location.pathname;
     // make sure all users in this app have checked login info
-    if (
-      !this.props.isFetchUserFinished ||
-      // this.props.isFetchingConfig ||
-      (pathname === BASE_URL && !this.props.isFetchHomeFinished)
-    ) {
+    if (!this.props.isFetchUserFinished) {
       const hideLoadingHeader = isTemplate || isAuthUnRequired(pathname);
       return <ProductLoading hideHeader={hideLoadingHeader} />;
     }
@@ -185,11 +167,9 @@ class AppIndex extends React.Component<AppIndexProps, any> {
 
 const mapStateToProps = (state: AppState) => ({
   isFetchUserFinished: isFetchUserFinished(state),
-  // isFetchingConfig: getSystemConfigFetching(state),
   orgDev: state.ui.users.user.orgDev,
   currentOrgId: state.ui.users.user.currentOrgId,
   defaultHomePage: state.ui.application.homeOrg?.commonSettings.defaultHomePage,
-  isFetchHomeFinished: state.ui.application.loadingStatus.fetchHomeDataFinished,
   favicon: getBrandingConfig(state)?.favicon
     ? buildMaterialPreviewURL(getBrandingConfig(state)?.favicon!)
     : favicon,
@@ -201,7 +181,6 @@ const mapDispatchToProps = (dispatch: any) => ({
     dispatch(fetchUserAction());
   },
   fetchConfig: (orgId?: string) => dispatch(fetchConfigAction(orgId)),
-  fetchHome: () => dispatch(fetchHomeData({})),
 });
 
 const AppIndexWithProps = connect(mapStateToProps, mapDispatchToProps)(AppIndex);

client/packages/lowcoder/src/assets/images/index.tsx

@@ -1,6 +1,6 @@
 //window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches
-import { ReactComponent as LogoIcon } from "./logo.svg";
-import { ReactComponent as LogoWithNameIcon } from "./logo-with-name.svg";
+import { ReactComponent as LogoIcon } from "./logo-with-name-home.svg";
+import { ReactComponent as LogoWithNameIcon } from "./logo-with-name-home.svg";
 import { ReactComponent as LogoHomeIcon } from "./logo-with-name-home.svg";
 
 export { default as favicon } from "./favicon.ico";

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

@@ -78,15 +78,13 @@ export default function PageSkeleton(props: IProps) {
     </SkeletonWrapper>
   );
 
+  // {/* headerStart={REACT_APP_LOWCODER_SHOW_BRAND === 'true' ? REACT_APP_LOWCODER_CUSTOM_LOGO !== "" ? <img src={REACT_APP_LOWCODER_CUSTOM_LOGO} alt="logo" /> :<StyledLogoWithName branding={true} /> : <StyledLogoHome branding={true} />} */}
+
   return (
     <Layout>
       {!hideHeader && isHeaderReady && (
-        <Header
-          headerStart={
-            REACT_APP_LOWCODER_SHOW_BRAND === 'true' ? 
-            REACT_APP_LOWCODER_CUSTOM_LOGO !== "" ? <img src={REACT_APP_LOWCODER_CUSTOM_LOGO} alt="logo" /> :<StyledLogoWithName branding={true} /> : 
-            <StyledLogoHome branding={true} />
-          }
+        <Header 
+          headerStart={<StyledLogoWithName branding={true} />}
           style={{ backgroundColor: brandingConfig?.headerColor, ...props.headStyle }}
         />
       )}
@@ -95,5 +93,6 @@ export default function PageSkeleton(props: IProps) {
         <MainContent>{!hideContent && skeleton}</MainContent>
       </Layout>
     </Layout>
+    
   );
 }

client/packages/lowcoder/src/comps/comps/dateComp/dateCompUtil.ts

@@ -99,6 +99,10 @@ export const getStyle = (style: DateTimeStyleType) => {
           : style.text};
       }
 
+      .ant-picker-clear {
+        inset-inline-end: 18px
+      }
+
       .ant-picker-clear:hover {
         color: ${style.text === "#222222"
           ? "#8B8FA3"

client/packages/lowcoder/src/comps/controls/labelControl.tsx

@@ -69,7 +69,6 @@ const LabelWrapper = styled.div<{
 }>`
   display: flex;
   align-items: center;
-  line-height: 100%;
   margin-right: 8px;
   margin-bottom: ${(props) => (props.position === "row" ? 0 : "3.5px")};
   justify-content: ${(props) => (props.align === "left" ? "start" : "end")};

client/packages/lowcoder/src/index.ts

@@ -34,10 +34,6 @@ debug(`REACT_APP_LANGUAGES:, ${REACT_APP_LANGUAGES}`);
 debug(`REACT_APP_API_HOST:, ${REACT_APP_API_HOST}`);
 debug(`REACT_APP_ENV:, ${REACT_APP_ENV}`);
 debug(`REACT_APP_LOG_LEVEL:, ${REACT_APP_LOG_LEVEL}`);
-debug(`REACT_APP_LOWCODER_SHOW_BRAND:, ${REACT_APP_LOWCODER_SHOW_BRAND}`);
-debug(`REACT_APP_LOWCODER_CUSTOM_AUTH_WELCOME_TEXT:, ${REACT_APP_LOWCODER_CUSTOM_AUTH_WELCOME_TEXT}`);
-debug(`LOWCODER_CUSTOM_LOGO:, ${REACT_APP_LOWCODER_CUSTOM_LOGO}`);
-debug(`LOWCODER_CUSTOM_LOGO_SQUARE:, ${REACT_APP_LOWCODER_CUSTOM_LOGO_SQUARE}`);
 
 try {
   bootstrap();