@ldquocc/dynamic-form 0.0.10 → 0.0.12

package/fesm2022/ldquocc-dynamic-form.mjs

@@ -966,15 +966,22 @@ const buildForm = (fields, mode, model) => {
             continue;
         const fieldKey = field?.key;
         // field.value = field.allowSetValue ? (model?.[fieldKey] || field.value) : null;
-        if (field.allowSetValue) {
-            field.value = field.getDefaultValue();
-            field.modelValue = null;
-            if (model?.[fieldKey]) {
-                field.value = field.toFormValue(model[fieldKey]);
-                field.modelValue = model[fieldKey];
-            }
-            field.initialValue = field.value;
+        // 1. Luôn luôn reset về default trước để xoá cache cũ của instance field
+        field.value = field.getDefaultValue();
+        field.modelValue = null;
+        // 2. Kiểm tra quyền set value theo FormMode hiện tại
+        const isAllowedSet = Array.isArray(field.allowSetValue)
+            ? field.allowSetValue.includes(mode)
+            : Boolean(field.allowSetValue);
+        // 3. Chỉ nạp từ model nếu mode cho phép và model có key đó
+        if (isAllowedSet &&
+            model &&
+            fieldKey in model &&
+            model[fieldKey] !== undefined) {
+            field.value = field.toFormValue(model[fieldKey]);
+            field.modelValue = model[fieldKey];
         }
+        field.initialValue = field.value;
         //  console.log("e", field.value );
         // field.value = field.allowSetValue ? field.toFormValue(model?.[fieldKey] | field.getDefaultValue()) : field.getDefaultValue();
         const control = field.toFormControl();
@@ -2257,6 +2264,8 @@ class BaseValueAccessor {
         this.onTouched = () => { };
         this.isDisabled = false;
         this.disabledSignal = signal(false); // Đang có select dùng isDisableSignal nên sau này đồng bộ lại.
+        // Khai báo signal lưu dữ liệu gốc (root data / model value)
+        this.rootDataSignal = signal(null);
         this.dFormService = inject(DynamicFormService);
         this.formDataService = inject(FormDataService);
         this.fieldService = inject(FieldService);
@@ -2291,6 +2300,9 @@ class BaseValueAccessor {
     writeValue(value) {
         this.value = value;
         this.valueSignal.set(value);
+        // Chụp lại dữ liệu gốc từ modelValue (nếu có) hoặc fallback về value:
+        const rootData = this.fieldInput()?.modelValue ?? value;
+        this.rootDataSignal.set(rootData);
         this.writeValueToView(value); // 👈 component con override nếu cần.
     }
     registerOnChange(fn) {
@@ -2969,8 +2981,8 @@ class MultiSelectComponent extends BaseSelectComponent {
         this.viewDisplayValue = computed(() => {
             if (!this.isView())
                 return [];
-            console.log("viewDisplayValue", this.field().modelValue || []);
-            return this.getDisplayValue(this.field().modelValue || []);
+            const value = this.rootDataSignal();
+            return this.getDisplayValue(value);
         });
     }
     onApiOptionsLoaded() {
@@ -3117,12 +3129,18 @@ class SingleSelectComponent extends BaseSelectComponent {
             }
             return base;
         });
+        this.log = computed(() => {
+            console.log("valueSignalvalueSignalvalueSignalvalueSignal", this.fieldKey(), this.valueSignal());
+            return this.valueSignal();
+        });
         // Giá trị dùng hiển thị ở chế độ View.
         this.viewDisplayValue = computed(() => {
             if (!this.isView())
                 return "";
-            return this.getDisplayValue(this.field().modelValue || this.valueSignal());
+            const value = this.rootDataSignal();
+            return this.getDisplayValue(value);
         });
+        this.displayValue = "";
     }
     onApiOptionsLoaded() {
         const field = this.field();
@@ -3137,6 +3155,12 @@ class SingleSelectComponent extends BaseSelectComponent {
     }
     // Chạy khi value form được gán bởi các hàm reset, patchValue, setValue.
     writeValueToView(value) {
+        // if (this.isView()) {
+        //   this.displayValue = this.getDisplayValue(
+        //     this.field().modelValue as string | Record<string, unknown>,
+        //   );
+        //   return;
+        // }
         if (!this.isAddOrEdit())
             return;
         // Bắn giá trị mới vào BehaviorSubject của FieldService.
@@ -3191,6 +3215,7 @@ class SingleSelectComponent extends BaseSelectComponent {
     }
     // Làm phẳng giá trị để hiện thị ở chế độ View.
     getDisplayValue(value) {
+        console.log("getdisplay", value);
         if (!value)
             return NO_INFO_TEXT;
         if (typeof value === "object") {