fix: update fields value

src/components/logs-viewer/styles/index.less

@@ -55,7 +55,7 @@
     padding-top: 100px;
     display: flex;
     justify-content: center;
-    background-color: rgba(255, 255, 255, 25%);
+    background-color: var(--color-fill-spin-bg);
   }
 
   .copy {

src/components/logs-viewer/virtual-log-list.tsx

@@ -141,7 +141,7 @@ const LogsViewer: React.FC<LogsViewerProps> = forwardRef((props, ref) => {
 
   const createChunkConnection = async () => {
     chunkRequedtRef.current?.current?.abort?.();
-
+    setLoading(true);
     chunkRequedtRef.current = setChunkFetch({
       url,
       params: {

src/global.less

@@ -71,7 +71,7 @@ html {
   --seal-transition-func: cubic-bezier(0, 0, 1, 1);
   --color-green-fill-light: rgb(243 251 248);
   --ant-rate-star-color: #fadb14;
-  --color-fill-spin-bg: rgba(255, 255, 255, 60%);
+  --color-fill-spin-bg: rgba(255, 255, 255, 15%);
   --width-tooltip-max: 300px;
   --color-bg-tooltip: '#fff';
   --color-modal-content-bg: rgba(255, 255, 255, 90%);

src/pages/llmodels/components/advance-config.tsx

@@ -171,8 +171,8 @@ const AdvanceConfig: React.FC<AdvanceConfigProps> = (props) => {
     onValuesChange?.({}, form.getFieldsValue());
   };
 
-  const handleSelectorOnBlur = () => {
-    const workerSelector = form.getFieldValue('worker_selector');
+  const onSelectorChange = (field: string) => {
+    const workerSelector = form.getFieldValue(field);
     // check if all keys have values
     const hasEmptyValue = _.some(_.keys(workerSelector), (k: string) => {
       return !workerSelector[k];
@@ -182,12 +182,23 @@ const AdvanceConfig: React.FC<AdvanceConfigProps> = (props) => {
     }
   };
 
+  const handleSelectorOnBlur = () => {
+    onSelectorChange('worker_selector');
+  };
+
   const handleDeleteWorkerSelector = (index: number) => {
     onValuesChange?.({}, form.getFieldsValue());
   };
 
+  const handleEnvSelectorOnBlur = () => {
+    onSelectorChange('env');
+  };
+
+  const handleDeleteEnvSelector = (index: number) => {
+    onValuesChange?.({}, form.getFieldsValue());
+  };
+
   const handleBackendVersionOnBlur = () => {
-    const backendVersion = form.getFieldValue('backend_version');
     onValuesChange?.({}, form.getFieldsValue());
   };
 
@@ -450,6 +461,8 @@ const AdvanceConfig: React.FC<AdvanceConfigProps> = (props) => {
             })}
             labels={EnviromentVars}
             btnText="common.button.vars"
+            onBlur={handleEnvSelectorOnBlur}
+            onDelete={handleDeleteEnvSelector}
             onChange={handleEnviromentVarsChange}
           ></LabelSelector>
         </Form.Item>

src/pages/llmodels/components/update-modal.tsx

@@ -90,6 +90,7 @@ const UpdateModal: React.FC<AddModalProps> = (props) => {
 
   const handleOnValuesChange = (data: any) => {
     const formdata = form.getFieldsValue?.();
+
     let alldata = {};
     if (formdata.scheduleType === 'manual') {
       alldata = {
@@ -104,10 +105,16 @@ const UpdateModal: React.FC<AddModalProps> = (props) => {
       alldata = {
         ..._.omit(formdata, ['gpu_selector']),
         env: formdata.env || {},
-        worker_selector: originFormData.current?.worker_selector || null
+        worker_selector:
+          formdata.worker_selector ||
+          originFormData.current?.worker_selector ||
+          null
       };
     }
-    const isEqual = _.isEqualWith(alldata, originFormData.current, customizer);
+
+    const originalData = _.pick(originFormData.current, Object.keys(alldata));
+
+    const isEqual = _.isEqualWith(alldata, originalData, customizer);
     if (isEqual) {
       setWarningStatus({
         show: false,

src/pages/llmodels/config/index.ts

@@ -477,6 +477,7 @@ export const excludeFields = [
   'gpu_selector'
 ];
 
+// if some fields need to trigger manual check, add them here
 export const updateExcludeFields = [
   'repo_id',
   'file_name',
@@ -487,10 +488,11 @@ export const updateExcludeFields = [
   'local_path',
   'backend_version',
   'ollama_library_model_name',
-  'scheduleType',
   'backend',
   'gpu_selector',
-  'categories'
+  'categories',
+  'env',
+  'replicas'
 ];
 
 export const formFields = [

src/pages/llmodels/hooks/use-selector-change.ts

@@ -0,0 +1 @@
+export default function useSelectorChange() {}