@piying/view-angular-core 1.5.8 → 1.5.10

package/fesm2022/piying-view-angular-core.mjs

@@ -623,7 +623,9 @@ class FieldGroupbase extends AbstractControl {
             const restValue = this.getResetValue(viewValue);
             this.beforeUpdateList.forEach((fn) => fn(restValue, type !== UpdateType.init));
         }
-        else if (this.config$().groupMode === 'loose') {
+        else if (this.config$().groupMode === 'loose' ||
+            this.config$().groupMode === 'strict') {
+            // loose下为了输出值,strict下为了验证
             const resetValue = this.getResetValue(viewValue);
             this.resetValue$.set(resetValue);
         }
@@ -671,84 +673,75 @@ class FieldGroupbase extends AbstractControl {
     }
 }
 
-class FieldArray extends FieldGroupbase {
-    #deletionMode$$ = computed(() => this.config$().deletionMode ?? 'shrink');
+class FieldGroup extends FieldGroupbase {
     value$$ = computed(() => {
-        let list = [];
-        this._reduceChildren(list, (acc, control, name) => {
-            if (control && control.shouldInclude$$()) {
-                list.push(control.value$$());
-            }
-            else {
-                if (this.#deletionMode$$() === 'shrink') {
-                    return list;
-                }
-                else if (this.#deletionMode$$() === 'mark') {
-                    list.push(undefined);
-                }
+        const result = this._reduceChildren({ ...this.resetValue$() }, (acc, control, name) => {
+            if (control.shouldInclude$$()) {
+                acc[name] = control.value;
             }
-            return list;
+            return acc;
         });
-        list = [...list, ...(this.resetValue$() ?? [])];
-        const returnResult = list.length === 0 ? this.emptyValue$$() : list;
+        const returnResult = Object.keys(result).length
+            ? result
+            : this.emptyValue$$();
         return (this.config$().transfomer?.toModel?.(returnResult, this) ?? returnResult);
     });
-    children$$ = computed(() => [
+    #controls$$ = computed(() => ({
         ...this.fixedControls$(),
         ...this.resetControls$(),
-    ]);
-    fixedControls$ = signal([]);
-    resetControls$ = signal([]);
+    }));
+    fixedControls$ = signal({});
+    resetControls$ = signal({});
     get controls() {
-        return this.children$$();
+        return this.#controls$$();
     }
+    children$$ = computed(() => Object.values(this.#controls$$()));
     removeRestControl(key) {
         if (!this.resetControls$()[key]) {
             return;
         }
         this.resetControls$.update((controls) => {
-            controls = controls.slice();
-            controls.splice(key, 1);
+            controls = { ...controls };
+            delete controls[key];
             return controls;
         });
     }
     setControl(key, control) {
         const controls$ = this.inited ? this.resetControls$ : this.fixedControls$;
-        key = this.inited ? key - this.fixedControls$().length : key;
-        controls$.update((list) => {
-            list = list.slice();
-            list[key] = control;
-            return list;
-        });
+        controls$.update((controls) => ({ ...controls, [key]: control }));
         control.setParent(this);
     }
-    get length() {
-        return this.controls.length;
-    }
     getRawValue() {
-        return this._reduceChildren([], (acc, control, key) => {
+        return this._reduceChildren({}, (acc, control, key) => {
             acc[key] = control.getRawValue();
             return acc;
         });
     }
     clear() {
-        if (this.resetControls$().length < 1)
+        if (Object.keys(this.resetControls$()).length < 1)
             return;
-        this.beforeUpdateList.forEach((fn) => fn([], false));
+        this.beforeUpdateList.forEach((fn) => fn({}, false));
     }
     /** @internal */
     _forEachChild(cb) {
-        this.children$$().forEach((control, index) => {
-            if (control) {
-                cb(control, index);
-            }
+        const controls = this.#controls$$();
+        Object.keys(controls).forEach((key) => {
+            cb(controls[key], key);
         });
     }
     find(key) {
-        return this.children$$()[key];
+        return this.#controls$$()[key];
     }
-    getResetValue(value = []) {
-        return value.slice(this.fixedControls$().length);
+    getResetValue(inputValue) {
+        const controls = this.fixedControls$();
+        return inputValue
+            ? Object.keys(inputValue).reduce((obj, key) => {
+                if (!(key in controls)) {
+                    obj[key] = inputValue[key];
+                }
+                return obj;
+            }, {})
+            : {};
     }
 }
 
@@ -861,20 +854,100 @@ class FieldControl extends AbstractControl {
     }
 }
 
+class FieldArray extends FieldGroupbase {
+    #deletionMode$$ = computed(() => this.config$().deletionMode ?? 'shrink');
+    value$$ = computed(() => {
+        let list = [];
+        this._reduceChildren(list, (acc, control, name) => {
+            if (control && control.shouldInclude$$()) {
+                list.push(control.value$$());
+            }
+            else {
+                if (this.#deletionMode$$() === 'shrink') {
+                    return list;
+                }
+                else if (this.#deletionMode$$() === 'mark') {
+                    list.push(undefined);
+                }
+            }
+            return list;
+        });
+        list = [...list, ...(this.resetValue$() ?? [])];
+        const returnResult = list.length === 0 ? this.emptyValue$$() : list;
+        return (this.config$().transfomer?.toModel?.(returnResult, this) ?? returnResult);
+    });
+    children$$ = computed(() => [
+        ...this.fixedControls$(),
+        ...this.resetControls$(),
+    ]);
+    fixedControls$ = signal([]);
+    resetControls$ = signal([]);
+    get controls() {
+        return this.children$$();
+    }
+    removeRestControl(key) {
+        if (!this.resetControls$()[key]) {
+            return;
+        }
+        this.resetControls$.update((controls) => {
+            controls = controls.slice();
+            controls.splice(key, 1);
+            return controls;
+        });
+    }
+    setControl(key, control) {
+        const controls$ = this.inited ? this.resetControls$ : this.fixedControls$;
+        key = this.inited ? key - this.fixedControls$().length : key;
+        controls$.update((list) => {
+            list = list.slice();
+            list[key] = control;
+            return list;
+        });
+        control.setParent(this);
+    }
+    get length() {
+        return this.controls.length;
+    }
+    getRawValue() {
+        return this._reduceChildren([], (acc, control, key) => {
+            acc[key] = control.getRawValue();
+            return acc;
+        });
+    }
+    clear() {
+        if (this.resetControls$().length < 1)
+            return;
+        this.beforeUpdateList.forEach((fn) => fn([], false));
+    }
+    /** @internal */
+    _forEachChild(cb) {
+        this.children$$().forEach((control, index) => {
+            if (control) {
+                cb(control, index);
+            }
+        });
+    }
+    find(key) {
+        return this.children$$()[key];
+    }
+    getResetValue(value = []) {
+        return value.slice(this.fixedControls$().length);
+    }
+}
+
 // 切换索引后,理论上应该触发下值变更,否则不知道值是什么
 class FieldLogicGroup extends FieldArray {
-    /** 待定参数 */
     activateIndex$ = signal(0);
     type = signal('and');
-    activateControl$ = signal(undefined);
+    activateControls$ = signal(undefined);
     value$$ = computed(() => {
         const returnResult = this.getValue(false);
         return (this.config$().transfomer?.toModel?.(returnResult, this) ?? returnResult);
     });
     #getActivateControls() {
         let list;
-        if (this.activateControl$()) {
-            list = this.activateControl$();
+        if (this.activateControls$()) {
+            list = this.activateControls$();
         }
         else if (this.type() === 'and') {
             list = this.fixedControls$();
@@ -903,10 +976,7 @@ class FieldLogicGroup extends FieldArray {
     }
     reset(value) {
         const initValue = this.getInitValue(value);
-        const viewValue = this.config$().transfomer?.toView?.(initValue, this) ?? initValue;
-        this.fixedControls$().forEach((control, i) => {
-            control.reset(viewValue);
-        });
+        this.#updateValue(initValue, UpdateType.reset);
     }
     getRawValue() {
         return this.getValue(true);
@@ -918,17 +988,33 @@ class FieldLogicGroup extends FieldArray {
         if (this.isUnChanged()) {
             value ??= this.getInitValue(value);
         }
-        const viewValue = this.config$().transfomer?.toView?.(value, this) ?? value;
-        this.fixedControls$().forEach((control, i) => {
-            control.updateValue(viewValue);
-        });
+        this.#updateValue(value, UpdateType.update);
     }
     /** @internal */
     updateInitValue(value) {
         const initValue = this.getInitValue(value);
-        const viewValue = this.config$().transfomer?.toView?.(initValue, this) ?? initValue;
+        this.#updateValue(initValue, UpdateType.init);
+    }
+    #updateValue(value, type) {
+        const viewValue = this.config$().transfomer?.toView?.(value, this) ?? value;
+        let isUpdateActivate = false;
         this.fixedControls$().forEach((control, i) => {
-            control.updateInitValue(viewValue);
+            if (type === UpdateType.init) {
+                control.updateInitValue(viewValue);
+            }
+            else if (type === UpdateType.update) {
+                control.updateValue(viewValue);
+            }
+            else {
+                control.reset(viewValue);
+            }
+            if (!this.config$().disableOrUpdateActivate &&
+                !isUpdateActivate &&
+                control.valid &&
+                this.type() === 'or') {
+                this.activateIndex$.set(i);
+                isUpdateActivate = true;
+            }
         });
     }
 }
@@ -946,85 +1032,6 @@ function isFieldLogicGroup(input) {
     return input instanceof FieldLogicGroup;
 }
 
-class FieldGroup extends FieldGroupbase {
-    value$$ = computed(() => {
-        const result = this._reduceChildren({ ...this.#looseValue$$() }, (acc, control, name) => {
-            if (control.shouldInclude$$()) {
-                acc[name] = control.value;
-            }
-            return acc;
-        });
-        const returnResult = Object.keys(result).length
-            ? result
-            : this.emptyValue$$();
-        return (this.config$().transfomer?.toModel?.(returnResult, this) ?? returnResult);
-    });
-    #controls$$ = computed(() => ({
-        ...this.fixedControls$(),
-        ...this.resetControls$(),
-    }));
-    fixedControls$ = signal({});
-    resetControls$ = signal({});
-    get controls() {
-        return this.#controls$$();
-    }
-    children$$ = computed(() => Object.values(this.#controls$$()));
-    removeRestControl(key) {
-        if (!this.resetControls$()[key]) {
-            return;
-        }
-        this.resetControls$.update((controls) => {
-            controls = { ...controls };
-            delete controls[key];
-            return controls;
-        });
-    }
-    setControl(key, control) {
-        const controls$ = this.inited ? this.resetControls$ : this.fixedControls$;
-        controls$.update((controls) => ({ ...controls, [key]: control }));
-        control.setParent(this);
-    }
-    getRawValue() {
-        return this._reduceChildren({}, (acc, control, key) => {
-            acc[key] = control.getRawValue();
-            return acc;
-        });
-    }
-    clear() {
-        if (Object.keys(this.resetControls$()).length < 1)
-            return;
-        this.beforeUpdateList.forEach((fn) => fn({}, false));
-    }
-    /** @internal */
-    _forEachChild(cb) {
-        const controls = this.#controls$$();
-        Object.keys(controls).forEach((key) => {
-            cb(controls[key], key);
-        });
-    }
-    find(key) {
-        return this.#controls$$()[key];
-    }
-    getResetValue(inputValue) {
-        const controls = this.fixedControls$();
-        return inputValue
-            ? Object.keys(inputValue).reduce((obj, item) => {
-                if (!(item in controls)) {
-                    obj[item] = inputValue[item];
-                }
-                return obj;
-            }, {})
-            : {};
-    }
-    #looseValue$$ = computed(() => {
-        const resetValue = this.resetValue$();
-        if (!resetValue || isFieldLogicGroup(this.parent)) {
-            return undefined;
-        }
-        return resetValue;
-    });
-}
-
 function isGroup(schema) {
     return schema.isGroup;
 }