@structured-field/widget-editor 1.2.0 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@structured-field/widget-editor",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "A lightweight JSON Schema form builder with support for relation fields (ForeignKey, QuerySet) and autocomplete search.",
   "type": "module",
   "main": "dist/structured-widget-editor.js",

package/src/SchemaForm.vue

@@ -24,12 +24,14 @@ export default {
     initialData: { default: undefined },
     errors: { type: Object, default: () => ({}) },
     customEditors: { type: Array, default: () => [] },
+    language: { type: String, default: '' },
   },
   emits: ['change'],
   expose: ['getValue'],
   provide() {
     return {
       customEditors: () => this.customEditors,
+      language: () => this.language,
     };
   },
   data() {

package/src/editors/RelationEditor.vue

@@ -46,6 +46,9 @@ import SfIcon from './SfIcon.vue';
 export default {
   name: 'RelationEditor',
   components: { SfIcon },
+  inject: {
+    language: { from: 'language', default: () => () => '' },
+  },
   props: {
     schema: { type: Object, required: true },
     modelValue: { default: null },
@@ -151,6 +154,8 @@ export default {
         const url = new URL(this.searchUrl, window.location.origin);
         url.searchParams.set('_q', query || '');
         url.searchParams.set('page', String(page));
+        const lang = typeof this.language === 'function' ? this.language() : this.language;
+        if (lang) url.searchParams.set('_lang', lang);
 
         const response = await fetch(url, { credentials: 'same-origin' });
         if (!response.ok) return;

package/src/scss/components/editors.scss

@@ -131,7 +131,8 @@
     border: 1px solid var(--border-color, #ccc);
     border-radius: 4px;
     background: var(--darkened-bg, #f8f8f8);
-    overflow: hidden;
+    overflow: visible;
+    position: relative;
   }
 
   .sf-array-item {
@@ -156,6 +157,7 @@
     padding: 4px 8px;
     background: var(--darkened-bg, #f0f0f0);
     border-bottom: 1px solid var(--border-color, #ccc);
+    border-radius: 4px 4px 0 0;
   }
 
   .sf-array-item-left {