fix: os image dropdown list

2025-09-17 15:17:31 +08:00
parent d063dfd652
commit f36613227e
7 changed files with 8 additions and 44 deletions
@@ -329,6 +329,7 @@ const ClusterCreate = () => {
      {currentStep === startStep && (
        <ProviderCatalog
          dataList={providerList}
+          height={80}
          onSelect={handleSelectProvider}
          clickable={true}
          current={extraData.provider}
@@ -425,7 +425,6 @@ const PoolForm: React.FC<AddModalProps> = forwardRef((props, ref) => {
              showSearch
              allowClear
              onChange={handleOsImageChange}
-              filterOption={filterImageOption}
              optionRender={(option) =>
                RenderOption({
                  ...option,
@@ -36,6 +36,7 @@ interface ProviderCatalogProps {
  cols?: number;
  current?: ProviderType | string;
  clickable?: boolean;
+  height: string | number;
  dataList: {
    label: string;
    key: string;
@@ -52,6 +53,7 @@ const ProviderCatalog: React.FC<ProviderCatalogProps> = ({
  cols = 3,
  dataList,
  clickable,
+  height,
  current
 }) => {
  const intl = useIntl();
@@ -77,7 +79,7 @@ const ProviderCatalog: React.FC<ProviderCatalogProps> = ({
          <Wrapper $cols={cols}>
            {items?.map((action) => (
              <Card
-                height="80px"
+                height={height}
                key={action.key}
                onClick={() => onSelect?.(action.key as string, action)}
                active={current === action.key}
@@ -112,6 +112,7 @@ const SupportedHardware: React.FC<SupportedHardwareProps> = ({
  return (
    <ProviderCatalog
      onSelect={onSelect}
+      height={60}
      current={current}
      dataList={supportedHardPlatforms}
      clickable={clickable}
@@ -160,7 +160,7 @@ export const clusterActionList = [
    label: 'resources.button.create',
    provider: ProviderValueMap.Docker,
    locale: true,
-    icon: icons.Docker
+    icon: icons.DockerOutlined
  },
  {
    key: 'register_cluster',
@@ -174,7 +174,7 @@ export const clusterActionList = [
    label: 'clusters.button.addNodePool',
    provider: ProviderValueMap.DigitalOcean,
    locale: true,
-    icon: icons.Catalog
+    icon: icons.Catalog1
  },
  {
    key: 'delete',