@tecof/theme-editor 0.0.23 → 0.0.24

package/dist/index.mjs

@@ -946,8 +946,11 @@ var LanguageField = ({
       return existing || { code, value: "" };
     });
   }, [value, merchantInfo]);
+  const valuesRef = useRef(values);
+  valuesRef.current = values;
   const handleChange = useCallback((code, newVal) => {
-    const updated = [...values];
+    const current = valuesRef.current;
+    const updated = [...current];
     const idx = updated.findIndex((v2) => v2.code === code);
     if (idx >= 0) {
       updated[idx] = { ...updated[idx], value: newVal };
@@ -955,10 +958,10 @@ var LanguageField = ({
       updated.push({ code, value: newVal });
     }
     onChange(updated);
-  }, [values, onChange]);
+  }, [onChange]);
   const getCurrentText = useCallback(() => {
-    return values.find((v2) => v2.code === activeTab)?.value || "";
-  }, [values, activeTab]);
+    return valuesRef.current.find((v2) => v2.code === activeTab)?.value || "";
+  }, [activeTab]);
   const handleFastFill = useCallback(() => {
     const text2 = getCurrentText();
     if (!text2) return;
@@ -981,7 +984,7 @@ var LanguageField = ({
     try {
       const res2 = await apiClient.translate(text2, activeTab, otherLocales, isHtml);
       if (res2.success && Array.isArray(res2.data)) {
-        const updated = [...values];
+        const updated = [...valuesRef.current];
         for (const t2 of res2.data) {
           const idx = updated.findIndex((v2) => v2.code === t2.code);
           if (idx >= 0) {
@@ -1001,7 +1004,7 @@ var LanguageField = ({
       setTranslating(false);
       setTimeout(() => setStatusMsg(null), 3e3);
     }
-  }, [getCurrentText, merchantInfo, activeTab, values, onChange, apiClient, isHtml]);
+  }, [getCurrentText, merchantInfo, activeTab, onChange, apiClient, isHtml]);
   if (loading) return /* @__PURE__ */ jsx(FieldLoading, {});
   if (error2 && !merchantInfo) return /* @__PURE__ */ jsx("div", { className: "tecof-lang-error", children: error2 });
   if (!merchantInfo) return null;