Merge pull request #1358 from lowcoder-org/ee-setup

EE setup

Author: FalkWolsky

.vscode/settings.json

@@ -5,5 +5,6 @@
         "titleBar.activeForeground": "#F9FAF2"
     },
     "java.debug.settings.onBuildFailureProceed": true,
-    "java.configuration.updateBuildConfiguration": "automatic"
+    "java.configuration.updateBuildConfiguration": "automatic",
+    "terminal.integrated.scrollback": 100000000,
 }

client/packages/lowcoder-design/src/components/Dropdown.tsx

@@ -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) {
@@ -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()}

client/packages/lowcoder-design/src/components/TriggeredDialog.tsx

@@ -40,7 +40,7 @@ export function TriggeredDialog(props: {
       <CustomModal
         open={visible}
         title={modalTitle}
-        destroyOnClose
+        destroyOnHidden
         onCancel={() => setVisible(false)}
         showOkButton={false}
         showCancelButton={false}

client/packages/lowcoder-design/src/components/colorSelect/index.tsx

@@ -48,7 +48,7 @@ export const ColorSelect = (props: ColorSelectProps) => {
 
   useEffect(() => {
     if (color !== selectedColor) {
-      const value = getGradientObject();
+      const value = getGradientObject("#ffffff");
       if (!value?.isGradient) {
         return throttleChange(toHex(selectedColor));
       }

client/packages/lowcoder-design/src/components/customSelect.tsx

@@ -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}

client/packages/lowcoder-design/src/components/form.tsx

@@ -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 (

client/packages/lowcoder-design/src/components/tacoInput.tsx

@@ -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) => {

client/packages/lowcoder-design/src/icons/index.tsx

@@ -132,7 +132,11 @@ export { ReactComponent as APIDocsIcon } from "./remix/instance-line.svg";
 export { ReactComponent as SubscriptionIcon } from "./remix/award-fill.svg";
 export { ReactComponent as SupportIcon } from "./remix/user-heart-line.svg";
 // export { ReactComponent as AllAppIcon } from "./v1/icon-all-app.svg";
-
+// EE 
+export { ReactComponent as EnvironmentsIcon } from "./remix/git-branch-line.svg"; 
+export { ReactComponent as UsageStatisticsIcon } from "./remix/line-chart-line.svg";
+export { ReactComponent as AutitLogsIcon } from "./remix/user-community-line.svg";
+export { ReactComponent as BrandingIcon } from "./remix/paint-brush-line.svg";
 
 // Data Sources
 export { ReactComponent as MysqlIcon } from "./v1/icon-query-MySQL.svg";