@piying/view-svelte 2.3.2 → 2.4.1

package/component/piying-view.svelte

@@ -11,12 +11,12 @@
 	} from 'static-injector';
 	import type { Injector } from 'static-injector';
 	import { setContext } from 'svelte';
-	import { InjectorToken } from '../token';
+	import { InjectorToken, PI_INPUT_MODEL_TOKEN, PI_INPUT_OPTIONS_TOKEN, PI_INPUT_SCHEMA_TOKEN } from '../token';
 	import { SvelteSchemaHandle } from '../svelte-schema';
 	import { SvelteFormBuilder } from '../builder';
 	import FieldTemplate from './field-template.svelte';
 	import { initListen } from '@piying/view-core';
-	let props: {
+	let inputs: {
 		schema: v.BaseSchema<any, any, any> | v.SchemaWithPipe<any>;
 		model?: any;
 		modelChange?: (value: any) => void;
@@ -32,6 +32,9 @@
 		]
 	});
 	setContext(InjectorToken, rootInjector);
+	setContext(PI_INPUT_OPTIONS_TOKEN, () => inputs.options);
+	setContext(PI_INPUT_SCHEMA_TOKEN, () => inputs.schema);
+	setContext(PI_INPUT_MODEL_TOKEN, () => inputs.model);
 	let injectorDispose: (() => any) | undefined;
 
 	const [field, subInjector] = $derived.by(() => {
@@ -41,11 +44,11 @@
 			subInjector.destroy();
 			injectorDispose = undefined;
 		};
-		const field = convert(props.schema as any, {
+		const field = convert(inputs.schema as any, {
 			handle: SvelteSchemaHandle as any,
 			builder: SvelteFormBuilder,
 			injector: subInjector,
-			...props.options
+			...inputs.options
 		});
 		return [field, subInjector];
 	});
@@ -57,14 +60,14 @@
 	$effect.pre(() => {
 		let ref: EffectRef | undefined;
 		if (field.form.control) {
-			ref = initListen(props.model, field!.form.control!, subInjector as Injector, (value) => {
+			ref = initListen(inputs.model, field!.form.control!, subInjector as Injector, (value) => {
 				untracked(() => {
 					if (field!.form.control?.valueNoError$$()) {
-						props.modelChange?.(value);
+						inputs.modelChange?.(value);
 					}
 				});
 			});
-			field!.form.control?.updateValue(props.model);
+			field!.form.control?.updateValue(inputs.model);
 		}
 
 		return () => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@piying/view-svelte",
-    "version": "2.3.2",
+    "version": "2.4.1",
     "description": "Piying view For Svelte;Valibot to Component",
     "type": "module",
     "homepage": "https://piying-org.github.io/website/docs/client/intro",
@@ -34,7 +34,7 @@
     ],
     "license": "MIT",
     "dependencies": {
-        "@piying/view-core": "^2.3.2",
+        "@piying/view-core": "^2.4.1",
         "static-injector": "^6.1.2"
     },
     "sideEffects": false,

package/token.d.ts

@@ -1,4 +1,16 @@
-import type { PiResolvedViewFieldConfig } from './type/group';
+import type { ConvertOptions } from '@piying/valibot-visit';
+import type { SetOptional, CoreSchemaHandle, FormBuilder } from '@piying/view-core';
+import type { PiResolvedViewFieldConfig, PiViewConfig } from './type/group';
+import * as v from 'valibot';
 export declare const InjectorToken: unique symbol;
 export declare const PI_VIEW_FIELD_TOKEN: unique symbol;
+export declare const PI_INPUT_OPTIONS_TOKEN: unique symbol;
+export type PI_INPUT_OPTIONS_TOKEN = () => SetOptional<ConvertOptions<typeof CoreSchemaHandle<any, any>>, 'handle'> & {
+    builder: typeof FormBuilder<CoreSchemaHandle<any, any>>;
+    fieldGlobalConfig?: PiViewConfig;
+};
+export declare const PI_INPUT_SCHEMA_TOKEN: unique symbol;
+export type PI_INPUT_SCHEMA_TOKEN = () => v.BaseSchema<any, any, any> | v.SchemaWithPipe<any>;
+export declare const PI_INPUT_MODEL_TOKEN: unique symbol;
+export type PI_INPUT_MODEL_TOKEN = () => any;
 export type PI_VIEW_FIELD_TOKEN = () => PiResolvedViewFieldConfig;

package/token.js

@@ -1,3 +1,7 @@
+import * as v from 'valibot';
 export const InjectorToken = Symbol();
 export const PI_VIEW_FIELD_TOKEN = Symbol();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9rZW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJ0b2tlbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxFQUFFLENBQUM7QUFDdEMsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsTUFBTSxFQUFFLENBQUMifQ==
+export const PI_INPUT_OPTIONS_TOKEN = Symbol();
+export const PI_INPUT_SCHEMA_TOKEN = Symbol();
+export const PI_INPUT_MODEL_TOKEN = Symbol();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9rZW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJ0b2tlbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQSxPQUFPLEtBQUssQ0FBQyxNQUFNLFNBQVMsQ0FBQztBQUU3QixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxFQUFFLENBQUM7QUFDdEMsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsTUFBTSxFQUFFLENBQUM7QUFDNUMsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQUcsTUFBTSxFQUFFLENBQUM7QUFRL0MsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsTUFBTSxFQUFFLENBQUM7QUFFOUMsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUcsTUFBTSxFQUFFLENBQUMifQ==