fix: add data transformer

web/src/pages/Service/service.ts

@@ -15,6 +15,7 @@
  * limitations under the License.
  */
 import { request } from 'umi';
+import { transformData } from './transform';
 
 export const fetchList = ({ current = 1, pageSize = 10, ...res }) =>
   request('/services', {
@@ -31,13 +32,13 @@ export const fetchList = ({ current = 1, pageSize = 10, ...res }) =>
 export const create = (data: ServiceModule.Entity) =>
   request('/services', {
     method: 'POST',
-    data,
+    data: transformData(data),
   });
 
 export const update = (serviceId: string, data: ServiceModule.Entity) =>
   request(`/services/${serviceId}`, {
     method: 'PUT',
-    data,
+    data: transformData(data),
   });
 
 export const remove = (serviceId: string) =>

web/src/pages/Service/transform.ts

@@ -0,0 +1,31 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export const transformData = (data: ServiceModule.Entity): ServiceModule.Entity => {
+  const newData = data;
+
+  if (newData.hosts) {
+    newData.hosts = newData.hosts.filter((item) => {
+      return !!item;
+    });
+
+    if (newData.hosts.length <= 0) {
+      delete newData.hosts;
+    }
+  }
+
+  return newData;
+};

web/src/pages/Service/typing.d.ts

@@ -18,6 +18,7 @@ declare namespace ServiceModule {
   type Entity = {
     name: string;
     desc: string;
+    hosts?: string[];
     upstream: any;
     upstream_id: string;
     labels: string;