@piying/view-vue 1.2.2 → 1.3.1

package/component/group.vue.d.ts

@@ -1,15 +1,2 @@
-import type { PiResolvedViewFieldConfig } from '../type/group';
-type __VLS_Props = {
-    fields: PiResolvedViewFieldConfig[];
-};
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/index.js

@@ -1,24 +1,24 @@
-var K = Object.defineProperty;
-var U = (o, e, n) => e in o ? K(o, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[e] = n;
-var F = (o, e, n) => U(o, typeof e != "symbol" ? e + "" : e, n);
-import { inject as O, shallowRef as A, watchEffect as L, defineComponent as $, computed as v, createBlock as y, renderSlot as T, openBlock as c, resolveDynamicComponent as k, mergeProps as I, unref as p, toHandlers as b, withCtx as S, createVNode as J, normalizeProps as M, guardReactiveProps as Q, defineAsyncComponent as X, provide as N, ref as E, watch as G, onUnmounted as Y, createElementBlock as P, createCommentVNode as B, Fragment as R, renderList as Z } from "vue";
-import { CoreSchemaHandle as ee, FormBuilder as te, isFieldControl as oe, createViewControlLink as ne, convert as re } from "@piying/view-core";
-import { effect as H, createRootInjector as le, ChangeDetectionSchedulerImpl as ae, ChangeDetectionScheduler as se, createInjector as ue, DestroyRef as ie, untracked as ce } from "static-injector";
-import { deepEqual as de } from "fast-equals";
-class pe extends ee {
+var z = Object.defineProperty;
+var G = (o, e, n) => e in o ? z(o, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[e] = n;
+var x = (o, e, n) => G(o, typeof e != "symbol" ? e + "" : e, n);
+import { inject as E, shallowRef as B, watchEffect as O, defineComponent as I, computed as g, createBlock as _, renderSlot as F, openBlock as d, resolveDynamicComponent as w, mergeProps as V, unref as m, toHandlers as k, withCtx as j, createVNode as K, normalizeProps as U, guardReactiveProps as J, defineAsyncComponent as M, provide as L, ref as $, watch as N, onUnmounted as Q, createElementBlock as D, createCommentVNode as T, Fragment as S, renderList as X } from "vue";
+import { CoreSchemaHandle as Y, FormBuilder as Z, isFieldControl as ee, createViewControlLink as te, convert as ne } from "@piying/view-core";
+import { effect as H, createRootInjector as oe, ChangeDetectionSchedulerImpl as re, ChangeDetectionScheduler as le, createInjector as ae, DestroyRef as se, untracked as ce } from "static-injector";
+import { deepEqual as ue } from "fast-equals";
+class ie extends Y {
   constructor() {
     super(...arguments);
-    F(this, "contents");
+    x(this, "contents");
   }
 }
-class fe extends te {
+class de extends Z {
 }
-const x = Symbol(), me = Symbol();
-function m(o) {
-  const e = O(x), n = A(void 0);
-  return L((r) => {
+const P = Symbol(), A = Symbol();
+function v(o) {
+  const e = E(P), n = B(void 0);
+  return O((r) => {
     n.value = o();
-    const l = H(
+    const a = H(
       () => {
         const t = o();
         Object.is(n.value, t) || (n.value = t);
@@ -26,96 +26,93 @@ function m(o) {
       { injector: e }
     );
     r(() => {
-      l.destroy();
+      a.destroy();
     });
   }), n;
 }
-const W = /* @__PURE__ */ $({
+const W = /* @__PURE__ */ I({
   __name: "wrapper",
   props: {
     wrappers: {}
   },
   setup(o) {
-    const e = o, n = v(() => e.wrappers.slice(1)), r = v(() => e.wrappers[0]), l = m(() => {
-      var a, u;
-      return { ...(a = r.value) == null ? void 0 : a.inputs(), ...(u = r.value) == null ? void 0 : u.attributes() };
-    }), t = v(() => {
-      var a;
-      return ((a = r.value) == null ? void 0 : a.outputs) ?? {};
+    const e = o, n = g(() => e.wrappers.slice(1)), r = g(() => e.wrappers[0]), a = v(() => {
+      var l, c;
+      return { ...(l = r.value) == null ? void 0 : l.inputs(), ...(c = r.value) == null ? void 0 : c.attributes() };
+    }), t = g(() => {
+      var l;
+      return ((l = r.value) == null ? void 0 : l.outputs) ?? {};
     });
-    return (a, u) => r.value ? (c(), y(k(r.value.type), I({ key: 0 }, p(l), b(t.value)), {
-      default: S(() => [
-        J(W, M(Q({ wrappers: n.value })), {
-          default: S(() => [
-            T(a.$slots, "default")
+    return (l, c) => r.value ? (d(), _(w(r.value.type), V({ key: 0 }, m(a), k(t.value)), {
+      default: j(() => [
+        K(W, U(J({ wrappers: n.value })), {
+          default: j(() => [
+            F(l.$slots, "default")
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : T(a.$slots, "default", { key: 1 });
+    }, 16)) : F(l.$slots, "default", { key: 1 });
   }
-}), q = /* @__PURE__ */ $({
+}), q = /* @__PURE__ */ I({
   __name: "field-template",
   props: {
     field: {}
   },
   setup(o) {
-    const e = o, n = O(x), r = m(() => e.field.inputs()), l = m(() => e.field.outputs()), t = m(() => e.field.renderConfig()), a = m(() => e.field.attributes()), u = v(() => ({ ...a.value, ...r.value })), D = m(() => {
-      var s, i;
-      return (i = (s = e.field).fieldGroup) == null ? void 0 : i.call(s);
-    }), j = m(() => {
-      var s, i;
-      return (i = (s = e.field).fieldArray) == null ? void 0 : i.call(s);
-    }), h = v(() => ({ ...u.value, fields: D.value })), g = v(() => ({ ...u.value, fields: j.value })), w = m(() => e.field.wrappers()), d = v(
+    const e = o, n = E(P), r = v(() => e.field.inputs()), a = v(() => e.field.outputs()), t = v(() => e.field.renderConfig()), l = v(() => e.field.attributes()), c = g(() => ({ ...l.value, ...r.value })), R = v(() => {
+      var s, f;
+      return (f = (s = e.field).children) == null ? void 0 : f.call(s);
+    }), b = v(() => e.field.wrappers()), p = g(
       () => {
-        var s, i, V;
-        return typeof ((s = e.field.define) == null ? void 0 : s.type) == "function" ? X((i = e.field.define) == null ? void 0 : i.type) : (V = e.field.define) == null ? void 0 : V.type;
+        var s, f, C;
+        return typeof ((s = e.field.define) == null ? void 0 : s.type) == "function" ? M((f = e.field.define) == null ? void 0 : f.type) : (C = e.field.define) == null ? void 0 : C.type;
       }
-    ), _ = v(() => e.field);
-    N(me, _);
-    const C = E(null), z = oe(_.value.form.control);
-    let f;
-    return G(
-      [C, _],
-      ([s, i]) => {
-        f == null || f(), z && s && (f = ne(() => i.form.control, s.cva, n));
+    ), u = g(() => e.field);
+    L(A, u);
+    const y = $(null), h = ee(u.value.form.control);
+    let i;
+    return N(
+      [y, u],
+      ([s, f]) => {
+        i == null || i(), h && s && (i = te(() => f.form.control, s.cva, n));
       },
       { immediate: !0 }
-    ), Y(() => {
-      f == null || f(), f = void 0;
-    }), (s, i) => {
-      var V;
-      return p(t).hidden ? B("", !0) : (c(), P(R, { key: 0 }, [
-        (V = _.value.define) != null && V.type ? (c(), y(W, {
+    ), Q(() => {
+      i == null || i(), i = void 0;
+    }), (s, f) => {
+      var C;
+      return m(t).hidden ? T("", !0) : (d(), D(S, { key: 0 }, [
+        (C = u.value.define) != null && C.type ? (d(), _(W, {
           key: 0,
-          wrappers: p(w)
+          wrappers: m(b)
         }, {
-          default: S(() => [
-            p(D) ? (c(), y(k(d.value), I({ key: 0 }, h.value, b(p(l))), null, 16)) : p(j) ? (c(), y(k(d.value), I({ key: 1 }, g.value, b(p(l))), null, 16)) : (c(), P(R, { key: 2 }, [
-              _.value.form.control ? (c(), y(k(d.value), I({ key: 0 }, u.value, b(p(l)), {
+          default: j(() => [
+            m(R) ? (d(), _(w(p.value), V({ key: 0 }, c.value, k(m(a))), null, 16)) : (d(), D(S, { key: 1 }, [
+              u.value.form.control ? (d(), _(w(p.value), V({ key: 0 }, c.value, k(m(a)), {
                 ref_key: "childRef",
-                ref: C
-              }), null, 16)) : (c(), y(k(d.value), I({ key: 1 }, u.value, b(p(l))), null, 16))
+                ref: y
+              }), null, 16)) : (d(), _(w(p.value), V({ key: 1 }, c.value, k(m(a))), null, 16))
             ], 64))
           ]),
           _: 1
-        }, 8, ["wrappers"])) : B("", !0)
+        }, 8, ["wrappers"])) : T("", !0)
       ], 64));
     };
   }
 });
-function ve(o, e, n, r) {
-  let l = !0;
+function pe(o, e, n, r) {
+  let a = !0;
   return H(
     () => {
       const t = e.value$$();
-      l ? (de(t, o) || r(t), l = !1) : r(t);
+      a ? (ue(t, o) || r(t), a = !1) : r(t);
     },
     { injector: n }
   );
 }
-const Ce = /* @__PURE__ */ $({
+const he = /* @__PURE__ */ I({
   __name: "piying-view",
   props: {
     schema: {},
@@ -124,61 +121,61 @@ const Ce = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const n = o, r = e, l = le({
+    const n = o, r = e, a = oe({
       providers: [
         {
-          provide: se,
-          useClass: ae
+          provide: le,
+          useClass: re
         }
       ]
     });
-    N(x, l);
-    const t = A(void 0);
-    return G(
+    L(P, a);
+    const t = B(void 0);
+    return N(
       () => [n.schema, n.options],
-      ([a, u], D, j) => {
-        const h = ue({ providers: [], parent: l }), g = re(a, {
-          handle: pe,
-          builder: fe,
-          injector: h,
-          registerOnDestroy: (d) => {
-            h.get(ie).onDestroy(() => {
-              d();
+      ([l, c], R, b) => {
+        const p = ae({ providers: [], parent: a }), u = ne(l, {
+          handle: ie,
+          builder: de,
+          injector: p,
+          registerOnDestroy: (h) => {
+            p.get(se).onDestroy(() => {
+              h();
             });
           },
-          ...u
+          ...c
         });
-        t.value = g;
-        let w;
-        if (g.form.control) {
-          const d = n.modelValue;
-          w = ve(
-            typeof d < "u" ? d : void 0,
-            g.form.control,
-            h,
-            (_) => {
+        t.value = u;
+        let y;
+        if (u.form.control) {
+          const h = n.modelValue;
+          y = pe(
+            typeof h < "u" ? h : void 0,
+            u.form.control,
+            p,
+            (i) => {
               ce(() => {
-                var C;
-                (C = g.form.control) != null && C.valueNoError$$() && r("update:modelValue", _);
+                var s;
+                (s = u.form.control) != null && s.valueNoError$$() && r("update:modelValue", i);
               });
             }
           );
         }
-        j(() => {
-          h.destroy(), w == null || w.destroy();
+        b(() => {
+          p.destroy(), y == null || y.destroy();
         });
       },
       { immediate: !0 }
-    ), L(() => {
-      var a;
-      (a = t.value.form.control) == null || a.updateValue(n.modelValue);
-    }), (a, u) => (c(), y(q, {
+    ), O(() => {
+      var l;
+      (l = t.value.form.control) == null || l.updateValue(n.modelValue);
+    }), (l, c) => (d(), _(q, {
       field: t.value
     }, null, 8, ["field"]));
   }
 });
-function Ve() {
-  const o = E(), e = E(!1);
+function ge() {
+  const o = $(), e = $(!1);
   let n, r;
   return {
     cva: {
@@ -207,28 +204,25 @@ function Ve() {
     }
   };
 }
-const ke = /* @__PURE__ */ $({
+const Ce = /* @__PURE__ */ I({
   __name: "group",
-  props: {
-    fields: {}
-  },
   setup(o) {
-    const e = o;
-    return (n, r) => (c(!0), P(R, null, Z(e.fields, (l, t) => (c(), y(q, {
-      key: t,
-      field: l
+    const e = E(A), n = v(() => e == null ? void 0 : e.value.children());
+    return (r, a) => (d(!0), D(S, null, X(m(n), (t, l) => (d(), _(q, {
+      key: l,
+      field: t
     }, null, 8, ["field"]))), 128));
   }
 });
 export {
-  x as InjectorToken,
-  me as PI_VIEW_FIELD_TOKEN,
+  P as InjectorToken,
+  A as PI_VIEW_FIELD_TOKEN,
   q as PiyingFieldTemplate,
-  Ce as PiyingView,
-  ke as PiyingViewGroup,
-  fe as VueFormBuilder,
-  pe as VueSchemaHandle,
-  ve as initListen,
-  m as signalToRef,
-  Ve as useControlValueAccessor
+  he as PiyingView,
+  Ce as PiyingViewGroup,
+  de as VueFormBuilder,
+  ie as VueSchemaHandle,
+  pe as initListen,
+  v as signalToRef,
+  ge as useControlValueAccessor
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@piying/view-vue",
-    "version": "1.2.2",
+    "version": "1.3.1",
     "description": "Piying view For Vue;Valibot to Component",
     "type": "module",
     "homepage": "https://piying-org.github.io/website/docs/client/intro",
@@ -36,7 +36,7 @@
     ],
     "license": "MIT",
     "dependencies": {
-        "@piying/view-core": "^1.2.2",
+        "@piying/view-core": "^1.3.1",
         "fast-equals": "^5.2.2",
         "rfdc": "^1.4.1",
         "static-injector": "^6.1.2"

package/readme.md

@@ -1 +1,27 @@
-[document](https://piying-org.github.io/website/docs/client/intro)
+<div><a href="https://www.npmjs.com/package/@piying/view-core"><img src="https://img.shields.io/npm/v/@piying/view-core" alt="NPM Version" /></a> <a href="https://coveralls.io/github/piying-org/piying-view?branch=main"><img src="https://coveralls.io/repos/github/piying-org/piying-view/badge.svg" alt="Coverage Status" ></a> <a href=""><img src="https://img.shields.io/badge/License-MIT-teal.svg" alt="MIT License" /></a></div>
+
+## document
+
+- https://piying-org.github.io/website/docs/client/intro
+
+## start
+
+- npm i
+- npm run create-view-core
+
+## test
+
+- npx playwright install
+- npm run test:all
+
+### test Core/Angular
+
+- npm run test
+
+### test Vue
+
+- npm run test:vue
+
+### test React
+
+- npm run test:react