@piying/view-angular-core 1.6.0 → 1.6.2

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

@@ -1,226 +1,12 @@
-import { effect, inject, Injector, untracked, DestroyRef, isSignal, signal, computed, InjectionToken, linkedSignal, EnvironmentInjector } from '@angular/core';
+import { signal, computed, InjectionToken, effect, inject, Injector, untracked, DestroyRef, linkedSignal, isSignal, EnvironmentInjector } from '@angular/core';
 import * as v from 'valibot';
-import { deepEqual } from 'fast-equals';
-import { BehaviorSubject, isObservable, Subject, combineLatest, startWith, skip, map } from 'rxjs';
+import { isObservable, BehaviorSubject, Subject, combineLatest, startWith, skip, map } from 'rxjs';
 import rfdc from 'rfdc';
+import { deepEqual } from 'fast-equals';
 import { createRawConfig, BaseSchemaHandle, convertSchema, convertCore } from '@piying/valibot-visit';
 export { asControl, asVirtualGroup, changeObject, condition, getDefaults, getSchemaByIssuePath, getSchemaMetadata } from '@piying/valibot-visit';
 import clsx from 'clsx';
 
-function arrayStartsWith(list, parts) {
-    return (Array.isArray(parts) ? parts : [parts]).every((item, index) => item === list[index]);
-}
-
-/** 跳过第一个值,假如发射时和初始值不同 */
-function effectListen(listen, fn, options) {
-    let first = true;
-    const oldValue = listen();
-    return effect(() => {
-        const currentValue = listen();
-        if (first) {
-            first = false;
-            if (!deepEqual(oldValue, currentValue)) {
-                fn();
-            }
-            return;
-        }
-        return fn();
-    }, options);
-}
-
-/**
- * Exposes the value of an Angular `Signal` as an RxJS `Observable`.
- *
- * The signal's value will be propagated into the `Observable`'s subscribers using an `effect`.
- *
- * `toObservable` must be called in an injection context unless an injector is provided via options.
- *
- * @publicApi 20.0
- */
-function toObservable(listen, source, options) {
-    const injector = options?.injector ?? inject(Injector);
-    const subject = new BehaviorSubject(source());
-    const watcher = effectListen(listen, () => {
-        let value;
-        try {
-            value = source();
-        }
-        catch (err) {
-            untracked(() => subject.error(err));
-            return;
-        }
-        untracked(() => subject.next(value));
-    }, { injector, manualCleanup: true });
-    injector.get(DestroyRef).onDestroy(() => {
-        watcher.destroy();
-        subject.complete();
-    });
-    return subject.asObservable();
-}
-
-const clone = rfdc({ proto: false, circles: false });
-
-function unWrapSignal$1(value) {
-    return isSignal(value) ? value() : value;
-}
-
-function toArray(input) {
-    return input === undefined
-        ? input
-        : Array.isArray(input)
-            ? input
-            : [input];
-}
-
-class SortedArray extends Array {
-    #compareFn;
-    constructor(compareFn) {
-        super();
-        this.#compareFn = compareFn;
-    }
-    push(...items) {
-        const result = super.push(...items);
-        this.sort(this.#compareFn);
-        return result;
-    }
-}
-
-const markSymbol = Symbol();
-function lazyMark(fn) {
-    return { [markSymbol]: fn };
-}
-function isLazyMark(input) {
-    return markSymbol in input;
-}
-function getLazyImport(input) {
-    return (input[markSymbol] ??
-        (typeof input === 'function' ? input : undefined));
-}
-
-function createViewControlLink(fieldControl, cva, injector) {
-    cva.registerOnChange((value) => {
-        if (fieldControl().disabled$$()) {
-            return;
-        }
-        fieldControl().pendingStatus.update((status) => ({
-            ...status,
-            value: value,
-            change: true,
-        }));
-        if (fieldControl().updateOn$$() === 'change') {
-            fieldControl().viewValueChange(value);
-        }
-    });
-    cva.registerOnTouched(() => {
-        if (fieldControl().disabled$$()) {
-            return;
-        }
-        const updateOn = fieldControl().updateOn$$();
-        const pendingStatus = fieldControl().pendingStatus();
-        if (updateOn === 'submit') {
-            fieldControl().pendingStatus.update((status) => ({
-                ...status,
-                touched: true,
-            }));
-        }
-        else {
-            fieldControl().markAsTouched();
-            if (pendingStatus.change && updateOn === 'blur') {
-                fieldControl().viewValueChange(pendingStatus.value);
-                fieldControl().pendingStatus.update((status) => ({
-                    ...status,
-                    change: false,
-                    value: undefined,
-                }));
-            }
-        }
-    });
-    const disposeList = [];
-    const ref = effect(() => {
-        const value = fieldControl().modelValueToViewValue$$();
-        untracked(() => {
-            cva.writeValue(value);
-        });
-    }, { injector: injector });
-    cva.writeValue(fieldControl().modelValueToViewValue$$());
-    disposeList.push(() => ref.destroy());
-    if (cva.setDisabledState) {
-        const disabledRef = effect(() => {
-            const value = fieldControl().disabled$$();
-            untracked(() => {
-                cva.setDisabledState(value);
-            });
-        }, { injector: injector });
-        cva.setDisabledState(fieldControl().disabled$$());
-        disposeList.push(() => disabledRef.destroy());
-    }
-    return (destroy) => {
-        disposeList.forEach((fn) => fn());
-        if (!destroy) {
-            untracked(() => {
-                fieldControl().updateValue(fieldControl().value$$(), true);
-            });
-        }
-    };
-}
-
-function controlStatusList(fieldControl, skipDisabled) {
-    if (!fieldControl) {
-        return [];
-    }
-    const statusList = [];
-    if (!skipDisabled && fieldControl.disabled$$()) {
-        statusList.push('disabled');
-    }
-    if (fieldControl.touched$$()) {
-        statusList.push('touched');
-    }
-    else {
-        statusList.push('untouched');
-    }
-    if (fieldControl.dirty$$()) {
-        statusList.push('dirty');
-    }
-    else {
-        statusList.push('pristine');
-    }
-    switch (fieldControl.status$$()) {
-        case 'VALID':
-            statusList.push('valid');
-            break;
-        case 'INVALID':
-            statusList.push('invalid');
-            break;
-        case 'PENDING':
-            statusList.push('pending');
-            break;
-        default:
-            break;
-    }
-    return statusList;
-}
-function fieldControlStatusClass(fieldControl, skipDisabled) {
-    return controlStatusList(fieldControl, skipDisabled)
-        .map((item) => `pi-${item}`)
-        .join(' ');
-}
-
-function initListen(input, control, injector, fn) {
-    let init = true;
-    return effect(() => {
-        const modelValue = control.value$$();
-        if (init) {
-            if (!deepEqual(modelValue, input)) {
-                fn(modelValue);
-            }
-            init = false;
-        }
-        else {
-            fn(modelValue);
-        }
-    }, { injector });
-}
-
 function isPromise(obj) {
     return !!obj && typeof obj.then === 'function';
 }
@@ -275,6 +61,55 @@ const PI_FORM_BUILDER_ALIAS_MAP = new InjectionToken('PI_FORM_BUILDER_ALIAS_MAP'
 /** 上下文注入 */
 const PI_CONTEXT_TOKEN = new InjectionToken('PI_CONTEXT');
 
+const clone = rfdc({ proto: false, circles: false });
+
+/** 跳过第一个值,假如发射时和初始值不同 */
+function effectListen(listen, fn, options) {
+    let first = true;
+    const oldValue = listen();
+    return effect(() => {
+        const currentValue = listen();
+        if (first) {
+            first = false;
+            if (!deepEqual(oldValue, currentValue)) {
+                fn();
+            }
+            return;
+        }
+        return fn();
+    }, options);
+}
+
+/**
+ * Exposes the value of an Angular `Signal` as an RxJS `Observable`.
+ *
+ * The signal's value will be propagated into the `Observable`'s subscribers using an `effect`.
+ *
+ * `toObservable` must be called in an injection context unless an injector is provided via options.
+ *
+ * @publicApi 20.0
+ */
+function toObservable(listen, source, options) {
+    const injector = options?.injector ?? inject(Injector);
+    const subject = new BehaviorSubject(source());
+    const watcher = effectListen(listen, () => {
+        let value;
+        try {
+            value = source();
+        }
+        catch (err) {
+            untracked(() => subject.error(err));
+            return;
+        }
+        untracked(() => subject.next(value));
+    }, { injector, manualCleanup: true });
+    injector.get(DestroyRef).onDestroy(() => {
+        watcher.destroy();
+        subject.complete();
+    });
+    return subject.asObservable();
+}
+
 function shortCircuitTrue(value) {
     return value;
 }
@@ -1082,7 +917,7 @@ key, formConfig$$, isRoot, injector) {
     return control;
 }
 
-function unWrapSignal(value) {
+function unWrapSignal$1(value) {
     return isSignal(value) ? value() : value;
 }
 
@@ -1111,6 +946,192 @@ class ParentMap extends Map {
     }
 }
 
+function arrayStartsWith(list, parts) {
+    return (Array.isArray(parts) ? parts : [parts]).every((item, index) => item === list[index]);
+}
+
+function unWrapSignal(value) {
+    return isSignal(value) ? value() : value;
+}
+
+function toArray(input) {
+    return input === undefined
+        ? input
+        : Array.isArray(input)
+            ? input
+            : [input];
+}
+
+class SortedArray extends Array {
+    #compareFn;
+    constructor(compareFn) {
+        super();
+        this.#compareFn = compareFn;
+    }
+    push(...items) {
+        const result = super.push(...items);
+        this.sort(this.#compareFn);
+        return result;
+    }
+}
+
+const markSymbol = Symbol();
+function lazyMark(fn) {
+    return { [markSymbol]: fn };
+}
+function isLazyMark(input) {
+    return markSymbol in input;
+}
+function getLazyImport(input) {
+    return (input[markSymbol] ??
+        (typeof input === 'function' ? input : undefined));
+}
+
+function createViewControlLink(fieldControl, cva, injector) {
+    cva.registerOnChange((value) => {
+        if (fieldControl().disabled$$()) {
+            return;
+        }
+        fieldControl().pendingStatus.update((status) => ({
+            ...status,
+            value: value,
+            change: true,
+        }));
+        if (fieldControl().updateOn$$() === 'change') {
+            fieldControl().viewValueChange(value);
+        }
+    });
+    cva.registerOnTouched(() => {
+        if (fieldControl().disabled$$()) {
+            return;
+        }
+        const updateOn = fieldControl().updateOn$$();
+        const pendingStatus = fieldControl().pendingStatus();
+        if (updateOn === 'submit') {
+            fieldControl().pendingStatus.update((status) => ({
+                ...status,
+                touched: true,
+            }));
+        }
+        else {
+            fieldControl().markAsTouched();
+            if (pendingStatus.change && updateOn === 'blur') {
+                fieldControl().viewValueChange(pendingStatus.value);
+                fieldControl().pendingStatus.update((status) => ({
+                    ...status,
+                    change: false,
+                    value: undefined,
+                }));
+            }
+        }
+    });
+    const disposeList = [];
+    const ref = effect(() => {
+        const value = fieldControl().modelValueToViewValue$$();
+        untracked(() => {
+            cva.writeValue(value);
+        });
+    }, { injector: injector });
+    cva.writeValue(fieldControl().modelValueToViewValue$$());
+    disposeList.push(() => ref.destroy());
+    if (cva.setDisabledState) {
+        const disabledRef = effect(() => {
+            const value = fieldControl().disabled$$();
+            untracked(() => {
+                cva.setDisabledState(value);
+            });
+        }, { injector: injector });
+        cva.setDisabledState(fieldControl().disabled$$());
+        disposeList.push(() => disabledRef.destroy());
+    }
+    return (destroy) => {
+        disposeList.forEach((fn) => fn());
+        if (!destroy) {
+            untracked(() => {
+                fieldControl().updateValue(fieldControl().value$$(), true);
+            });
+        }
+    };
+}
+
+function controlStatusList(fieldControl, skipDisabled) {
+    if (!fieldControl) {
+        return [];
+    }
+    const statusList = [];
+    if (!skipDisabled && fieldControl.disabled$$()) {
+        statusList.push('disabled');
+    }
+    if (fieldControl.touched$$()) {
+        statusList.push('touched');
+    }
+    else {
+        statusList.push('untouched');
+    }
+    if (fieldControl.dirty$$()) {
+        statusList.push('dirty');
+    }
+    else {
+        statusList.push('pristine');
+    }
+    switch (fieldControl.status$$()) {
+        case 'VALID':
+            statusList.push('valid');
+            break;
+        case 'INVALID':
+            statusList.push('invalid');
+            break;
+        case 'PENDING':
+            statusList.push('pending');
+            break;
+        default:
+            break;
+    }
+    return statusList;
+}
+function fieldControlStatusClass(fieldControl, skipDisabled) {
+    return controlStatusList(fieldControl, skipDisabled)
+        .map((item) => `pi-${item}`)
+        .join(' ');
+}
+
+function initListen(input, control, injector, fn) {
+    let init = true;
+    return effect(() => {
+        const modelValue = control.value$$();
+        if (init) {
+            if (!deepEqual(modelValue, input)) {
+                fn(modelValue);
+            }
+            init = false;
+        }
+        else {
+            fn(modelValue);
+        }
+    }, { injector });
+}
+
+function getDeepError(control) {
+    if (!control) {
+        return [];
+    }
+    const list = [];
+    const controlList = [control];
+    while (controlList.length) {
+        const control = controlList.shift();
+        if (control.valid) {
+            continue;
+        }
+        list.push({ control, errors: control.errors });
+        if (isFieldArray(control) || isFieldGroup(control)) {
+            (control.activatedChildren$$ ?? control.children$$)().forEach((control) => {
+                controlList.push(control);
+            });
+        }
+    }
+    return list;
+}
+
 function* groupGenerator(list) {
     for (const item of list) {
         if (!item.keyPath?.length && item.fixedChildren?.().length) {
@@ -1577,21 +1598,21 @@ class FormBuilder {
                 value = list
                     .filter(Boolean)
                     .flat()
-                    .map((item) => unWrapSignal(item));
+                    .map((item) => unWrapSignal$1(item));
             }
             else {
-                value = list.reduce((data, item) => unWrapSignal(item) ?? data, []);
+                value = list.reduce((data, item) => unWrapSignal$1(item) ?? data, []);
             }
         }
         else {
             if (strategy === 'merge') {
                 value = list.reduce((obj, item) => ({
                     ...obj,
-                    ...unWrapSignal(item),
+                    ...unWrapSignal$1(item),
                 }), {});
             }
             else {
-                value = list.reduce((data, item) => unWrapSignal(item) ?? data, {});
+                value = list.reduce((data, item) => unWrapSignal$1(item) ?? data, {});
             }
         }
         return clone(value);
@@ -1714,7 +1735,7 @@ function patchInputs(inputs) {
 }
 function removeInputs(list) {
     return rawConfig((field) => {
-        const oldValue = unWrapSignal$1(field.inputs);
+        const oldValue = unWrapSignal(field.inputs);
         if (!oldValue) {
             return;
         }
@@ -1816,7 +1837,7 @@ function patchAttributes(attributes) {
 }
 function removeAttributes(list) {
     return rawConfig((field) => {
-        const oldValue = unWrapSignal$1(field.attributes);
+        const oldValue = unWrapSignal(field.attributes);
         if (!oldValue) {
             return;
         }
@@ -1843,7 +1864,7 @@ function patchProps(props) {
 }
 function removeProps(list) {
     return rawConfig((field) => {
-        const oldValue = unWrapSignal$1(field.props);
+        const oldValue = unWrapSignal(field.props);
         if (!oldValue) {
             return;
         }
@@ -2361,11 +2382,12 @@ function convert(obj, options) {
     });
 }
 
+/** NonFieldControl */
 const NFCSchema = v.optional(v.void());
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractControl, CoreSchemaHandle, FieldArray, FieldControl, FieldGroup, FieldLogicGroup, FormBuilder, INVALID, NFCSchema, PENDING, PI_CONTEXT_TOKEN, PI_FORM_BUILDER_ALIAS_MAP, PI_FORM_BUILDER_OPTIONS_TOKEN, PI_VIEW_CONFIG_TOKEN, SortedArray, UpdateType, VALID, arrayStartsWith, asyncInputMerge, clone, componentClass, controlStatusList, convert, createViewControlLink, disableWhen, effectListen, fieldControlStatusClass, formConfig, getLazyImport, hideWhen, initListen, isArray, isFieldArray, isFieldControl, isFieldGroup, isFieldLogicGroup, isGroup, isLazyMark, layout, lazyMark, mergeHooks, mergeHooksFn, mergeOutputFn, mergeOutputs, nonFieldControl, outputChange, outputChangeFn, patchAsyncAttributes, patchAsyncClass, patchAsyncFn, patchAsyncInputs, patchAsyncProps, patchAsyncWrapper, patchAttributes, patchHooks, patchInputs, patchOutputs, patchProps, patchWrappers, rawConfig, removeAttributes, removeHooks, removeInputs, removeOutputs, removeProps, removeWrappers, renderConfig, setAlias, setAttributes, setComponent, setHooks, setInputs, setOutputs, setProps, setWrappers, toArray, toObservable, topClass, unWrapSignal$1 as unWrapSignal, valueChange, valueChangeFn };
+export { AbstractControl, CoreSchemaHandle, FieldArray, FieldControl, FieldGroup, FieldLogicGroup, FormBuilder, INVALID, NFCSchema, PENDING, PI_CONTEXT_TOKEN, PI_FORM_BUILDER_ALIAS_MAP, PI_FORM_BUILDER_OPTIONS_TOKEN, PI_VIEW_CONFIG_TOKEN, SortedArray, UpdateType, VALID, arrayStartsWith, asyncInputMerge, clone, componentClass, controlStatusList, convert, createViewControlLink, disableWhen, effectListen, fieldControlStatusClass, formConfig, getDeepError, getLazyImport, hideWhen, initListen, isArray, isFieldArray, isFieldControl, isFieldGroup, isFieldLogicGroup, isGroup, isLazyMark, layout, lazyMark, mergeHooks, mergeHooksFn, mergeOutputFn, mergeOutputs, nonFieldControl, outputChange, outputChangeFn, patchAsyncAttributes, patchAsyncClass, patchAsyncFn, patchAsyncInputs, patchAsyncProps, patchAsyncWrapper, patchAttributes, patchHooks, patchInputs, patchOutputs, patchProps, patchWrappers, rawConfig, removeAttributes, removeHooks, removeInputs, removeOutputs, removeProps, removeWrappers, renderConfig, setAlias, setAttributes, setComponent, setHooks, setInputs, setOutputs, setProps, setWrappers, toArray, toObservable, topClass, unWrapSignal, valueChange, valueChangeFn };
 //# sourceMappingURL=piying-view-angular-core.mjs.map