@piying/view-react 1.4.1 → 1.5.1

package/index.js

@@ -1,8 +1,9 @@
-import me, { createContext as Z, useContext as D, useState as Y, useMemo as f, useRef as C, useEffect as M, useCallback as he } from "react";
-import { effect as be, createRootInjector as ge, ChangeDetectionSchedulerImpl as Ee, ChangeDetectionScheduler as pe, createInjector as Re, DestroyRef as ve, untracked as _e } from "static-injector";
-import { createViewControlLink as Te, CoreSchemaHandle as Ce, FormBuilder as je, convert as xe, initListen as ke } from "@piying/view-core";
+import require$$0, { createContext, useContext, useState, useMemo, useRef, useEffect, useCallback } from "react";
+import { effect, createRootInjector, ChangeDetectionSchedulerImpl, ChangeDetectionScheduler, createInjector, DestroyRef, untracked } from "static-injector";
+import { createViewControlLink, CoreSchemaHandle, FormBuilder, convert, initListen } from "@piying/view-core";
 import "valibot";
-var w = { exports: {} }, x = {};
+var jsxRuntime = { exports: {} };
+var reactJsxRuntime_production = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,29 +13,35 @@ var w = { exports: {} }, x = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var J;
-function Oe() {
-  if (J) return x;
-  J = 1;
-  var r = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function t(s, o, l) {
-    var c = null;
-    if (l !== void 0 && (c = "" + l), o.key !== void 0 && (c = "" + o.key), "key" in o) {
-      l = {};
-      for (var g in o)
-        g !== "key" && (l[g] = o[g]);
-    } else l = o;
-    return o = l.ref, {
-      $$typeof: r,
-      type: s,
-      key: c,
-      ref: o !== void 0 ? o : null,
-      props: l
+var hasRequiredReactJsxRuntime_production;
+function requireReactJsxRuntime_production() {
+  if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
+  hasRequiredReactJsxRuntime_production = 1;
+  var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+  function jsxProd(type, config, maybeKey) {
+    var key = null;
+    void 0 !== maybeKey && (key = "" + maybeKey);
+    void 0 !== config.key && (key = "" + config.key);
+    if ("key" in config) {
+      maybeKey = {};
+      for (var propName in config)
+        "key" !== propName && (maybeKey[propName] = config[propName]);
+    } else maybeKey = config;
+    config = maybeKey.ref;
+    return {
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: void 0 !== config ? config : null,
+      props: maybeKey
     };
   }
-  return x.Fragment = n, x.jsx = t, x.jsxs = t, x;
+  reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
+  reactJsxRuntime_production.jsx = jsxProd;
+  reactJsxRuntime_production.jsxs = jsxProd;
+  return reactJsxRuntime_production;
 }
-var k = {};
+var reactJsxRuntime_development = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,501 +51,603 @@ var k = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var z;
-function Se() {
-  return z || (z = 1, process.env.NODE_ENV !== "production" && function() {
-    function r(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === ie ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case A:
+var hasRequiredReactJsxRuntime_development;
+function requireReactJsxRuntime_development() {
+  if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
+  hasRequiredReactJsxRuntime_development = 1;
+  "production" !== process.env.NODE_ENV && function() {
+    function getComponentNameFromType(type) {
+      if (null == type) return null;
+      if ("function" === typeof type)
+        return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
+      if ("string" === typeof type) return type;
+      switch (type) {
+        case REACT_FRAGMENT_TYPE:
           return "Fragment";
-        case te:
+        case REACT_PROFILER_TYPE:
           return "Profiler";
-        case re:
+        case REACT_STRICT_MODE_TYPE:
           return "StrictMode";
-        case se:
+        case REACT_SUSPENSE_TYPE:
           return "Suspense";
-        case le:
+        case REACT_SUSPENSE_LIST_TYPE:
           return "SuspenseList";
-        case ce:
+        case REACT_ACTIVITY_TYPE:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if ("object" === typeof type)
+        switch ("number" === typeof type.tag && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case m:
+        ), type.$$typeof) {
+          case REACT_PORTAL_TYPE:
             return "Portal";
-          case oe:
-            return (e.displayName || "Context") + ".Provider";
-          case ne:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case ue:
-            var u = e.render;
-            return e = e.displayName, e || (e = u.displayName || u.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case ae:
-            return u = e.displayName || null, u !== null ? u : r(e.type) || "Memo";
-          case $:
-            u = e._payload, e = e._init;
+          case REACT_CONTEXT_TYPE:
+            return (type.displayName || "Context") + ".Provider";
+          case REACT_CONSUMER_TYPE:
+            return (type._context.displayName || "Context") + ".Consumer";
+          case REACT_FORWARD_REF_TYPE:
+            var innerType = type.render;
+            type = type.displayName;
+            type || (type = innerType.displayName || innerType.name || "", type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef");
+            return type;
+          case REACT_MEMO_TYPE:
+            return innerType = type.displayName || null, null !== innerType ? innerType : getComponentNameFromType(type.type) || "Memo";
+          case REACT_LAZY_TYPE:
+            innerType = type._payload;
+            type = type._init;
             try {
-              return r(e(u));
-            } catch {
+              return getComponentNameFromType(type(innerType));
+            } catch (x) {
             }
         }
       return null;
     }
-    function n(e) {
-      return "" + e;
+    function testStringCoercion(value) {
+      return "" + value;
     }
-    function t(e) {
+    function checkKeyStringCoercion(value) {
       try {
-        n(e);
-        var u = !1;
-      } catch {
-        u = !0;
+        testStringCoercion(value);
+        var JSCompiler_inline_result = false;
+      } catch (e) {
+        JSCompiler_inline_result = true;
       }
-      if (u) {
-        u = console;
-        var a = u.error, h = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return a.call(
-          u,
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 = "function" === typeof Symbol && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          h
-        ), n(e);
+          JSCompiler_inline_result$jscomp$0
+        );
+        return testStringCoercion(value);
       }
     }
-    function s(e) {
-      if (e === A) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === $)
+    function getTaskName(type) {
+      if (type === REACT_FRAGMENT_TYPE) return "<>";
+      if ("object" === typeof type && null !== type && type.$$typeof === REACT_LAZY_TYPE)
         return "<...>";
       try {
-        var u = r(e);
-        return u ? "<" + u + ">" : "<...>";
-      } catch {
+        var name = getComponentNameFromType(type);
+        return name ? "<" + name + ">" : "<...>";
+      } catch (x) {
         return "<...>";
       }
     }
-    function o() {
-      var e = y.A;
-      return e === null ? null : e.getOwner();
+    function getOwner() {
+      var dispatcher = ReactSharedInternals.A;
+      return null === dispatcher ? null : dispatcher.getOwner();
     }
-    function l() {
+    function UnknownOwner() {
       return Error("react-stack-top-frame");
     }
-    function c(e) {
-      if (L.call(e, "key")) {
-        var u = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (u && u.isReactWarning) return !1;
+    function hasValidKey(config) {
+      if (hasOwnProperty.call(config, "key")) {
+        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
+        if (getter && getter.isReactWarning) return false;
       }
-      return e.key !== void 0;
+      return void 0 !== config.key;
     }
-    function g(e, u) {
-      function a() {
-        W || (W = !0, console.error(
+    function defineKeyPropWarningGetter(props, displayName) {
+      function warnAboutAccessingKey() {
+        specialPropKeyWarningShown || (specialPropKeyWarningShown = true, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          u
+          displayName
         ));
       }
-      a.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: a,
-        configurable: !0
+      warnAboutAccessingKey.isReactWarning = true;
+      Object.defineProperty(props, "key", {
+        get: warnAboutAccessingKey,
+        configurable: true
       });
     }
-    function i() {
-      var e = r(this.type);
-      return G[e] || (G[e] = !0, console.error(
+    function elementRefGetterWithDeprecationWarning() {
+      var componentName = getComponentNameFromType(this.type);
+      didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = true, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
+      ));
+      componentName = this.props.ref;
+      return void 0 !== componentName ? componentName : null;
     }
-    function _(e, u, a, h, R, p, I, N) {
-      return a = p.ref, e = {
-        $$typeof: S,
-        type: e,
-        key: u,
-        props: p,
-        _owner: R
-      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: i
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
+    function ReactElement(type, key, self, source, owner, props, debugStack, debugTask) {
+      self = props.ref;
+      type = {
+        $$typeof: REACT_ELEMENT_TYPE,
+        type,
+        key,
+        props,
+        _owner: owner
+      };
+      null !== (void 0 !== self ? self : null) ? Object.defineProperty(type, "ref", {
+        enumerable: false,
+        get: elementRefGetterWithDeprecationWarning
+      }) : Object.defineProperty(type, "ref", { enumerable: false, value: null });
+      type._store = {};
+      Object.defineProperty(type._store, "validated", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
+      });
+      Object.defineProperty(type, "_debugInfo", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: I
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: N
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+      });
+      Object.defineProperty(type, "_debugStack", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: debugStack
+      });
+      Object.defineProperty(type, "_debugTask", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: debugTask
+      });
+      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
+      return type;
     }
-    function O(e, u, a, h, R, p, I, N) {
-      var b = u.children;
-      if (b !== void 0)
-        if (h)
-          if (de(b)) {
-            for (h = 0; h < b.length; h++)
-              j(b[h]);
-            Object.freeze && Object.freeze(b);
+    function jsxDEVImpl(type, config, maybeKey, isStaticChildren, source, self, debugStack, debugTask) {
+      var children = config.children;
+      if (void 0 !== children)
+        if (isStaticChildren)
+          if (isArrayImpl(children)) {
+            for (isStaticChildren = 0; isStaticChildren < children.length; isStaticChildren++)
+              validateChildKeys(children[isStaticChildren]);
+            Object.freeze && Object.freeze(children);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else j(b);
-      if (L.call(u, "key")) {
-        b = r(e);
-        var T = Object.keys(u).filter(function(fe) {
-          return fe !== "key";
+        else validateChildKeys(children);
+      if (hasOwnProperty.call(config, "key")) {
+        children = getComponentNameFromType(type);
+        var keys = Object.keys(config).filter(function(k) {
+          return "key" !== k;
         });
-        h = 0 < T.length ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}", q[b + h] || (T = 0 < T.length ? "{" + T.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          h,
-          b,
-          T,
-          b
-        ), q[b + h] = !0);
+        isStaticChildren = 0 < keys.length ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
+        didWarnAboutKeySpread[children + isStaticChildren] || (keys = 0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}", console.error(
+          'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
+          isStaticChildren,
+          children,
+          keys,
+          children
+        ), didWarnAboutKeySpread[children + isStaticChildren] = true);
       }
-      if (b = null, a !== void 0 && (t(a), b = "" + a), c(u) && (t(u.key), b = "" + u.key), "key" in u) {
-        a = {};
-        for (var F in u)
-          F !== "key" && (a[F] = u[F]);
-      } else a = u;
-      return b && g(
-        a,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), _(
-        e,
-        b,
-        p,
-        R,
-        o(),
-        a,
-        I,
-        N
+      children = null;
+      void 0 !== maybeKey && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
+      hasValidKey(config) && (checkKeyStringCoercion(config.key), children = "" + config.key);
+      if ("key" in config) {
+        maybeKey = {};
+        for (var propName in config)
+          "key" !== propName && (maybeKey[propName] = config[propName]);
+      } else maybeKey = config;
+      children && defineKeyPropWarningGetter(
+        maybeKey,
+        "function" === typeof type ? type.displayName || type.name || "Unknown" : type
+      );
+      return ReactElement(
+        type,
+        children,
+        self,
+        source,
+        getOwner(),
+        maybeKey,
+        debugStack,
+        debugTask
       );
     }
-    function j(e) {
-      typeof e == "object" && e !== null && e.$$typeof === S && e._store && (e._store.validated = 1);
+    function validateChildKeys(node) {
+      "object" === typeof node && null !== node && node.$$typeof === REACT_ELEMENT_TYPE && node._store && (node._store.validated = 1);
     }
-    var E = me, S = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), A = Symbol.for("react.fragment"), re = Symbol.for("react.strict_mode"), te = Symbol.for("react.profiler"), ne = Symbol.for("react.consumer"), oe = Symbol.for("react.context"), ue = Symbol.for("react.forward_ref"), se = Symbol.for("react.suspense"), le = Symbol.for("react.suspense_list"), ae = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), ie = Symbol.for("react.client.reference"), y = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, de = Array.isArray, P = console.createTask ? console.createTask : function() {
+    var React = require$$0, REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler");
+    var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
       return null;
     };
-    E = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    React = {
+      react_stack_bottom_frame: function(callStackForError) {
+        return callStackForError();
       }
     };
-    var W, G = {}, U = E.react_stack_bottom_frame.bind(
-      E,
-      l
-    )(), B = P(s(l)), q = {};
-    k.Fragment = A, k.jsx = function(e, u, a, h, R) {
-      var p = 1e4 > y.recentlyCreatedOwnerStacks++;
-      return O(
-        e,
-        u,
-        a,
-        !1,
-        h,
-        R,
-        p ? Error("react-stack-top-frame") : U,
-        p ? P(s(e)) : B
+    var specialPropKeyWarningShown;
+    var didWarnAboutElementRef = {};
+    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(
+      React,
+      UnknownOwner
+    )();
+    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
+    var didWarnAboutKeySpread = {};
+    reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
+    reactJsxRuntime_development.jsx = function(type, config, maybeKey, source, self) {
+      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+      return jsxDEVImpl(
+        type,
+        config,
+        maybeKey,
+        false,
+        source,
+        self,
+        trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
+        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
       );
-    }, k.jsxs = function(e, u, a, h, R) {
-      var p = 1e4 > y.recentlyCreatedOwnerStacks++;
-      return O(
-        e,
-        u,
-        a,
-        !0,
-        h,
-        R,
-        p ? Error("react-stack-top-frame") : U,
-        p ? P(s(e)) : B
+    };
+    reactJsxRuntime_development.jsxs = function(type, config, maybeKey, source, self) {
+      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+      return jsxDEVImpl(
+        type,
+        config,
+        maybeKey,
+        true,
+        source,
+        self,
+        trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
+        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
       );
     };
-  }()), k;
+  }();
+  return reactJsxRuntime_development;
 }
-var H;
-function we() {
-  return H || (H = 1, process.env.NODE_ENV === "production" ? w.exports = Oe() : w.exports = Se()), w.exports;
+var hasRequiredJsxRuntime;
+function requireJsxRuntime() {
+  if (hasRequiredJsxRuntime) return jsxRuntime.exports;
+  hasRequiredJsxRuntime = 1;
+  if (process.env.NODE_ENV === "production") {
+    jsxRuntime.exports = requireReactJsxRuntime_production();
+  } else {
+    jsxRuntime.exports = requireReactJsxRuntime_development();
+  }
+  return jsxRuntime.exports;
 }
-var d = we();
-const Q = Z(void 0), V = Z(void 0);
-function v(r, n) {
-  const t = D(V), [s, o] = Y(f(() => n(r), [])), l = C(s);
-  return M(() => {
-    const c = n(r);
-    Object.is(l.current, c) || (o(c), l.current = c);
-    const g = be(
+var jsxRuntimeExports = requireJsxRuntime();
+const PI_VIEW_FIELD_TOKEN = createContext(void 0);
+const InjectorToken = createContext(void 0);
+const CVA = Symbol.for("ControlValueAccessor");
+function useSignalToRef(listen, value) {
+  const injector = useContext(InjectorToken);
+  const [result, setResult] = useState(useMemo(() => value(listen), []));
+  const resultRef = useRef(result);
+  useEffect(() => {
+    const currentValue = value(listen);
+    if (!Object.is(resultRef.current, currentValue)) {
+      setResult(currentValue);
+      resultRef.current = currentValue;
+    }
+    const ref = effect(
       () => {
-        const i = n(r);
-        Object.is(l.current, i) || (o(i), l.current = i);
+        const currentValue2 = value(listen);
+        if (!Object.is(resultRef.current, currentValue2)) {
+          setResult(currentValue2);
+          resultRef.current = currentValue2;
+        }
       },
-      { injector: t }
+      { injector }
     );
     return () => {
-      g.destroy();
+      ref.destroy();
     };
-  }, [r, f(() => n, [])]), s;
+  }, [listen, useMemo(() => value, [])]);
+  return result;
 }
-function K(r) {
-  const n = f(
-    () => r.wrappers.slice(1),
-    [r.wrappers]
-  ), t = r.wrappers[0], s = v(t, () => ({
-    ...t?.inputs(),
-    ...t?.attributes(),
-    ...t?.outputs
+function PiyingWrapper(props) {
+  const restWrappers = useMemo(
+    () => props.wrappers.slice(1),
+    [props.wrappers]
+  );
+  const wrapper = props.wrappers[0];
+  const inputs = useSignalToRef(wrapper, () => ({
+    ...wrapper?.inputs(),
+    ...wrapper?.attributes(),
+    ...wrapper?.outputs
   }));
-  return /* @__PURE__ */ d.jsx(d.Fragment, { children: t ? /* @__PURE__ */ d.jsx(t.type, { ...s, children: /* @__PURE__ */ d.jsx(K, { wrappers: n, children: r.children }) }) : r.children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: wrapper ? /* @__PURE__ */ jsxRuntimeExports.jsx(wrapper.type, { ...inputs, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PiyingWrapper, { wrappers: restWrappers, children: props.children }) }) : props.children });
 }
-const Ae = Symbol.for("ControlValueAccessor");
-function ee(r) {
-  const n = v(r.field, (m) => m.inputs()), t = v(r.field, (m) => m.outputs()), s = v(r.field, (m) => m.attributes()), o = f(
-    () => ({ ...s, ...n, ...t }),
-    [s, n, t]
-  ), l = v(
-    r.field,
-    (m) => m.renderConfig()
-  ), c = v(
-    r.field,
-    (m) => m.children?.()
-  ), g = v(r.field, (m) => m.wrappers()), i = r.field.form.control, _ = r.field.define?.type, O = f(() => !!l.hidden || !_, [l.hidden, _]), j = D(V), E = C(void 0), S = f(
-    () => ({ ...o, [Ae]: E }),
-    [o, E]
+function PiyingFieldTemplate(props) {
+  const fieldInputs = useSignalToRef(props.field, (field) => ({
+    ...field.attributes(),
+    ...field.inputs(),
+    ...field.outputs()
+  }));
+  const renderConfig = useSignalToRef(
+    props.field,
+    (field) => field.renderConfig()
   );
-  return M(() => {
-    let m;
-    return E.current && (m = Te(
-      () => i,
-      E.current,
-      j
-    )), () => {
-      m?.(), m = void 0;
+  const wrappers = useSignalToRef(props.field, (field) => field.wrappers());
+  const control = props.field.form.control;
+  const ComponentType = props.field.define?.type;
+  const isHidden = useMemo(() => {
+    return !!renderConfig.hidden || !ComponentType;
+  }, [renderConfig.hidden, ComponentType]);
+  const injector = useContext(InjectorToken);
+  const controlRef = useRef(void 0);
+  const fieldControlInput = useMemo(
+    () => ({ ...fieldInputs, [CVA]: controlRef }),
+    [fieldInputs, controlRef]
+  );
+  useEffect(() => {
+    let dispose;
+    if (controlRef.current) {
+      dispose = createViewControlLink(
+        () => control,
+        controlRef.current,
+        injector
+      );
+    }
+    return () => {
+      dispose?.();
+      dispose = void 0;
     };
-  }, [E.current, i, j]), /* @__PURE__ */ d.jsx(d.Fragment, { children: /* @__PURE__ */ d.jsx(Q, { value: r.field, children: O ? void 0 : /* @__PURE__ */ d.jsx(K, { wrappers: g, children: c ? /* @__PURE__ */ d.jsx(_, { ...o }) : r.field.form.control ? /* @__PURE__ */ d.jsx(_, { ...S }) : /* @__PURE__ */ d.jsx(_, { ...o }) }) }) });
+  }, [controlRef.current, control, injector]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(PI_VIEW_FIELD_TOKEN, { value: props.field, children: !isHidden ? /* @__PURE__ */ jsxRuntimeExports.jsx(PiyingWrapper, { wrappers, children: props.field.form.control ? /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentType, { ...fieldControlInput }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentType, { ...fieldInputs }) }) : void 0 }) });
 }
-function De() {
-  const [r, n] = Y(void 0), [t, s] = Y(!1), o = C(void 0), l = C(void 0), c = f(() => ({
-    writeValue(i) {
-      n(i);
-    },
-    registerOnChange(i) {
-      o.current = i;
-    },
-    registerOnTouched(i) {
-      l.current = i;
-    },
-    setDisabledState(i) {
-      s(i);
-    }
-  }), []), g = f(() => ({
-    value: r,
-    disabled: t,
-    valueChange: (i) => {
-      o.current?.(i), n(i);
-    },
-    touchedChange: () => {
-      l.current?.();
-    }
-  }), [r, t]);
-  return f(() => ({
-    cva: c,
-    cvaa: g
-  }), [g]);
+function useControlValueAccessor() {
+  const [value, setValue] = useState(void 0);
+  const [disabled, setDisabled] = useState(false);
+  const onChange = useRef(void 0);
+  const touched = useRef(void 0);
+  const cva = useMemo(() => {
+    return {
+      writeValue(obj) {
+        setValue(obj);
+      },
+      registerOnChange(fn) {
+        onChange.current = fn;
+      },
+      registerOnTouched(fn) {
+        touched.current = fn;
+      },
+      setDisabledState(value2) {
+        setDisabled(value2);
+      }
+    };
+  }, []);
+  const cvaa = useMemo(() => {
+    return {
+      value,
+      disabled,
+      valueChange: (value2) => {
+        onChange.current?.(value2);
+        setValue(value2);
+      },
+      touchedChange: () => {
+        touched.current?.();
+      }
+    };
+  }, [value, disabled]);
+  return useMemo(() => {
+    return {
+      cva,
+      cvaa
+    };
+  }, [cvaa]);
 }
-function X(r, n) {
-  const t = he(r, n), s = C(void 0);
-  f(() => (s.current = t(), s.current), n), M(() => () => {
-    s.current?.(), s.current = void 0;
+function useEffectSync(fn, deps) {
+  const cb = useCallback(fn, deps);
+  const dispose = useRef(void 0);
+  useMemo(() => {
+    dispose.current = cb();
+    return dispose.current;
+  }, deps);
+  useEffect(() => {
+    return () => {
+      dispose.current?.();
+      dispose.current = void 0;
+    };
   }, []);
 }
-function Me() {
-  const r = D(Q), n = v(r, (t) => t?.children());
-  return /* @__PURE__ */ d.jsx(d.Fragment, { children: n.map((t, s) => /* @__PURE__ */ d.jsx(ee, { field: t }, s)) });
+function PiyingGroup() {
+  const field = useContext(PI_VIEW_FIELD_TOKEN);
+  const children = useSignalToRef(field, (field2) => field2?.children());
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children.map((field2, index) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(PiyingFieldTemplate, { field: field2 }, index);
+  }) });
 }
-class ye extends Ce {
-  // contents?: any[];
+class ReactSchemaHandle extends CoreSchemaHandle {
 }
-class Pe extends je {
+class ReactFormBuilder extends FormBuilder {
 }
-function Ve(r) {
-  const n = f(() => ge({
-    providers: [
-      {
-        provide: pe,
-        useClass: Ee
-      }
-    ]
-  }), []), [t, s] = f(() => {
-    const o = Re({ providers: [], parent: n });
-    return [xe(r.schema, {
-      handle: ye,
-      builder: Pe,
-      injector: o,
-      registerOnDestroy: (c) => {
-        o.get(ve).onDestroy(c);
+function PiyingView(props) {
+  const rootInjector = useMemo(() => {
+    return createRootInjector({
+      providers: [
+        {
+          provide: ChangeDetectionScheduler,
+          useClass: ChangeDetectionSchedulerImpl
+        }
+      ]
+    });
+  }, []);
+  const [field, subInjector] = useMemo(() => {
+    const subInjector2 = createInjector({ providers: [], parent: rootInjector });
+    const field2 = convert(props.schema, {
+      handle: ReactSchemaHandle,
+      builder: ReactFormBuilder,
+      injector: subInjector2,
+      registerOnDestroy: (fn) => {
+        subInjector2.get(DestroyRef).onDestroy(fn);
       },
-      ...r.options
-    }), o];
-  }, [r.schema, r.options]);
-  return X(() => {
-    let o;
-    if (t.form.control) {
-      const l = r.model;
-      o = ke(
-        typeof l < "u" ? l : void 0,
-        t.form.control,
-        s,
-        (c) => {
-          _e(() => {
-            t.form.control?.valueNoError$$() && r.modelChange?.(c);
+      ...props.options
+    });
+    return [field2, subInjector2];
+  }, [props.schema, props.options]);
+  useEffectSync(() => {
+    let ref;
+    if (field.form.control) {
+      const model = props.model;
+      ref = initListen(
+        typeof model !== "undefined" ? model : void 0,
+        field.form.control,
+        subInjector,
+        (value) => {
+          untracked(() => {
+            if (field.form.control?.valueNoError$$()) {
+              props.modelChange?.(value);
+            }
           });
         }
       );
     }
     return () => {
-      s.destroy(), o?.destroy();
+      subInjector.destroy();
+      ref?.destroy();
     };
-  }, [t]), X(() => {
-    t.form.control?.updateValue(r.model);
-  }, [t, r.model]), /* @__PURE__ */ d.jsx(d.Fragment, { children: /* @__PURE__ */ d.jsx(V, { value: n, children: /* @__PURE__ */ d.jsx(ee, { field: t }) }) });
+  }, [field]);
+  useEffectSync(() => {
+    field.form.control?.updateValue(props.model);
+  }, [field, props.model]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(InjectorToken, { value: rootInjector, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PiyingFieldTemplate, { field }) }) });
 }
-const $e = [], Le = {
-  directives: "merge",
-  formConfig: "merge",
-  inputs: "merge",
-  outputs: "merge",
-  props: "merge",
-  renderConfig: "merge",
-  wrappers: "replace"
-};
-function We(r, n) {
-  const t = C(!1);
-  return f(() => {
-    const s = {
-      value: r.value == null ? "" : r.value,
-      disabled: r.disabled,
-      onBlur: r.touchedChange
-    };
-    return n ? {
-      ...s,
-      onCompositionStart: () => {
-        t.current = !0;
-      },
-      onCompositionEnd: (o) => {
-        t.current = !1, r.valueChange(o.target.value);
+function useInputTextModel(cvaa, compositionMode) {
+  const composing = useRef(false);
+  return useMemo(() => {
+    const obj = {
+      value: cvaa.value == null ? "" : cvaa.value,
+      disabled: cvaa.disabled,
+      onBlur: cvaa.touchedChange,
+      onInput: (event) => {
+        if (!compositionMode || compositionMode && !composing.current) {
+          cvaa.valueChange(event.target.value);
+        }
       }
-    } : {
-      ...s,
-      onInput: (o) => r.valueChange(o.target.value)
     };
-  }, [r, n]);
+    if (compositionMode) {
+      return {
+        ...obj,
+        onCompositionStart: () => {
+          composing.current = true;
+        },
+        onCompositionEnd: (event) => {
+          composing.current = false;
+          cvaa.valueChange(event.target.value);
+        }
+      };
+    }
+    return obj;
+  }, [cvaa, compositionMode, composing]);
 }
-function Ge(r) {
-  return f(() => ({
-    checked: r.value ?? !1,
-    disabled: r.disabled,
-    onBlur: r.touchedChange,
-    onChange: (n) => r.valueChange(n.target.checked)
-  }), [r]);
+function useInputCheckboxModel(cvaa) {
+  return useMemo(() => {
+    return {
+      checked: cvaa.value ?? false,
+      disabled: cvaa.disabled,
+      onBlur: cvaa.touchedChange,
+      onChange: (event) => cvaa.valueChange(event.target.checked)
+    };
+  }, [cvaa]);
 }
-function Ue(r) {
-  return f(() => ({
-    value: r.value == null ? "" : r.value,
-    disabled: r.disabled,
-    onBlur: r.touchedChange,
-    onInput: (n) => {
-      const t = n.target.value;
-      r.valueChange(t == "" ? void 0 : parseFloat(t));
-    }
-  }), [r]);
+function useInputNumberModel(cvaa) {
+  return useMemo(() => {
+    return {
+      value: cvaa.value == null ? "" : cvaa.value,
+      disabled: cvaa.disabled,
+      onBlur: cvaa.touchedChange,
+      onInput: (event) => {
+        const value = event.target.value;
+        cvaa.valueChange(value == "" ? void 0 : parseFloat(value));
+      }
+    };
+  }, [cvaa]);
 }
-function Be(r, n) {
-  return f(() => ({
-    value: n,
-    checked: Object.is(r.value, n),
-    disabled: r.disabled,
-    onBlur: r.touchedChange,
-    onChange: () => r.valueChange(n)
-  }), [r]);
+function useInputRadioModel(cvaa, value) {
+  return useMemo(() => {
+    return {
+      value,
+      checked: Object.is(cvaa.value, value),
+      disabled: cvaa.disabled,
+      onBlur: cvaa.touchedChange,
+      onChange: () => cvaa.valueChange(value)
+    };
+  }, [cvaa]);
 }
-function qe(r) {
-  return f(() => {
-    const n = (t) => {
-      const s = t.target.value;
-      r.valueChange(s == "" ? void 0 : parseFloat(s));
+function useInputRangeModel(cvaa) {
+  return useMemo(() => {
+    const onInput = (event) => {
+      const value = event.target.value;
+      cvaa.valueChange(value == "" ? void 0 : parseFloat(value));
     };
     return {
-      value: r.value == null ? "" : r.value,
-      disabled: r.disabled,
-      onBlur: r.touchedChange,
-      onInput: n,
-      onChange: n
+      value: cvaa.value == null ? "" : cvaa.value,
+      disabled: cvaa.disabled,
+      onBlur: cvaa.touchedChange,
+      onInput,
+      onChange: onInput
     };
-  }, [r]);
+  }, [cvaa]);
 }
-function Je(r, n = !1) {
-  return f(() => ({
-    value: r.value,
-    disabled: r.disabled,
-    onBlur: r.touchedChange,
-    onChange: (t) => {
-      const s = [], o = t.target;
-      if (o.selectedOptions !== void 0)
-        for (let l = 0; l < o.selectedOptions.length; l++) {
-          const c = o.selectedOptions[l];
-          if (s.push(c.value), !n)
-            break;
-        }
-      else
-        for (let l = 0; l < o.options.length; l++) {
-          const c = o.options[l];
-          if (c.selected && (s.push(c.value), !n))
-            break;
+function useSelectModel(cvaa, multiple = false) {
+  return useMemo(() => {
+    return {
+      value: cvaa.value,
+      disabled: cvaa.disabled,
+      onBlur: cvaa.touchedChange,
+      onChange: (event) => {
+        const selected = [];
+        const el = event.target;
+        if (el.selectedOptions !== void 0) {
+          for (let index = 0; index < el.selectedOptions.length; index++) {
+            const item = el.selectedOptions[index];
+            selected.push(item.value);
+            if (!multiple) {
+              break;
+            }
+          }
+        } else {
+          for (let index = 0; index < el.options.length; index++) {
+            const option = el.options[index];
+            if (option.selected) {
+              selected.push(option.value);
+              if (!multiple) {
+                break;
+              }
+            }
+          }
         }
-      r.valueChange(n ? s : s[0]);
-    }
-  }), [r]);
+        cvaa.valueChange(multiple ? selected : selected[0]);
+      }
+    };
+  }, [cvaa]);
 }
 export {
-  Ae as CVA,
-  $e as EMPTY_ARRAY,
-  V as InjectorToken,
-  Le as NG_CONFIG_DEFAULT_MERGE_STRAGEGY,
-  Q as PI_VIEW_FIELD_TOKEN,
-  ee as PiyingFieldTemplate,
-  Me as PiyingGroup,
-  Ve as PiyingView,
-  K as PiyingWrapper,
-  Pe as ReactFormBuilder,
-  ye as ReactSchemaHandle,
-  De as useControlValueAccessor,
-  X as useEffectSync,
-  Ge as useInputCheckboxModel,
-  Ue as useInputNumberModel,
-  Be as useInputRadioModel,
-  qe as useInputRangeModel,
-  We as useInputTextModel,
-  Je as useSelectModel,
-  v as useSignalToRef
+  CVA,
+  InjectorToken,
+  PI_VIEW_FIELD_TOKEN,
+  PiyingFieldTemplate,
+  PiyingGroup,
+  PiyingView,
+  PiyingWrapper,
+  ReactFormBuilder,
+  ReactSchemaHandle,
+  useControlValueAccessor,
+  useEffectSync,
+  useInputCheckboxModel,
+  useInputNumberModel,
+  useInputRadioModel,
+  useInputRangeModel,
+  useInputTextModel,
+  useSelectModel,
+  useSignalToRef
 };
+//# sourceMappingURL=index.js.map