May 28, 2025 · Jan 19, 2025 · Jan 19, 2025 · Jan 23, 2025 · Jan 24, 2025 · Jan 28, 2025
diff --git a/client/packages/lowcoder-design/src/components/Dropdown.tsx b/client/packages/lowcoder-design/src/components/Dropdown.tsx
            <CustomSelect
              open={props.open}
              listHeight={props.lineHeight}
 popupClassName="ob-dropdown-control-select"
 classNames={{popup: { root:"ob-dropdown-control-select"}}}
              showSearch={props.showSearch}
              filterOption={(input, option) => {
                if (props.optionFilterProp) {
              allowClear={props.allowClear}
              placeholder={props.placeholder}
              optionLabelProp={props.optionLabelProp}
 dropdownRender={(menu) =>
 popupRender={(menu) =>
                props.preNode ? (
                  <>
                    {props.preNode()}
diff --git a/client/packages/lowcoder-design/src/components/TriggeredDialog.tsx b/client/packages/lowcoder-design/src/components/TriggeredDialog.tsx
      <CustomModal
        open={visible}
        title={modalTitle}
 destroyOnClose
 destroyOnHidden
        onCancel={() => setVisible(false)}
        showOkButton={false}
        showCancelButton={false}
diff --git a/client/packages/lowcoder-design/src/components/customSelect.tsx b/client/packages/lowcoder-design/src/components/customSelect.tsx
  return (
    <SelectWrapper className={className} ref={ref} $border={border}>
      <AntdSelect
 popupClassName={popupClassName}
 classNames={{popup: { root:popupClassName }}}
        popupMatchSelectWidth={false}
        suffixIcon={<PackUpIcon />}
        {...restProps}
diff --git a/client/packages/lowcoder-design/src/components/form.tsx b/client/packages/lowcoder-design/src/components/form.tsx
        }}
        popupMatchSelectWidth={false}
        placeholder={props.placeholder}
 dropdownRender={props.dropdownRender}
 popupRender={props.dropdownRender}
      >
        {props.options?.map((item: any) => {
          return (
diff --git a/client/packages/lowcoder-design/src/components/tacoInput.tsx b/client/packages/lowcoder-design/src/components/tacoInput.tsx
      <CustomSelect
        disabled
        style={{ width: "80px", height: "38px" }}
 dropdownStyle={{ width: "408px" }}
 styles={{popup: { root: {width: "408px"}}}}
        defaultValue={defaultCountryCode}
        optionLabelProp="value"
        onChange={(value) => {
diff --git a/client/packages/lowcoder/src/components/JSLibraryModal.tsx b/client/packages/lowcoder/src/components/JSLibraryModal.tsx
          setInstallError(undefined);
          setURL("");
        }}
 destroyOnClose={true}
 destroyOnHidden={true}
        showOkButton={false}
        showCancelButton={false}
        width="648px"
diff --git a/client/packages/lowcoder/src/components/PermissionDialog/PermissionDialog.tsx b/client/packages/lowcoder/src/components/PermissionDialog/PermissionDialog.tsx
  return (
    <StepModal
      open={visible}
 destroyOnClose
 destroyOnHidden
      onCancel={() => {
        setActiveStepKey("view");
        onVisibleChange(false);
diff --git a/client/packages/lowcoder/src/components/layout/Layout.tsx b/client/packages/lowcoder/src/components/layout/Layout.tsx
        styles={{
          body: { padding: "0px" }
        }}
 destroyOnClose // Ensure drawer content is removed when closed
 destroyOnHidden // Ensure drawer content is removed when closed
      >
        <DrawerContentWrapper>
          <SideBarV2 className={CNSidebar}>
diff --git a/client/packages/lowcoder/src/comps/comps/autoCompleteComp/autoCompleteComp.tsx b/client/packages/lowcoder/src/comps/comps/autoCompleteComp/autoCompleteComp.tsx
              }
              return false;
            }}
 dropdownRender={(originNode: ReactNode) => (
 popupRender={(originNode: ReactNode) => (
              <DropdownStyled $style={props.childrenInputFieldStyle as ChildrenMultiSelectStyleType}>
                {originNode}
              </DropdownStyled>
diff --git a/client/packages/lowcoder/src/comps/comps/avatar.tsx b/client/packages/lowcoder/src/comps/comps/avatar.tsx
      placement={props.labelPosition === 'left' ? "bottomLeft" : "bottomRight"}
      arrow
      disabled={!props.enableDropdownMenu}
 dropdownRender={() => menu}
 popupRender={() => menu}
    >
      <Wrapper $iconSize={props.iconSize} $labelPosition={props.labelPosition} $style={props.style}>
        <Badge
diff --git a/client/packages/lowcoder/src/comps/comps/buttonComp/dropdownComp.tsx b/client/packages/lowcoder/src/comps/comps/buttonComp/dropdownComp.tsx
        {props.onlyMenu ? (
          <Dropdown
            disabled={props.disabled}
 dropdownRender={() => menu}
 popupRender={() => menu}
            trigger={[props.triggerMode]}
          >
            <Button100 $buttonStyle={props.style as any} disabled={props.disabled}>
        ) : (
          <StyledDropdownButton
            disabled={props.disabled}
 dropdownRender={() => menu}
 popupRender={() => menu}
            trigger={[props.triggerMode]}
            onClick={() => props.onEvent("click")}
            buttonsRender={([left, right]) => [
diff --git a/client/packages/lowcoder/src/comps/comps/buttonComp/scannerComp.tsx b/client/packages/lowcoder/src/comps/comps/buttonComp/scannerComp.tsx
          showCancelButton={false}
          open={showModal}
          maskClosable={props.maskClosable}
 destroyOnClose
 destroyOnHidden
          onCancel={() => {
            setShowModal(false);
            props.onEvent("close");
diff --git a/client/packages/lowcoder/src/comps/comps/fileComp/fileComp.tsx b/client/packages/lowcoder/src/comps/comps/fileComp/fileComp.tsx
      showCancelButton={false}
      open={props.showModal}
      maskClosable={true}
 destroyOnClose
 destroyOnHidden
      onCancel={props.onModalClose}
    >
      {!!errMessage ? (
                    trigger={["click"]}
                    open={dropdownShow}
                    onOpenChange={(value) => setDropdownShow(value)}
 dropdownRender={() => (
 popupRender={() => (
                      <Menu
                        items={modeList}
                        onClick={(value) =>
diff --git a/client/packages/lowcoder/src/comps/comps/formComp/createForm.tsx b/client/packages/lowcoder/src/comps/comps/formComp/createForm.tsx
      >
        <CustomModal
          open={visible}
 destroyOnClose={true}
 destroyOnHidden={true}
          title={trans("formComp.generateForm")}
          footer={null}
          onCancel={handleCancel}
diff --git a/client/packages/lowcoder/src/comps/comps/navComp/navComp.tsx b/client/packages/lowcoder/src/comps/comps/navComp/navComp.tsx
          return (
            <Dropdown
              key={idx}
 dropdownRender={() => subMenu}
 popupRender={() => subMenu}
            >
              {item}
            </Dropdown>
diff --git a/client/packages/lowcoder/src/comps/comps/preLoadComp.tsx b/client/packages/lowcoder/src/comps/comps/preLoadComp.tsx
      mask={activeKey !== TabKey.CSS}
      open={showScriptsAndStyleModal}
      title={trans("preLoad.scriptsAndStyles")}
 destroyOnClose
 destroyOnHidden
      onCancel={() => changeExternalState?.({ showScriptsAndStyleModal: false })}
      showOkButton={false}
      showCancelButton={false}
diff --git a/client/packages/lowcoder/src/comps/comps/selectInputComp/cascaderComp.tsx b/client/packages/lowcoder/src/comps/comps/selectInputComp/cascaderComp.tsx
          $childrenInputFieldStyle={props.childrenInputFieldStyle}
          onFocus={() => props.onEvent("focus")}
          onBlur={() => props.onEvent("blur")}
 dropdownRender={(menus: React.ReactNode) => (
 popupRender={(menus: React.ReactNode) => (
            <DropdownRenderStyle $childrenInputFieldStyle={props.childrenInputFieldStyle}>
              {menus}
            </DropdownRenderStyle>
diff --git a/client/packages/lowcoder/src/comps/comps/selectInputComp/selectCompConstants.tsx b/client/packages/lowcoder/src/comps/comps/selectInputComp/selectCompConstants.tsx
    filterOption={(input, option) =>
      option?.label.toLowerCase().includes(input.toLowerCase())
    }
 dropdownRender={(originNode: ReactNode) => (
 popupRender={(originNode: ReactNode) => (
      <DropdownStyled $style={props.childrenInputFieldStyle as ChildrenMultiSelectStyleType}>
        {originNode}
      </DropdownStyled>
diff --git a/...packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/columnDropdownComp.tsx b/...packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/columnDropdownComp.tsx
    <Dropdown
      trigger={["click"]}
      placement="bottomRight"
 dropdownRender={() => menu}
 popupRender={() => menu}
    >
      <StyledButton
        type={props.buttonType}
diff --git a/...t/packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/columnStatusComp.tsx b/...t/packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/columnStatusComp.tsx
        showSearch
        onSearch={handleSearch}
        onChange={handleChange}
 dropdownRender={(originNode: ReactNode) => (
 popupRender={(originNode: ReactNode) => (
          <DropdownStyled>
            <ScrollBar style={{ maxHeight: "256px" }}>{originNode}</ScrollBar>
          </DropdownStyled>
        )}
 dropdownStyle={{ marginTop: "7px", padding: "8px 0 6px 0" }}
 styles={{popup: { root: {marginTop: "7px", padding: "8px 0 6px 0"}}}}
        onBlur={handleBlur}
        onFocus={handleFocus}
        onClick={handleClick}
diff --git a/client/packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/columnTagsComp.tsx b/client/packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/columnTagsComp.tsx
        suffixIcon={<PackUpIcon />}
        onSearch={handleSearch}
        onChange={handleChange}
 dropdownRender={(originNode: ReactNode) => (
 popupRender={(originNode: ReactNode) => (
          <DropdownStyled>
            <ScrollBar style={{ maxHeight: "256px" }}>{originNode}</ScrollBar>
          </DropdownStyled>
        )}
 dropdownStyle={{ marginTop: "7px", padding: "8px 0 6px 0" }}
 styles={{popup: { root: {marginTop: "7px", padding: "8px 0 6px 0"}}}}
        onFocus={() => {
          if (mountedRef.current) {
            setOpen(true);
diff --git a/client/packages/lowcoder/src/comps/controls/multiSelectControl.tsx b/client/packages/lowcoder/src/comps/controls/multiSelectControl.tsx
            <DropdownContainer $placement={placement}>
              <CustomSelect
                mode={"multiple"}
 popupClassName="ob-dropdown-control-select"
 classNames={{popup: {root:"ob-dropdown-control-select"}}}
                filterOption={(input, option) => {
                  if (!option?.value) {
                    return false;
diff --git a/client/packages/lowcoder/src/comps/queries/resourceDropdown.tsx b/client/packages/lowcoder/src/comps/queries/resourceDropdown.tsx
          }
          props.changeResource(datasourceId, datasourceType);
        }}
 onDropdownVisibleChange={onDropdownVisibleChange}
 dropdownRender={
 onOpenChange={onDropdownVisibleChange}
 popupRender={
          Object.keys(dataSourceTypesMap).length > 0
            ? (menu) => (
                <DropdownWrapper>
diff --git a/client/packages/lowcoder/src/pages/ApplicationV2/CreateDropdown.tsx b/client/packages/lowcoder/src/pages/ApplicationV2/CreateDropdown.tsx
        trigger={["hover"]}
        getPopupContainer={(node) => node}
        onOpenChange={() => setCreateDropdownVisible(!createDropdownVisible)}
 dropdownRender={() => (
 popupRender={() => (
          <CreateDropdownMenu
            items={[
              getCreateMenuItem(HomeResTypeEnum.Application, mode),
diff --git a/client/packages/lowcoder/src/pages/ApplicationV2/MoveToFolderModal.tsx b/client/packages/lowcoder/src/pages/ApplicationV2/MoveToFolderModal.tsx
    <CustomModal
      open={!!props.source}
      onCancel={props.onClose}
 destroyOnClose={true}
 destroyOnHidden={true}
      width="408px"
      centered={true}
      title={trans("home.moveToFolder")}
diff --git a/client/packages/lowcoder/src/pages/ApplicationV2/components/CreateApiKeyModal.tsx b/client/packages/lowcoder/src/pages/ApplicationV2/components/CreateApiKeyModal.tsx
      }}
      onOk={handleOk}
      onCancel={handleCancel}
 destroyOnClose
 destroyOnHidden
      afterClose={() => form.resetFields()}
    >
      <FormStyled
diff --git a/client/packages/lowcoder/src/pages/common/copyModal.tsx b/client/packages/lowcoder/src/pages/common/copyModal.tsx
      title={trans("home.copyModalTitle", {name: appName})}
      open={visible}
      okButtonProps={{ disabled: !copyName }}
 destroyOnClose={true}
 destroyOnHidden={true}
      onCancel={close}
      showCancelButton
      showOkButton
diff --git a/client/packages/lowcoder/src/pages/common/header.tsx b/client/packages/lowcoder/src/pages/common/header.tsx
          className="cypress-header-dropdown"
          placement="bottomRight"
          trigger={["click"]}
 dropdownRender={() => (
 popupRender={() => (
            <DropdownMenuStyled
              style={{ minWidth: "110px", borderRadius: "4px" }}
              onClick={(e) => {
diff --git a/client/packages/lowcoder/src/pages/common/headerStartDropdown.tsx b/client/packages/lowcoder/src/pages/common/headerStartDropdown.tsx
        placement="bottomLeft"
        trigger={["click"]}
        disabled={showAppSnapshot}
 dropdownRender={() => (
 popupRender={() => (
          <DropdownMenuStyled
            style={{ minWidth: "136px", maxWidth: "288px", borderRadius: "4px" }}
            onClick={(e) => {
diff --git a/client/packages/lowcoder/src/pages/common/help.tsx b/client/packages/lowcoder/src/pages/common/help.tsx
        <ShortcutListPopup setShowShortcutList={props.setShowShortcutList} />
      )}
      <Dropdown
 dropdownRender={() => overlayMenus}
 popupRender={() => overlayMenus}
        placement="topRight"
        trigger={["click"]}
        open={showDropdown}
diff --git a/client/packages/lowcoder/src/pages/common/inviteDialog.tsx b/client/packages/lowcoder/src/pages/common/inviteDialog.tsx
      <CustomModal
        open={inviteDialogVisible}
        title={trans("memberSettings.inviteUser")}
 destroyOnClose
 destroyOnHidden
        onCancel={() => setInviteDialogVisible(false)}
        showOkButton={false}
        showCancelButton={false}
diff --git a/client/packages/lowcoder/src/pages/common/profileDropdown.tsx b/client/packages/lowcoder/src/pages/common/profileDropdown.tsx
  return (
    <>
      <StyledDropdown
 dropdownRender={() => menu}
 popupRender={() => menu}
        trigger={["click"]}
      >
        <div>
diff --git a/client/packages/lowcoder/src/pages/datasource/datasourceList.tsx b/client/packages/lowcoder/src/pages/datasource/datasourceList.tsx
          open={isCreateFormShow}
          onCancel={() => showCreateForm(false)}
          activeStepKey={"type"}
 destroyOnClose={true}
 destroyOnHidden={true}
          width="888px"
          steps={[
            {
diff --git a/client/packages/lowcoder/src/pages/datasource/datasourceModal.tsx b/client/packages/lowcoder/src/pages/datasource/datasourceModal.tsx
  return (
    <StepModal
      {...otherProps}
 destroyOnClose={true}
 destroyOnHidden={true}
      onStepChange={setActiveStepKey}
      activeStepKey={activeStepKey}
      width="888px"
diff --git a/client/packages/lowcoder/src/pages/editor/LeftContent.tsx b/client/packages/lowcoder/src/pages/editor/LeftContent.tsx
            onOk={() => setShowData([])}
            cancelButtonProps={{ style: { display: 'none' } }}
            closable={false}
 destroyOnClose={true}
 destroyOnHidden={true}
            maskClosable={false}
            okText={trans("modalComp.close")}
          >
diff --git a/client/packages/lowcoder/src/pages/editor/LeftLayersContent.tsx b/client/packages/lowcoder/src/pages/editor/LeftLayersContent.tsx
        <div style={{margin:"10px 0px"}}>
          <Flex gap="small" vertical>
            <CustomDropdown
 dropdownRender={() => (
 popupRender={() => (
                <Menu
                  items={items}
                  onClick={({ key }) => {
diff --git a/client/packages/lowcoder/src/pages/queryLibrary/QueryLibraryEditor.tsx b/client/packages/lowcoder/src/pages/queryLibrary/QueryLibraryEditor.tsx
    <CustomModal
      open={props.visible}
      onCancel={props.onClose}
 destroyOnClose={true}
 destroyOnHidden={true}
      width="600px"
      title={trans("queryLibrary.publishNewVersion")}
      footer={
diff --git a/client/packages/lowcoder/src/pages/setting/advanced/AdvancedSetting.tsx b/client/packages/lowcoder/src/pages/setting/advanced/AdvancedSetting.tsx
            allowClear={true}
            showSearch={true}
            style={{ width: "264px", height: "32px", marginBottom: 12 }}
 dropdownStyle={{ width: "264px" }}
 styles={{popup: { root: {width: "264px"}}}}
            value={settings.defaultHomePage}
            onChange={(value: string) => {
              setSettings((v) => ({ ...v, defaultHomePage: value }));
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/DeployItemModal.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/DeployItemModal.tsx
      open={visible}
      onCancel={onClose}
      footer={null}
 destroyOnClose
 destroyOnHidden
    >
      {isLoading ? (
        <div style={{ textAlign: 'center', padding: '20px' }}>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -184,7 +184,7 @@ export function Dropdown<T extends OptionsType>(props: DropdownProps<T>) {
		<CustomSelect
		open={props.open}
		listHeight={props.lineHeight}
		popupClassName="ob-dropdown-control-select"
		classNames={{popup: { root:"ob-dropdown-control-select"}}}
		showSearch={props.showSearch}
		filterOption={(input, option) => {
		if (props.optionFilterProp) {
Expand DownExpand Up		@@ -216,7 +216,7 @@ export function Dropdown<T extends OptionsType>(props: DropdownProps<T>) {
		allowClear={props.allowClear}
		placeholder={props.placeholder}
		optionLabelProp={props.optionLabelProp}
		dropdownRender={(menu) =>
		popupRender={(menu) =>
		props.preNode ? (
		<>
		{props.preNode()}
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -40,7 +40,7 @@ export function TriggeredDialog(props: {
		<CustomModal
		open={visible}
		title={modalTitle}
		destroyOnClose
		destroyOnHidden
		onCancel={() => setVisible(false)}
		showOkButton={false}
		showCancelButton={false}
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -96,7 +96,7 @@ const CustomSelect = React.forwardRef<HTMLDivElement, CustomSelectProps>((
		return (
		<SelectWrapper className={className} ref={ref} $border={border}>
		<AntdSelect
		popupClassName={popupClassName}
		classNames={{popup: { root:popupClassName }}}
		popupMatchSelectWidth={false}
		suffixIcon={<PackUpIcon />}
		{...restProps}
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -331,7 +331,7 @@ const FormSelect = (props: any) => {
		}}
		popupMatchSelectWidth={false}
		placeholder={props.placeholder}
		dropdownRender={props.dropdownRender}
		popupRender={props.dropdownRender}
		>
		{props.options?.map((item: any) => {
		return (
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -283,7 +283,7 @@ function PhoneNumberInput(props: {
		<CustomSelect
		disabled
		style={{ width: "80px", height: "38px" }}
		dropdownStyle={{ width: "408px" }}
		styles={{popup: { root: {width: "408px"}}}}
		defaultValue={defaultCountryCode}
		optionLabelProp="value"
		onChange={(value) => {
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -273,7 +273,7 @@ export function JSLibraryModal(props: JSLibraryModalProps) {
		setInstallError(undefined);
		setURL("");
		}}
		destroyOnClose={true}
		destroyOnHidden={true}
		showOkButton={false}
		showCancelButton={false}
		width="648px"
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -65,7 +65,7 @@ export const PermissionDialog = (props: {
		return (
		<StepModal
		open={visible}
		destroyOnClose
		destroyOnHidden
		onCancel={() => {
		setActiveStepKey("view");
		onVisibleChange(false);
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -121,7 +121,7 @@ export function Layout(props: LayoutProps) {
		styles={{
		body: { padding: "0px" }
		}}
		destroyOnClose // Ensure drawer content is removed when closed
		destroyOnHidden // Ensure drawer content is removed when closed
		>
		<DrawerContentWrapper>
		<SideBarV2 className={CNSidebar}>
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -257,7 +257,7 @@ let AutoCompleteCompBase = (function () {
		}
		return false;
		}}
		dropdownRender={(originNode: ReactNode) => (
		popupRender={(originNode: ReactNode) => (
		<DropdownStyled $style={props.childrenInputFieldStyle as ChildrenMultiSelectStyleType}>
		{originNode}
		</DropdownStyled>
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -164,7 +164,7 @@ const AvatarView = (props: RecordConstructorToView<typeof childrenMap>) => {
		placement={props.labelPosition === 'left' ? "bottomLeft" : "bottomRight"}
		arrow
		disabled={!props.enableDropdownMenu}
		dropdownRender={() => menu}
		popupRender={() => menu}
		>
		<Wrapper $iconSize={props.iconSize} $labelPosition={props.labelPosition} $style={props.style}>
		<Badge
Expand Down