feat: improve plugin store authentication handling in useVisualConfig

Author: LTbinglingfeng

src/hooks/useVisualConfig.ts

@@ -1205,6 +1205,7 @@ export function useVisualConfig() {
           doc.contents = doc.createNode({}) as unknown as typeof doc.contents;
         }
         const values = visualValues;
+        const shouldWritePluginStoreAuth = dirtyFields.has('pluginStoreAuth');
 
         setStringInDoc(doc, ['host'], values.host);
         setIntFromStringInDoc(doc, ['port'], values.port);
@@ -1266,7 +1267,7 @@ export function useVisualConfig() {
           docHas(doc, ['plugins']) ||
           values.pluginsEnabled ||
           values.pluginStoreSources.length > 0 ||
-          values.pluginStoreAuth.length > 0 ||
+          shouldWritePluginStoreAuth ||
           shouldWriteManagedField(doc, ['plugins', 'enabled'], dirtyFields, 'pluginsEnabled') ||
           shouldWriteManagedField(
             doc,
@@ -1289,10 +1290,7 @@ export function useVisualConfig() {
           ) {
             setStringListInDoc(doc, ['plugins', 'store-sources'], values.pluginStoreSources);
           }
-          if (
-            values.pluginStoreAuth.length > 0 ||
-            shouldWriteManagedField(doc, ['plugins', 'store-auth'], dirtyFields, 'pluginStoreAuth')
-          ) {
+          if (shouldWritePluginStoreAuth) {
             const storeAuth = serializePluginStoreAuthForYaml(values.pluginStoreAuth);
             if (storeAuth.length > 0) {
               doc.setIn(['plugins', 'store-auth'], storeAuth);