@piying/view-svelte 1.4.0 → 1.4.1

package/builder.js

@@ -1,24 +1,3 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 import { FormBuilder } from '@piying/view-core';
-var SvelteFormBuilder = /** @class */ (function (_super) {
-    __extends(SvelteFormBuilder, _super);
-    function SvelteFormBuilder() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return SvelteFormBuilder;
-}(FormBuilder));
-export { SvelteFormBuilder };
+export class SvelteFormBuilder extends FormBuilder {
+}

package/component/field-template.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { PiResolvedViewFieldConfig } from '../type/group';
-	import { signalToRef } from '../util/signal-convert.svelte';
+	import { signalToState } from '../util/signal-convert.svelte';
 	import { PI_VIEW_FIELD_TOKEN, InjectorToken } from '../token';
 	import { createViewControlLink, getLazyImport, isLazyMark } from '@piying/view-core';
 	import { getContext, setContext } from 'svelte';
@@ -10,7 +10,7 @@
 		field: PiResolvedViewFieldConfig;
 	} = $props();
 	const injector = getContext<Injector>(InjectorToken)!;
-	const fieldInputs = signalToRef(() => {
+	const fieldInputs = signalToState(() => {
 		return {
 			...props.field.attributes(),
 			...props.field.inputs(),
@@ -19,7 +19,7 @@
 		};
 	});
 	let controlRef = $state<any>();
-	const renderConfig = signalToRef(() => props.field.renderConfig());
+	const renderConfig = signalToState(() => props.field.renderConfig());
 	const control = $derived.by(() => props.field.form.control);
 	$effect.pre(() => {
 		let dispose: (() => any) | undefined;
@@ -31,9 +31,9 @@
 			dispose = undefined;
 		};
 	});
-	const fieldChildren = signalToRef(() => props.field.children?.());
+	const fieldChildren = signalToState(() => props.field.children?.());
 
-	const wrappers = signalToRef(() => props.field.wrappers());
+	const wrappers = signalToState(() => props.field.wrappers());
 	const ComponentType = $derived.by(() => {
 		return props.field.define?.type;
 	});

package/component/group.svelte

@@ -2,10 +2,10 @@
 	import FieldTemplate from './field-template.svelte';
 	import { getContext } from 'svelte';
 	import { PI_VIEW_FIELD_TOKEN } from '../token';
-	import { signalToRef } from '../util/signal-convert.svelte';
+	import { signalToState } from '../util/signal-convert.svelte';
 
 	const field = getContext<PI_VIEW_FIELD_TOKEN>(PI_VIEW_FIELD_TOKEN);
-	const children = signalToRef(() => field().children!())!;
+	const children = signalToState(() => field().children!())!;
 </script>
 
 {#each children()! as field, i (i)}

package/component/wrapper.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { CoreResolvedWrapperConfig } from '@piying/view-core';
-	import { signalToRef } from '../util/signal-convert.svelte';
+	import { signalToState } from '../util/signal-convert.svelte';
 	import PiWrapper from './wrapper.svelte';
 	const dProps: {
 		wrappers: CoreResolvedWrapperConfig[];
@@ -8,7 +8,7 @@
 	} = $props();
 	const restWrappers = $derived.by(() => dProps.wrappers!.slice(1));
 	const wrapper = $derived.by(() => dProps.wrappers?.[0]);
-	const inputs = signalToRef(() => ({
+	const inputs = signalToState(() => ({
 		...wrapper?.inputs(),
 		...wrapper?.attributes(),
 		...wrapper?.outputs

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@piying/view-svelte",
-    "version": "1.4.0",
+    "version": "1.4.1",
     "description": "Piying view For Svelte;Valibot to Component",
     "type": "module",
     "homepage": "https://piying-org.github.io/website/docs/client/intro",
@@ -34,14 +34,13 @@
     ],
     "license": "MIT",
     "dependencies": {
-        "@piying/view-core": "^1.4.0",
-        "fast-equals": "^5.2.2",
-        "static-injector": "^6.1.2",
-        "valibot": "^1.1.0"
+        "@piying/view-core": "^1.4.1",
+        "static-injector": "^6.1.2"
     },
     "sideEffects": false,
     "peerDependencies": {
-        "svelte": "^5.0.0"
+        "svelte": "^5.0.0",
+        "valibot": "^1.1.0"
     },
     "module": "index.js",
     "typings": "index.d.ts",

package/svelte-schema.js

@@ -1,24 +1,4 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 import { CoreSchemaHandle } from '@piying/view-core';
-var SvelteSchemaHandle = /** @class */ (function (_super) {
-    __extends(SvelteSchemaHandle, _super);
-    function SvelteSchemaHandle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return SvelteSchemaHandle;
-}(CoreSchemaHandle));
-export { SvelteSchemaHandle };
+export class SvelteSchemaHandle extends CoreSchemaHandle {
+    contents;
+}

package/token.js

@@ -1,2 +1,2 @@
-export var InjectorToken = Symbol();
-export var PI_VIEW_FIELD_TOKEN = Symbol();
+export const InjectorToken = Symbol();
+export const PI_VIEW_FIELD_TOKEN = Symbol();

package/util/signal-convert.svelte.d.ts

@@ -1 +1 @@
-export declare function signalToRef<T>(value: () => T | undefined): () => T;
+export declare function signalToState<T>(value: () => T | undefined): () => T | undefined;

package/util/signal-convert.svelte.js

@@ -1,20 +1,20 @@
-import { effect } from 'static-injector';
+import { effect, Injector } from 'static-injector';
 import { InjectorToken } from '../token';
 import { getContext } from 'svelte';
-export function signalToRef(value) {
-    var injector = getContext(InjectorToken);
-    var dataRef = $state.raw(undefined);
-    $effect.pre(function () {
+export function signalToState(value) {
+    const injector = getContext(InjectorToken);
+    let dataRef = $state.raw(undefined);
+    $effect.pre(() => {
         dataRef = value();
-        var ref = effect(function () {
-            var currentValue = value();
+        const ref = effect(() => {
+            const currentValue = value();
             if (!Object.is(dataRef, currentValue)) {
                 dataRef = currentValue;
             }
         }, { injector: injector });
-        return function () {
+        return () => {
             ref.destroy();
         };
     });
-    return function () { return dataRef; };
+    return () => dataRef;
 }

package/util/use-control-value-accessor.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { ControlValueAccessor } from '@piying/view-core';
 export declare function useControlValueAccessor(): {
     cva: ControlValueAccessor;
     cvaa: {

package/util/use-control-value-accessor.svelte.js

@@ -1,19 +1,19 @@
 export function useControlValueAccessor() {
-    var value = $state();
-    var disabled = $state(false);
-    var onChange;
-    var touched;
-    var instance = {
-        writeValue: function (obj) {
+    let value = $state();
+    let disabled = $state(false);
+    let onChange;
+    let touched;
+    const instance = {
+        writeValue(obj) {
             value = obj;
         },
-        registerOnChange: function (fn) {
+        registerOnChange(fn) {
             onChange = fn;
         },
-        registerOnTouched: function (fn) {
+        registerOnTouched(fn) {
             touched = fn;
         },
-        setDisabledState: function (value) {
+        setDisabledState(value) {
             disabled = value;
         }
     };
@@ -26,11 +26,11 @@ export function useControlValueAccessor() {
             get disabled() {
                 return disabled;
             },
-            valueChange: function (input) {
-                onChange === null || onChange === void 0 ? void 0 : onChange(input);
+            valueChange: (input) => {
+                onChange?.(input);
                 value = input;
             },
-            touchedChange: function () {
+            touchedChange: () => {
                 touched();
             }
         }