@piying/view-vue 1.4.0 → 1.5.0

package/index.js

@@ -1,106 +1,129 @@
-var G = Object.defineProperty;
-var K = (o, e, t) => e in o ? G(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var F = (o, e, t) => K(o, typeof e != "symbol" ? e + "" : e, t);
-import { inject as R, shallowRef as B, watchEffect as O, defineComponent as I, computed as g, createBlock as _, renderSlot as L, openBlock as d, resolveDynamicComponent as w, mergeProps as k, unref as m, toHandlers as V, withCtx as j, createVNode as M, normalizeProps as U, guardReactiveProps as q, defineAsyncComponent as J, provide as N, ref as D, watch as z, onUnmounted as Q, createElementBlock as S, createCommentVNode as T, Fragment as P, renderList as X } from "vue";
-import { CoreSchemaHandle as Y, FormBuilder as Z, isLazyMark as ee, getLazyImport as te, isFieldControl as ne, createViewControlLink as oe, convert as re, initListen as le } from "@piying/view-core";
-import { effect as ae, createRootInjector as se, ChangeDetectionSchedulerImpl as ce, ChangeDetectionScheduler as ue, createInjector as ie, DestroyRef as de, untracked as pe } from "static-injector";
-class fe extends Y {
-  constructor() {
-    super(...arguments);
-    F(this, "contents");
-  }
+import { inject, shallowRef, watchEffect, defineComponent, computed, createBlock, renderSlot, openBlock, resolveDynamicComponent, mergeProps, unref, toHandlers, withCtx, createVNode, normalizeProps, guardReactiveProps, defineAsyncComponent, provide, ref, watch, onUnmounted, createElementBlock, createCommentVNode, Fragment, renderList } from "vue";
+import { CoreSchemaHandle, FormBuilder, isLazyMark, getLazyImport, isFieldControl, createViewControlLink, convert, initListen } from "@piying/view-core";
+import { effect, createRootInjector, ChangeDetectionSchedulerImpl, ChangeDetectionScheduler, createInjector, DestroyRef, untracked } from "static-injector";
+class VueSchemaHandle extends CoreSchemaHandle {
 }
-class me extends Z {
+class VueFormBuilder extends FormBuilder {
 }
-const $ = Symbol(), H = Symbol();
-function v(o) {
-  const e = R($), t = B(void 0);
-  return O((l) => {
-    t.value = o();
-    const a = ae(
+const InjectorToken = Symbol();
+const PI_VIEW_FIELD_TOKEN = Symbol();
+function signalToRef(value) {
+  const injector = inject(InjectorToken);
+  const dataRef = shallowRef(void 0);
+  watchEffect((onWatcherCleanup) => {
+    dataRef.value = value();
+    const ref2 = effect(
       () => {
-        const n = o();
-        Object.is(t.value, n) || (t.value = n);
+        const currentValue = value();
+        if (!Object.is(dataRef.value, currentValue)) {
+          dataRef.value = currentValue;
+        }
       },
-      { injector: e }
+      { injector }
     );
-    l(() => {
-      a.destroy();
+    onWatcherCleanup(() => {
+      ref2.destroy();
     });
-  }), t;
+  });
+  return dataRef;
 }
-const A = /* @__PURE__ */ I({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "wrapper",
   props: {
     wrappers: {}
   },
-  setup(o) {
-    const e = o, t = g(() => e.wrappers.slice(1)), l = g(() => e.wrappers[0]), a = v(() => {
-      var r, c;
-      return { ...(r = l.value) == null ? void 0 : r.inputs(), ...(c = l.value) == null ? void 0 : c.attributes() };
-    }), n = g(() => {
-      var r;
-      return ((r = l.value) == null ? void 0 : r.outputs) ?? {};
+  setup(__props) {
+    const dInputs = __props;
+    const restWrappers = computed(() => dInputs.wrappers.slice(1));
+    const wrapper = computed(() => dInputs.wrappers[0]);
+    const inputs = signalToRef(() => {
+      var _a, _b;
+      return { ...(_a = wrapper.value) == null ? void 0 : _a.inputs(), ...(_b = wrapper.value) == null ? void 0 : _b.attributes() };
     });
-    return (r, c) => l.value ? (d(), _(w(l.value.type), k({ key: 0 }, m(a), V(n.value)), {
-      default: j(() => [
-        M(A, U(q({ wrappers: t.value })), {
-          default: j(() => [
-            L(r.$slots, "default")
-          ]),
-          _: 3
-        }, 16)
-      ]),
-      _: 3
-    }, 16)) : L(r.$slots, "default", { key: 1 });
+    const outputs = computed(() => {
+      var _a;
+      return ((_a = wrapper.value) == null ? void 0 : _a.outputs) ?? {};
+    });
+    return (_ctx, _cache) => {
+      return wrapper.value ? (openBlock(), createBlock(resolveDynamicComponent(wrapper.value.type), mergeProps({ key: 0 }, unref(inputs), toHandlers(outputs.value)), {
+        default: withCtx(() => [
+          createVNode(_sfc_main$3, normalizeProps(guardReactiveProps({ wrappers: restWrappers.value })), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16)
+        ]),
+        _: 3
+      }, 16)) : renderSlot(_ctx.$slots, "default", { key: 1 });
+    };
   }
-}), W = /* @__PURE__ */ I({
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "field-template",
   props: {
     field: {}
   },
-  setup(o) {
-    const e = o, t = R($), l = v(() => e.field.inputs()), a = v(() => e.field.outputs()), n = v(() => e.field.renderConfig()), r = v(() => e.field.attributes()), c = g(() => ({ ...r.value, ...l.value })), x = v(() => {
-      var s, f;
-      return (f = (s = e.field).children) == null ? void 0 : f.call(s);
-    }), b = v(() => e.field.wrappers()), p = g(
+  setup(__props) {
+    const props = __props;
+    const injector = inject(InjectorToken);
+    const inputs = signalToRef(() => props.field.inputs());
+    const outputs = signalToRef(() => props.field.outputs());
+    const renderConfig = signalToRef(() => props.field.renderConfig());
+    const attributes = signalToRef(() => props.field.attributes());
+    const fieldInput = computed(() => ({ ...attributes.value, ...inputs.value }));
+    const fieldChildren = signalToRef(() => {
+      var _a, _b;
+      return (_b = (_a = props.field).children) == null ? void 0 : _b.call(_a);
+    });
+    const wrappers = signalToRef(() => props.field.wrappers());
+    const componentType = computed(
       () => {
-        var s, f, C, E;
-        return typeof ((s = e.field.define) == null ? void 0 : s.type) == "function" || ee((f = e.field.define) == null ? void 0 : f.type) ? J(te((C = e.field.define) == null ? void 0 : C.type)) : (E = e.field.define) == null ? void 0 : E.type;
+        var _a, _b, _c, _d;
+        return typeof ((_a = props.field.define) == null ? void 0 : _a.type) === "function" || isLazyMark((_b = props.field.define) == null ? void 0 : _b.type) ? defineAsyncComponent(getLazyImport((_c = props.field.define) == null ? void 0 : _c.type)) : (_d = props.field.define) == null ? void 0 : _d.type;
       }
-    ), u = g(() => e.field);
-    N(H, u);
-    const y = D(null), h = ne(u.value.form.control);
-    let i;
-    return z(
-      [y, u],
-      ([s, f]) => {
-        i == null || i(), h && s && (i = oe(() => f.form.control, s.cva, t));
+    );
+    const field = computed(() => props.field);
+    provide(PI_VIEW_FIELD_TOKEN, field);
+    const childRef = ref(null);
+    const isControl = isFieldControl(field.value.form.control);
+    let dispose;
+    watch(
+      [childRef, field],
+      ([childRef2, field2]) => {
+        dispose == null ? void 0 : dispose();
+        if (isControl && childRef2) {
+          dispose = createViewControlLink(() => field2.form.control, childRef2["cva"], injector);
+        }
       },
-      { immediate: !0 }
-    ), Q(() => {
-      i == null || i(), i = void 0;
-    }), (s, f) => {
-      var C;
-      return m(n).hidden ? T("", !0) : (d(), S(P, { key: 0 }, [
-        (C = u.value.define) != null && C.type ? (d(), _(A, {
+      { immediate: true }
+    );
+    onUnmounted(() => {
+      dispose == null ? void 0 : dispose();
+      dispose = void 0;
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return !unref(renderConfig).hidden ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        ((_a = field.value.define) == null ? void 0 : _a.type) ? (openBlock(), createBlock(_sfc_main$3, {
           key: 0,
-          wrappers: m(b)
+          wrappers: unref(wrappers)
         }, {
-          default: j(() => [
-            m(x) ? (d(), _(w(p.value), k({ key: 0 }, c.value, V(m(a))), null, 16)) : (d(), S(P, { key: 1 }, [
-              u.value.form.control ? (d(), _(w(p.value), k({ key: 0 }, c.value, V(m(a)), {
+          default: withCtx(() => [
+            unref(fieldChildren) ? (openBlock(), createBlock(resolveDynamicComponent(componentType.value), mergeProps({ key: 0 }, fieldInput.value, toHandlers(unref(outputs))), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              field.value.form.control ? (openBlock(), createBlock(resolveDynamicComponent(componentType.value), mergeProps({ key: 0 }, fieldInput.value, toHandlers(unref(outputs)), {
                 ref_key: "childRef",
-                ref: y
-              }), null, 16)) : (d(), _(w(p.value), k({ key: 1 }, c.value, V(m(a))), null, 16))
+                ref: childRef
+              }), null, 16)) : (openBlock(), createBlock(resolveDynamicComponent(componentType.value), mergeProps({ key: 1 }, fieldInput.value, toHandlers(unref(outputs))), null, 16))
             ], 64))
           ]),
           _: 1
-        }, 8, ["wrappers"])) : T("", !0)
-      ], 64));
+        }, 8, ["wrappers"])) : createCommentVNode("", true)
+      ], 64)) : createCommentVNode("", true);
     };
   }
-}), ge = /* @__PURE__ */ I({
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "piying-view",
   props: {
     schema: {},
@@ -108,108 +131,128 @@ const A = /* @__PURE__ */ I({
     options: {}
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: e }) {
-    const t = o, l = e, a = se({
+  setup(__props, { emit: __emit }) {
+    const inputs = __props;
+    const emit = __emit;
+    const rootInjector = createRootInjector({
       providers: [
         {
-          provide: ue,
-          useClass: ce
+          provide: ChangeDetectionScheduler,
+          useClass: ChangeDetectionSchedulerImpl
         }
       ]
     });
-    N($, a);
-    const n = B(void 0);
-    return z(
-      () => [t.schema, t.options],
-      ([r, c], x, b) => {
-        const p = ie({ providers: [], parent: a }), u = re(r, {
-          handle: fe,
-          builder: me,
-          injector: p,
-          registerOnDestroy: (h) => {
-            p.get(de).onDestroy(() => {
-              h();
+    provide(InjectorToken, rootInjector);
+    const field = shallowRef(void 0);
+    watch(
+      () => [inputs.schema, inputs.options],
+      ([schema, options], _1, onWatcherCleanup) => {
+        const subInjector = createInjector({ providers: [], parent: rootInjector });
+        const result = convert(schema, {
+          handle: VueSchemaHandle,
+          builder: VueFormBuilder,
+          injector: subInjector,
+          registerOnDestroy: (fn) => {
+            subInjector.get(DestroyRef).onDestroy(() => {
+              fn();
             });
           },
-          ...c
+          ...options
         });
-        n.value = u;
-        let y;
-        if (u.form.control) {
-          const h = t.modelValue;
-          y = le(
-            typeof h < "u" ? h : void 0,
-            u.form.control,
-            p,
-            (i) => {
-              pe(() => {
-                var s;
-                (s = u.form.control) != null && s.valueNoError$$() && l("update:modelValue", i);
+        field.value = result;
+        let ref2;
+        if (result.form.control) {
+          const value = inputs.modelValue;
+          ref2 = initListen(
+            typeof value !== "undefined" ? value : void 0,
+            result.form.control,
+            subInjector,
+            (value2) => {
+              untracked(() => {
+                var _a;
+                if ((_a = result.form.control) == null ? void 0 : _a.valueNoError$$()) {
+                  emit("update:modelValue", value2);
+                }
               });
             }
           );
         }
-        b(() => {
-          p.destroy(), y == null || y.destroy();
+        onWatcherCleanup(() => {
+          subInjector.destroy();
+          ref2 == null ? void 0 : ref2.destroy();
         });
       },
-      { immediate: !0 }
-    ), O(() => {
-      var r;
-      (r = n.value.form.control) == null || r.updateValue(t.modelValue);
-    }), (r, c) => (d(), _(W, {
-      field: n.value
-    }, null, 8, ["field"]));
+      { immediate: true }
+    );
+    watchEffect(() => {
+      var _a;
+      (_a = field.value.form.control) == null ? void 0 : _a.updateValue(inputs.modelValue);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$2, {
+        field: field.value
+      }, null, 8, ["field"]);
+    };
   }
 });
-function Ce() {
-  const o = D(), e = D(!1);
-  let t, l;
-  return {
-    cva: {
-      writeValue(n) {
-        o.value = n;
-      },
-      registerOnChange(n) {
-        t = n;
-      },
-      registerOnTouched(n) {
-        l = n;
-      },
-      setDisabledState(n) {
-        e.value = n;
-      }
+function useControlValueAccessor() {
+  const value = ref();
+  const disabled = ref(false);
+  let onChange;
+  let touched;
+  const instance = {
+    writeValue(obj) {
+      value.value = obj;
     },
+    registerOnChange(fn) {
+      onChange = fn;
+    },
+    registerOnTouched(fn) {
+      touched = fn;
+    },
+    setDisabledState(value2) {
+      disabled.value = value2;
+    }
+  };
+  return {
+    cva: instance,
     cvaa: {
-      value: o,
-      disabled: e,
-      valueChange: (n) => {
-        t(n), o.value = n;
+      value,
+      disabled,
+      valueChange: (input) => {
+        onChange(input);
+        value.value = input;
       },
       touchedChange: () => {
-        l();
+        touched();
       }
     }
   };
 }
-const we = /* @__PURE__ */ I({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "group",
-  setup(o) {
-    const e = R(H), t = v(() => e == null ? void 0 : e.value.children());
-    return (l, a) => (d(!0), S(P, null, X(m(t), (n, r) => (d(), _(W, {
-      key: r,
-      field: n
-    }, null, 8, ["field"]))), 128));
+  setup(__props) {
+    const field = inject(PI_VIEW_FIELD_TOKEN);
+    const children = signalToRef(() => field == null ? void 0 : field.value.children());
+    return (_ctx, _cache) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (field2, index) => {
+        return openBlock(), createBlock(_sfc_main$2, {
+          key: index,
+          field: field2
+        }, null, 8, ["field"]);
+      }), 128);
+    };
   }
 });
 export {
-  $ as InjectorToken,
-  H as PI_VIEW_FIELD_TOKEN,
-  W as PiyingFieldTemplate,
-  ge as PiyingView,
-  we as PiyingViewGroup,
-  me as VueFormBuilder,
-  fe as VueSchemaHandle,
-  v as signalToRef,
-  Ce as useControlValueAccessor
+  InjectorToken,
+  PI_VIEW_FIELD_TOKEN,
+  _sfc_main$2 as PiyingFieldTemplate,
+  _sfc_main$1 as PiyingView,
+  _sfc_main as PiyingViewGroup,
+  VueFormBuilder,
+  VueSchemaHandle,
+  signalToRef,
+  useControlValueAccessor
 };
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../packages/vue/src/vue-schema.ts","../../packages/vue/src/builder.ts","../../packages/vue/src/token.ts","../../packages/vue/src/util/signal-convert.ts","../../packages/vue/src/component/wrapper.vue","../../packages/vue/src/component/field-template.vue","../../packages/vue/src/component/piying-view.vue","../../packages/vue/src/util/use-control-value-accessor.ts","../../packages/vue/src/component/group.vue"],"sourcesContent":["import { CoreSchemaHandle } from '@piying/view-core';\nimport type { PiResolvedViewFieldConfig } from './type/group';\n\nexport class VueSchemaHandle extends CoreSchemaHandle<\n  VueSchemaHandle,\n  () => PiResolvedViewFieldConfig\n> {\n  declare type?: any;\n}\n","import { FormBuilder } from '@piying/view-core';\nimport type { VueSchemaHandle } from './vue-schema';\n\nexport class VueFormBuilder extends FormBuilder<VueSchemaHandle> {}\n","import type { Injector } from 'static-injector';\nimport type { ComputedRef, InjectionKey } from 'vue';\nimport type { PiResolvedViewFieldConfig } from './type/group';\n\nexport const InjectorToken: InjectionKey<Injector> = Symbol();\nexport const PI_VIEW_FIELD_TOKEN: InjectionKey<ComputedRef<PiResolvedViewFieldConfig>> = Symbol();\n","import { effect } from 'static-injector';\nimport { shallowRef, watchEffect, inject as vInject } from 'vue';\nimport { InjectorToken } from '../token';\n\n// signal=>ref\nexport function signalToRef<T>(value: () => T | undefined) {\n  const injector = vInject(InjectorToken)!;\n\n  const dataRef = shallowRef<T>(undefined as any);\n  watchEffect((onWatcherCleanup) => {\n    dataRef.value = value();\n    const ref = effect(\n      () => {\n        const currentValue = value();\n        if (!Object.is(dataRef.value, currentValue)) {\n          dataRef.value = currentValue;\n        }\n      },\n      { injector: injector },\n    );\n    onWatcherCleanup(() => {\n      ref.destroy();\n    });\n  });\n  return dataRef;\n}\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport SelfComponent from './wrapper.vue';\nimport type { CoreResolvedWrapperConfig } from '@piying/view-core';\nimport { signalToRef } from '../util/signal-convert';\n\nconst dInputs = defineProps<{\n  wrappers: CoreResolvedWrapperConfig[];\n}>();\nconst restWrappers = computed(() => dInputs.wrappers!.slice(1));\nconst wrapper = computed(() => dInputs.wrappers[0]);\nconst inputs = signalToRef(() => ({ ...wrapper.value?.inputs(), ...wrapper.value?.attributes() }));\nconst outputs = computed(() => wrapper.value?.outputs ?? {});\n</script>\n\n<template>\n  <template v-if=\"wrapper\">\n    <component :is=\"wrapper.type\" v-bind=\"inputs\" v-on=\"outputs\">\n      <self-component v-bind=\"{ wrappers: restWrappers }\">\n        <slot></slot>\n      </self-component>\n    </component>\n  </template>\n  <template v-else>\n    <slot></slot>\n  </template>\n</template>\n\n<style scoped></style>\n","<script setup lang=\"ts\">\nimport {\n  computed,\n  defineAsyncComponent,\n  onUnmounted,\n  provide,\n  ref,\n  inject as vInject,\n  watch,\n} from 'vue';\nimport type { PiResolvedViewFieldConfig } from '../type/group';\nimport { signalToRef } from '../util/signal-convert';\nimport { PI_VIEW_FIELD_TOKEN, InjectorToken } from '../token';\nimport PiWrapper from './wrapper.vue';\nimport {\n  createViewControlLink,\n  getLazyImport,\n  isFieldControl,\n  isLazyMark,\n} from '@piying/view-core';\nconst props = defineProps<{\n  field: PiResolvedViewFieldConfig;\n}>();\nconst injector = vInject(InjectorToken)!;\n\nconst inputs = signalToRef(() => props.field.inputs());\nconst outputs = signalToRef(() => props.field.outputs());\nconst renderConfig = signalToRef(() => props.field.renderConfig());\n\nconst attributes = signalToRef(() => props.field.attributes());\nconst fieldInput = computed(() => ({ ...attributes.value, ...inputs.value }));\nconst fieldChildren = signalToRef(() => props.field.children?.());\n\nconst wrappers = signalToRef(() => props.field.wrappers());\n\nconst componentType = computed(() =>\n  typeof props.field.define?.type === 'function' || isLazyMark(props.field.define?.type)\n    ? defineAsyncComponent(getLazyImport<any>(props.field.define?.type))\n    : props.field.define?.type,\n);\nconst field = computed(() => props.field);\nprovide(PI_VIEW_FIELD_TOKEN, field);\n// 使用cva\nconst childRef = ref<any>(null);\nconst isControl = isFieldControl(field.value.form.control);\nlet dispose: (() => void) | undefined;\n\nwatch(\n  [childRef, field],\n  ([childRef, field]) => {\n    dispose?.();\n    if (isControl && childRef) {\n      dispose = createViewControlLink((() => field.form.control) as any, childRef['cva'], injector);\n    }\n  },\n  { immediate: true },\n);\nonUnmounted(() => {\n  dispose?.();\n  dispose = undefined;\n});\n</script>\n\n<template>\n  <template v-if=\"!renderConfig!.hidden\">\n    <template v-if=\"field.define?.type\">\n      <pi-wrapper v-bind:wrappers=\"wrappers!\">\n        <!-- group -->\n        <template v-if=\"fieldChildren\">\n          <component :is=\"componentType\" v-bind=\"fieldInput\" v-on=\"outputs\"></component>\n        </template>\n        <!-- control -->\n        <template v-else>\n          <template v-if=\"field.form.control\">\n            <component\n              :is=\"componentType\"\n              v-bind=\"fieldInput\"\n              v-on=\"outputs\"\n              ref=\"childRef\"\n            ></component>\n          </template>\n          <template v-else>\n            <component :is=\"componentType\" v-bind=\"fieldInput\" v-on=\"outputs\"></component>\n          </template>\n        </template>\n      </pi-wrapper>\n    </template>\n  </template>\n</template>\n\n<style scoped></style>\n","<script setup lang=\"ts\">\nimport * as v from 'valibot';\nimport { convert } from '@piying/view-core';\nimport { provide, shallowRef, watch, watchEffect } from 'vue';\nimport {\n  ChangeDetectionScheduler,\n  ChangeDetectionSchedulerImpl,\n  createInjector,\n  createRootInjector,\n  DestroyRef,\n  untracked,\n  type EffectRef,\n} from 'static-injector';\nimport { VueSchemaHandle } from '../vue-schema';\nimport { VueFormBuilder } from '../builder';\nimport { InjectorToken } from '../token';\nimport FieldTemplate from './field-template.vue';\nimport type { PiResolvedViewFieldConfig } from '../type/group';\nimport type { Injector } from 'static-injector';\nimport { initListen } from '@piying/view-core';\nconst inputs = defineProps<{\n  schema: v.BaseSchema<any, any, any> | v.SchemaWithPipe<any>;\n  modelValue?: any;\n  options: any;\n}>();\n\nconst emit = defineEmits(['update:modelValue']);\nconst rootInjector = createRootInjector({\n  providers: [\n    {\n      provide: ChangeDetectionScheduler,\n      useClass: ChangeDetectionSchedulerImpl,\n    },\n  ],\n});\nprovide(InjectorToken, rootInjector);\n\nconst field = shallowRef<PiResolvedViewFieldConfig | undefined>(undefined);\n\nwatch(\n  () => [inputs.schema, inputs.options],\n  ([schema, options], _1, onWatcherCleanup) => {\n    const subInjector = createInjector({ providers: [], parent: rootInjector });\n\n    const result = convert(schema as any, {\n      handle: VueSchemaHandle as any,\n      builder: VueFormBuilder,\n      injector: subInjector,\n      registerOnDestroy: (fn) => {\n        subInjector!.get(DestroyRef).onDestroy(() => {\n          fn();\n        });\n      },\n      ...options,\n    });\n    field.value = result;\n    let ref: EffectRef | undefined;\n    if (result.form.control) {\n      const value = inputs.modelValue;\n      ref = initListen(\n        typeof value !== 'undefined' ? value : undefined,\n        result!.form.control!,\n        subInjector as Injector,\n        (value) => {\n          untracked(() => {\n            if (result!.form.control?.valueNoError$$()) {\n              emit('update:modelValue', value);\n            }\n          });\n        },\n      );\n    }\n    onWatcherCleanup(() => {\n      subInjector.destroy();\n      ref?.destroy();\n    });\n  },\n  { immediate: true },\n);\nwatchEffect(() => {\n  field.value!.form.control?.updateValue(inputs.modelValue);\n});\n</script>\n\n<template>\n  <field-template :field=\"field!\"></field-template>\n</template>\n\n<style scoped></style>\n","import type { ControlValueAccessor } from '@piying/view-core';\nimport { ref } from 'vue';\n\nexport function useControlValueAccessor() {\n  const value = ref();\n  const disabled = ref(false);\n  let onChange: (input: any) => void;\n  let touched: () => void;\n  const instance: ControlValueAccessor = {\n    writeValue(obj) {\n      value.value = obj;\n    },\n    registerOnChange(fn) {\n      onChange = fn;\n    },\n    registerOnTouched(fn) {\n      touched = fn;\n    },\n    setDisabledState(value) {\n      disabled.value = value;\n    },\n  };\n  return {\n    cva: instance,\n    cvaa: {\n      value: value,\n      disabled: disabled,\n      valueChange: (input: any) => {\n        onChange(input);\n        value.value = input;\n      },\n      touchedChange: () => {\n        touched();\n      },\n    },\n  };\n}\n","<script setup lang=\"ts\">\nimport FieldTemplate from './field-template.vue';\nimport { inject } from 'vue';\nimport { PI_VIEW_FIELD_TOKEN } from '../token';\nimport { signalToRef } from '../util';\n\nconst field = inject(PI_VIEW_FIELD_TOKEN)!;\nconst children = signalToRef(() => field?.value.children!());\n</script>\n\n<template>\n  <template v-for=\"(field, index) in children\" :key=\"index\">\n    <field-template :field=\"field!\"></field-template>\n  </template>\n</template>\n\n<style scoped></style>\n"],"names":["vInject","ref","childRef","field","value"],"mappings":"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"}

package/package.json

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

package/type/group.d.ts

@@ -17,7 +17,6 @@ export interface RawComponentDefine {
 }
 export interface ComponentFieldConfig {
     type?: string;
-    contents?: any[];
 }
 export type ResolvedComponentFieldConfig = Omit<ComponentFieldConfig, 'inputs' | 'outputs' | 'directives' | 'wrappers'>;
 export type PiDefaultRawViewFieldConfig = Pick<VueSchemaHandle, 'inputs' | 'outputs' | 'wrappers' | 'formConfig' | 'renderConfig' | 'props'>;

package/vue-schema.d.ts

@@ -2,5 +2,4 @@ import { CoreSchemaHandle } from '@piying/view-core';
 import type { PiResolvedViewFieldConfig } from './type/group';
 export declare class VueSchemaHandle extends CoreSchemaHandle<VueSchemaHandle, () => PiResolvedViewFieldConfig> {
     type?: any;
-    contents?: any[];
 }