@trungkhai/dynamic-form 0.1.0 → 0.1.2

package/dist/index.es.js

@@ -1,98 +1,98 @@
-import { jsx as f, jsxs as Te, Fragment as X } from "react/jsx-runtime";
-import { Select as _e, Form as V, Upload as ve, Button as ge, DatePicker as Le, Checkbox as je, Radio as Ve, InputNumber as Oe, Input as pe, Row as qe, Col as Ue, App as Ie, Flex as we, Spin as We } from "antd";
-import { createContext as Ge, useContext as Se, memo as P, useState as k, useMemo as x, useEffect as L, useCallback as E, useRef as I, forwardRef as Be, useImperativeHandle as Ke } from "react";
-import Y from "dayjs";
-import { FileImageOutlined as $e, UploadOutlined as He } from "@ant-design/icons";
-const te = Ge(
+import { jsx as f, jsxs as Ue, Fragment as L } from "react/jsx-runtime";
+import { Select as Fe, Form as q, Upload as ke, Button as Ee, DatePicker as Ie, Checkbox as Be, Radio as We, InputNumber as Ge, Input as ve, Row as Ke, Col as $e, App as ze, Flex as ie, Spin as ae } from "antd";
+import { createContext as He, useContext as Re, memo as T, useState as D, useMemo as E, useEffect as C, useCallback as x, useRef as U, forwardRef as Ne, useImperativeHandle as Ye } from "react";
+import X from "dayjs";
+import { FileImageOutlined as Je, UploadOutlined as Qe } from "@ant-design/icons";
+const oe = He(
   null
 );
-function q() {
-  const e = Se(te);
+function M() {
+  const e = Re(oe);
   if (!e)
     throw new Error(
       "useDynamicFormContext must be used within DynamicFormProvider"
     );
   return e;
 }
-function zt() {
-  return Se(te);
+function Xt() {
+  return Re(oe);
 }
-function ze(e, t = []) {
-  for (const i of t) {
-    if (typeof i == "function")
+function Xe(e, t = []) {
+  for (const r of t) {
+    if (typeof r == "function")
       continue;
-    const { match: a, render: r } = i;
-    if (typeof a == "string") {
-      if (a === e.field?.type?.code || a === e.code)
-        return r;
-    } else if (a(e))
-      return r;
+    const { match: i, render: a } = r;
+    if (typeof i == "string") {
+      if (i === e.field?.type?.code || i === e.code)
+        return a;
+    } else if (i(e))
+      return a;
   }
   const n = e.field?.type?.code;
-  for (const i of t)
+  for (const r of t)
     ;
 }
-function Ne(e, t = [], n = {}) {
-  return ze(e, t) ?? n[e.code] ?? n[e.field?.type?.code ?? ""];
+function Ze(e, t = [], n = {}) {
+  return Xe(e, t) ?? n[e.code] ?? n[e.field?.type?.code ?? ""];
 }
-function Ye(e, t) {
-  const n = t.option_config?.label_attr, i = t.option_config?.value_attr || "value";
-  let a;
+function et(e, t) {
+  const n = t.option_config?.label_attr, r = t.option_config?.value_attr || "value";
+  let i;
   if (n?.length) {
-    const r = n.join(" - ");
-    e[r] !== void 0 ? a = String(e[r]) : a = n.map((s) => e[s]).filter((s) => s != null && s !== "").join(" - ");
+    const a = n.join(" - ");
+    e[a] !== void 0 ? i = String(e[a]) : i = n.map((s) => e[s]).filter((s) => s != null && s !== "").join(" - ");
   } else
-    a = String(e[i] ?? "");
+    i = String(e[r] ?? "");
   return {
-    label: a,
-    value: e[i]
+    label: i,
+    value: e[r]
   };
 }
-function Je(e, t) {
-  return t.option_config && t.is_option_api ? e?.map((n) => Ye(n, t)) : t.metas?.map((n) => ({
+function tt(e, t) {
+  return t.option_config && t.is_option_api ? e?.map((n) => et(n, t)) : t.metas?.map((n) => ({
     label: n.label,
     value: n.value
   }));
 }
-function ne(e, t) {
+function se(e, t) {
   let n;
-  return (...i) => {
-    n && clearTimeout(n), n = setTimeout(() => e(...i), t);
+  return (...r) => {
+    n && clearTimeout(n), n = setTimeout(() => e(...r), t);
   };
 }
-const Qe = ({
+const nt = ({
   onSearchKeyword: e,
   searchDebounceMs: t = 500,
   ...n
 }) => {
-  const [i, a] = k(""), r = x(
-    () => ne((o) => e?.(o), t),
+  const [r, i] = D(""), a = E(
+    () => se((o) => e?.(o), t),
     [e, t]
   );
   return /* @__PURE__ */ f(
-    _e,
+    Fe,
     {
       allowClear: !0,
       showSearch: !0,
-      searchValue: i,
+      searchValue: r,
       onSearch: (o) => {
-        a(o), r(o);
+        i(o), a(o);
       },
       filterOption: !1,
       ...n
     }
   );
-}, Xe = P(Qe), Ze = ({
+}, rt = T(nt), it = ({
   fieldName: e,
   formInstance: t,
   ...n
 }) => {
-  const i = V.useWatch(e, t);
-  return L(() => {
-    if (i?.fileList?.length && i.fileList.some(
+  const r = q.useWatch(e, t);
+  return C(() => {
+    if (r?.fileList?.length && r.fileList.some(
       (s) => !s.type?.startsWith("image/")
     )) {
-      const s = i.fileList.filter(
+      const s = r.fileList.filter(
         (o) => o.type?.startsWith("image/")
       );
       t.setFieldValue(
@@ -103,201 +103,201 @@ const Qe = ({
         } : null
       );
     }
-  }, [e, t, i]), /* @__PURE__ */ f(ve, { listType: "picture-card", accept: "image/*", ...n, children: /* @__PURE__ */ f(
+  }, [e, t, r]), /* @__PURE__ */ f(ke, { listType: "picture-card", accept: "image/*", ...n, children: /* @__PURE__ */ f(
     "button",
     {
       style: { border: 0, background: "none", cursor: "pointer" },
       type: "button",
-      children: /* @__PURE__ */ f($e, {})
+      children: /* @__PURE__ */ f(Je, {})
     }
   ) });
-}, et = P(Ze), tt = ({
+}, at = T(it), ot = ({
   fieldName: e,
   formInstance: t,
   ...n
 }) => {
-  const i = V.useWatch(e, t);
-  return /* @__PURE__ */ f(ve, { fileList: i?.fileList, ...n, children: /* @__PURE__ */ f(ge, { icon: /* @__PURE__ */ f(He, {}) }) });
-}, nt = P(tt), it = ({
+  const r = q.useWatch(e, t);
+  return /* @__PURE__ */ f(ke, { fileList: r?.fileList, ...n, children: /* @__PURE__ */ f(Ee, { icon: /* @__PURE__ */ f(Qe, {}) }) });
+}, st = T(ot), lt = ({
   formInstance: e,
   uploadUrl: t,
   setFieldState: n
 }) => {
-  const { client: i, upload: a, i18n: r, renderers: s } = q(), { messages: o } = r, d = E(() => {
-    if (a.upload) return a.upload;
-    const l = t ?? a.uploadUrl;
+  const { client: r, upload: i, i18n: a, renderers: s } = M(), { messages: o } = a, d = x(() => {
+    if (i.upload) return i.upload;
+    const l = t ?? i.uploadUrl;
     if (l)
-      return async ({ file: p, signal: m, onProgress: h, fieldCode: S, fieldGroup: v, metadata: g }) => {
-        const u = a.getPayload ? a.getPayload({
+      return async ({ file: p, signal: y, onProgress: u, fieldCode: v, fieldGroup: b, metadata: w }) => {
+        const h = i.getPayload ? i.getPayload({
           file: p,
-          fieldCode: S,
-          fieldGroup: v,
+          fieldCode: v,
+          fieldGroup: b,
           uploadUrl: l,
-          signal: m,
-          onProgress: h,
-          metadata: g
+          signal: y,
+          onProgress: u,
+          metadata: w
         }) : (() => {
-          const _ = new FormData();
-          return _.append("file", p), g && Object.entries(g).forEach(([F, R]) => {
-            _.append(F, String(R));
-          }), _;
-        })(), w = (await i.request({
+          const g = new FormData();
+          return g.append("file", p), w && Object.entries(w).forEach(([F, R]) => {
+            g.append(F, String(R));
+          }), g;
+        })(), A = (await r.request({
           method: "POST",
           url: l,
-          data: u,
-          headers: u instanceof FormData ? { "Content-Type": "multipart/form-data" } : void 0,
-          signal: m,
-          onUploadProgress: (_) => {
-            h?.(
-              Math.round(_.loaded * 100 / (_.total || 1))
+          data: h,
+          headers: h instanceof FormData ? { "Content-Type": "multipart/form-data" } : void 0,
+          signal: y,
+          onUploadProgress: (g) => {
+            u?.(
+              Math.round(g.loaded * 100 / (g.total || 1))
             );
           }
         })).data;
         return {
           uid: p.uid,
-          ...w,
-          path: String(w.path ?? "")
+          ...A,
+          path: String(A.path ?? "")
         };
       };
-  }, [i, a, t]), c = E(
-    (l, p) => (m) => {
-      const { file: h, onProgress: S, onError: v, onSuccess: g } = m, u = new AbortController(), A = d();
-      return A ? (A({
-        file: h,
+  }, [r, i, t]), c = x(
+    (l, p) => (y) => {
+      const { file: u, onProgress: v, onError: b, onSuccess: w } = y, h = new AbortController(), S = d();
+      return S ? (S({
+        file: u,
         fieldCode: l,
         fieldGroup: p,
-        uploadUrl: t ?? a.uploadUrl,
-        signal: u.signal,
-        onProgress: (w) => S?.({ percent: w })
+        uploadUrl: t ?? i.uploadUrl,
+        signal: h.signal,
+        onProgress: (A) => v?.({ percent: A })
       }).then(
-        (w) => g?.({
-          ...w,
-          uid: w.uid ?? h.uid,
-          path: w.path,
-          upload_date: Y().format("YYYY-MM-DD HH:mm:ss")
+        (A) => w?.({
+          ...A,
+          uid: A.uid ?? u.uid,
+          path: A.path,
+          upload_date: X().format("YYYY-MM-DD HH:mm:ss")
         })
-      ).catch((w) => v?.(w)), { abort: () => u.abort() }) : (v?.(new Error(o.uploadError ?? "Upload not configured")), { abort() {
+      ).catch((A) => b?.(A)), { abort: () => h.abort() }) : (b?.(new Error(o.uploadError ?? "Upload not configured")), { abort() {
       } });
     },
-    [o.uploadError, d, a.uploadUrl, t]
-  ), y = E(
-    (l, p) => async (m) => {
-      const h = m.response?.path;
-      return h ? a.remove({ path: h, fieldCode: l, fieldGroup: p }) : !0;
+    [o.uploadError, d, i.uploadUrl, t]
+  ), _ = x(
+    (l, p) => async (y) => {
+      const u = y.response?.path;
+      return u ? i.remove({ path: u, fieldCode: l, fieldGroup: p }) : !0;
     },
-    [a]
-  ), b = E(
+    [i]
+  ), m = x(
     (l, {
       state: p,
-      options: m,
-      optionsLoading: h,
-      optionsError: S,
-      onSearchKeyword: v,
-      readOnly: g = !1
+      options: y,
+      optionsLoading: u,
+      optionsError: v,
+      onSearchKeyword: b,
+      readOnly: w = !1
     }) => {
-      const { additional_config: u, field: A } = l, w = A?.type?.code, _ = g || l.is_readonly || p?.disabled, F = Ne(
+      const { additional_config: h, field: S } = l, A = S?.type?.code, g = w || l.is_readonly || p?.disabled, F = Ze(
         l,
         s.fields
       );
       if (F)
         return F(l, {
           state: p,
-          options: m,
-          optionsLoading: h,
-          optionsError: S,
-          onSearchKeyword: v,
-          readOnly: g,
+          options: y,
+          optionsLoading: u,
+          optionsError: v,
+          onSearchKeyword: b,
+          readOnly: w,
           formInstance: e,
-          disabled: !!_,
+          disabled: !!g,
           setFieldState: n
         });
-      const R = Je(m, l);
-      switch (w) {
+      const R = tt(y, l);
+      switch (A) {
         case "text":
-          return u?.text?.textarea ? /* @__PURE__ */ f(
-            pe.TextArea,
+          return h?.text?.textarea ? /* @__PURE__ */ f(
+            ve.TextArea,
             {
-              disabled: _,
+              disabled: g,
               placeholder: o.inputPlaceholder(l.label),
-              rows: u?.text?.rows
+              rows: h?.text?.rows
             }
           ) : /* @__PURE__ */ f(
-            pe,
+            ve,
             {
-              disabled: _,
+              disabled: g,
               placeholder: o.inputPlaceholder(l.label)
             }
           );
         case "number":
           return /* @__PURE__ */ f(
-            Oe,
+            Ge,
             {
               style: { width: "100%" },
-              disabled: _,
+              disabled: g,
               placeholder: o.inputPlaceholder(l.label),
-              min: u?.number?.min,
-              max: u?.number?.max
+              min: h?.number?.min,
+              max: h?.number?.max
             }
           );
         case "select": {
-          const M = {
-            disabled: _,
+          const j = {
+            disabled: g,
             options: R,
             placeholder: o.selectPlaceholder(l.label),
             allowClear: !0,
-            loading: h,
-            mode: u?.select?.multiple ? "multiple" : void 0,
-            notFoundContent: S ? o.optionError : h ? o.optionLoading : void 0
+            loading: u,
+            mode: h?.select?.multiple ? "multiple" : void 0,
+            notFoundContent: v ? o.optionError : u ? o.optionLoading : void 0
           };
-          return v ? /* @__PURE__ */ f(
-            Xe,
+          return b ? /* @__PURE__ */ f(
+            rt,
             {
-              ...M,
-              onSearchKeyword: v,
-              searchDebounceMs: u?.select?.searchDebounceMs ?? 500
+              ...j,
+              onSearchKeyword: b,
+              searchDebounceMs: h?.select?.searchDebounceMs ?? 500
             }
-          ) : /* @__PURE__ */ f(_e, { ...M, showSearch: !0, optionFilterProp: "label" });
+          ) : /* @__PURE__ */ f(Fe, { ...j, showSearch: !0, optionFilterProp: "label" });
         }
         case "radio":
-          return /* @__PURE__ */ f(Ve.Group, { disabled: _, options: R });
+          return /* @__PURE__ */ f(We.Group, { disabled: g, options: R });
         case "checkbox":
-          return /* @__PURE__ */ f(je.Group, { disabled: _, options: R });
+          return /* @__PURE__ */ f(Be.Group, { disabled: g, options: R });
         case "datetime":
           return /* @__PURE__ */ f(
-            Le,
+            Ie,
             {
               style: { width: "100%" },
-              disabled: _,
-              showTime: u?.datetime?.showTime,
-              format: u?.datetime?.format
+              disabled: g,
+              showTime: h?.datetime?.showTime,
+              format: h?.datetime?.format
             }
           );
         case "file":
           return /* @__PURE__ */ f(
-            nt,
+            st,
             {
-              disabled: _,
+              disabled: g,
               fieldName: l.code,
               formInstance: e,
-              multiple: u?.file?.multiple || !1,
-              maxCount: u?.file?.max,
-              accept: u?.file?.accept,
+              multiple: h?.file?.multiple || !1,
+              maxCount: h?.file?.max,
+              accept: h?.file?.accept,
               customRequest: c(l.code, l),
-              onRemove: y(l.code, l)
+              onRemove: _(l.code, l)
             }
           );
         case "image":
           return /* @__PURE__ */ f(
-            et,
+            at,
             {
-              disabled: _,
+              disabled: g,
               fieldName: l.code,
               formInstance: e,
-              multiple: u?.image?.multiple || !1,
-              maxCount: u?.image?.max,
-              accept: u?.image?.accept ?? "image/*",
+              multiple: h?.image?.multiple || !1,
+              maxCount: h?.image?.max,
+              accept: h?.image?.accept ?? "image/*",
               customRequest: c(l.code, l),
-              onRemove: y(l.code, l)
+              onRemove: _(l.code, l)
             }
           );
         default:
@@ -306,19 +306,19 @@ const Qe = ({
     },
     [
       c,
-      y,
+      _,
       e,
       o,
       s.fields,
       n
     ]
   );
-  return x(() => ({ getDynamicField: b }), [b]);
+  return E(() => ({ getDynamicField: m }), [m]);
 };
-function ie(e) {
+function le(e) {
   return JSON.stringify(e);
 }
-function at(e, t) {
+function ct(e, t) {
   const n = e.get(t);
   if (n) {
     if (Date.now() > n.expiresAt) {
@@ -328,55 +328,55 @@ function at(e, t) {
     return n.data;
   }
 }
-function rt(e, t, n, i) {
-  e.set(t, { data: n, expiresAt: Date.now() + i });
+function dt(e, t, n, r) {
+  e.set(t, { data: n, expiresAt: Date.now() + r });
 }
-async function Ae(e, t, n, i, a) {
-  const r = e[t];
+async function re(e, t, n, r, i) {
+  const a = e[t];
   if (e.cache.enabled) {
-    const c = at(r, n);
+    const c = ct(a, n);
     if (c !== void 0) return c;
   }
-  const s = new AbortController(), o = a ? AbortSignal.any([a, s.signal]) : s.signal, d = await i(o);
-  return e.cache.enabled && rt(r, n, d, e.cache.ttlMs), d;
+  const s = new AbortController(), o = i ? AbortSignal.any([i, s.signal]) : s.signal, d = await r(o);
+  return e.cache.enabled && dt(a, n, d, e.cache.ttlMs), d;
 }
-function W(e, t) {
-  return t.split(".").reduce((n, i) => {
+function B(e, t) {
+  return t.split(".").reduce((n, r) => {
     if (n && typeof n == "object")
-      return n[i];
+      return n[r];
   }, e);
 }
-function ot(e, t) {
+function ut(e, t) {
   if (typeof e != "string") return e;
   const n = e.match(/^\{\{(.+?)\}\}$/);
   if (!n) return e;
-  const i = n[1].trim(), a = W(t, i);
-  return a !== void 0 ? a : e;
+  const r = n[1].trim(), i = B(t, r);
+  return i !== void 0 ? i : e;
 }
-function st(e, t) {
+function ft(e, t) {
   const n = {};
-  for (const i in e)
-    n[i] = ot(
-      e[i],
+  for (const r in e)
+    n[r] = ut(
+      e[r],
       t
     );
   return n;
 }
-function Nt(e, t) {
+function Zt(e, t) {
   const n = { ...e };
-  return t.forEach((i) => {
-    const a = e[i.code];
-    if (a == null) return;
-    switch (i.field?.type?.code) {
+  return t.forEach((r) => {
+    const i = e[r.code];
+    if (i == null) return;
+    switch (r.field?.type?.code) {
       case "datetime": {
-        const s = Y(a);
-        s.isValid() && (n[i.code] = s);
+        const s = X(i);
+        s.isValid() && (n[r.code] = s);
         break;
       }
       case "file":
       case "image": {
-        if (Array.isArray(a) && a.length > 0) {
-          const s = a.map((o, d) => {
+        if (Array.isArray(i) && i.length > 0) {
+          const s = i.map((o, d) => {
             const c = o;
             return {
               uid: String(c.uid ?? c.path ?? d),
@@ -388,196 +388,196 @@ function Nt(e, t) {
               response: o
             };
           });
-          n[i.code] = { fileList: s };
+          n[r.code] = { fileList: s };
         }
         break;
       }
     }
   }), n;
 }
-function lt(e) {
-  const t = e.option_config?.api_options?.params || {}, n = e.option_config?.api_options?.data || {}, i = (a) => Object.values(a).filter(
-    (r) => typeof r == "string" && r.startsWith("{{") && r.endsWith("}}")
-  ).map((r) => r.slice(2, -2).trim());
-  return Array.from(/* @__PURE__ */ new Set([...i(t), ...i(n)]));
+function mt(e) {
+  const t = e.option_config?.api_options?.params || {}, n = e.option_config?.api_options?.data || {}, r = (i) => Object.values(i).filter(
+    (a) => typeof a == "string" && a.startsWith("{{") && a.endsWith("}}")
+  ).map((a) => a.slice(2, -2).trim());
+  return Array.from(/* @__PURE__ */ new Set([...r(t), ...r(n)]));
 }
-function j(e, t) {
+function O(e, t) {
   const n = {};
-  for (const i in e) {
-    const a = e[i];
-    if (typeof a == "string" && a.startsWith("{{") && a.endsWith("}}")) {
-      const r = a.slice(2, -2).trim();
-      n[i] = t?.[r];
+  for (const r in e) {
+    const i = e[r];
+    if (typeof i == "string" && i.startsWith("{{") && i.endsWith("}}")) {
+      const a = i.slice(2, -2).trim();
+      n[r] = t?.[a];
     } else
-      n[i] = a;
+      n[r] = i;
   }
   return n;
 }
-function ct(e, t) {
-  return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (n, i) => {
-    const a = t?.[i];
-    return a != null ? String(a) : "";
+function J(e, t) {
+  return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (n, r) => {
+    const i = t?.[r];
+    return i != null ? String(i) : "";
   });
 }
-function dt(e, t) {
-  const n = x(
-    () => lt(e),
+function pt(e, t) {
+  const n = E(
+    () => mt(e),
     [e]
-  ), i = V.useWatch(
+  ), r = q.useWatch(
     n.length > 0 ? n : void 0,
     t
   );
-  return x(() => {
+  return E(() => {
     if (!n.length) return {};
-    const a = {};
-    return n.forEach((r, s) => {
-      Array.isArray(i) ? a[r] = i[s] : a[r] = i;
-    }), a;
-  }, [n, i]);
+    const i = {};
+    return n.forEach((a, s) => {
+      Array.isArray(r) ? i[a] = r[s] : i[a] = r;
+    }), i;
+  }, [n, r]);
 }
-function ut({
+function ht({
   group: e,
   formInstance: t,
   searchKeyword: n = "",
-  searchDebounceMs: i = 500
+  searchDebounceMs: r = 500
 }) {
-  const a = q(), r = dt(e, t), [s, o] = k(), [d, c] = k(!1), [y, b] = k(), l = I(null), [p, m] = k(n), h = e.additional_config?.select?.search_keyword ?? !1, S = x(
-    () => ne((u) => m(u), i),
-    [i]
+  const i = M(), a = pt(e, t), [s, o] = D(), [d, c] = D(!1), [_, m] = D(), l = U(null), [p, y] = D(n), u = e.additional_config?.select?.search_keyword ?? !1, v = E(
+    () => se((h) => y(h), r),
+    [r]
   );
-  L(() => {
-    h ? S(n) : m("");
-  }, [n, h, S]);
-  const v = x(() => {
-    const u = e.option_config?.api_options?.params, A = e.option_config?.api_options?.data;
-    if (!(!u && !A))
+  C(() => {
+    u ? v(n) : y("");
+  }, [n, u, v]);
+  const b = E(() => {
+    const h = e.option_config?.api_options?.params, S = e.option_config?.api_options?.data;
+    if (!(!h && !S))
       return {
-        params: u ? j(u, r) : void 0,
-        data: A ? j(A, r) : void 0
+        params: h ? O(h, a) : void 0,
+        data: S ? O(S, a) : void 0
       };
-  }, [r, e]), g = E(async () => {
+  }, [a, e]), w = x(async () => {
     if (!e.option_config || !e.is_option_api || !e.option_config.url)
       return;
     l.current?.abort();
-    const u = new AbortController();
-    l.current = u;
-    const A = e.option_config.method?.toUpperCase() === "GET" || !e.option_config.method, w = h ? p : "", _ = ie([
+    const h = new AbortController();
+    l.current = h;
+    const S = e.option_config.method?.toUpperCase() === "GET" || !e.option_config.method, A = u ? p : "", g = le([
       e.code,
       e.option_config.url,
       e.option_config.method,
-      v,
-      w
+      b,
+      A
     ]);
-    c(!0), b(void 0);
+    c(!0), m(void 0);
     try {
-      const F = await Ae(
-        a,
+      const F = await re(
+        i,
         "optionCache",
-        _,
+        g,
         async (R) => {
-          const M = await a.client.request({
+          const j = await i.client.request({
             method: e.option_config?.method || "GET",
             url: e.option_config?.url,
-            params: A && h ? { ...v?.params, keywords: w } : v?.params,
-            data: !A && h ? { ...v?.data, keywords: w } : v?.data,
+            params: S && u ? { ...b?.params, keywords: A } : b?.params,
+            data: !S && u ? { ...b?.data, keywords: A } : b?.data,
             signal: R
           });
-          return a.parsers.optionResponse(M.data, e);
+          return i.parsers.optionResponse(j.data, e);
         },
-        u.signal
+        h.signal
       );
-      u.signal.aborted || o(F);
+      h.signal.aborted || o(F);
     } catch (F) {
-      u.signal.aborted || b(F);
+      h.signal.aborted || m(F);
     } finally {
-      u.signal.aborted || c(!1);
+      h.signal.aborted || c(!1);
     }
-  }, [v, a, p, e, h]);
-  return L(() => (e.option_config && e.is_option_api && g(), () => l.current?.abort()), [g, e]), { options: s, isLoading: d, error: y, refetch: g };
+  }, [b, i, p, e, u]);
+  return C(() => (e.option_config && e.is_option_api && w(), () => l.current?.abort()), [w, e]), { options: s, isLoading: d, error: _, refetch: w };
 }
-const ft = ({
+const yt = ({
   group: e,
   formInstance: t,
   fieldState: n,
-  setFieldState: i,
-  uploadUrl: a,
-  readOnly: r = !1,
+  setFieldState: r,
+  uploadUrl: i,
+  readOnly: a = !1,
   size: s = "middle",
   ...o
 }) => {
-  const { getDynamicField: d } = it({
+  const { getDynamicField: d } = lt({
     formInstance: t,
-    uploadUrl: a,
-    setFieldState: i
-  }), c = V.useWatch(e.code, t), [y, b] = k(""), l = e.additional_config?.select?.search_keyword ?? !1, { options: p, isLoading: m, error: h } = ut({
+    uploadUrl: i,
+    setFieldState: r
+  }), c = q.useWatch(e.code, t), [_, m] = D(""), l = e.additional_config?.select?.search_keyword ?? !1, { options: p, isLoading: y, error: u } = ht({
     group: e,
     formInstance: t,
-    searchKeyword: y,
+    searchKeyword: _,
     searchDebounceMs: e.additional_config?.select?.searchDebounceMs ?? 500
-  }), S = E((g) => {
-    b(g);
+  }), v = x((w) => {
+    m(w);
   }, []);
-  L(() => {
+  C(() => {
     if (e.additional_config?.on_field_change?.clear?.length) {
-      const g = t.getFieldsValue(
+      const w = t.getFieldsValue(
         e.additional_config.on_field_change.clear
-      ), u = e.additional_config.on_field_change.clear.filter(
-        (A) => g?.[A]
+      ), h = e.additional_config.on_field_change.clear.filter(
+        (S) => w?.[S]
       );
-      u.length && t.resetFields(u);
+      h.length && t.resetFields(h);
     }
-    e.additional_config?.on_field_empty?.disable?.length && e.additional_config.on_field_empty.disable.forEach((g) => {
-      i(g, { disabled: !c });
+    e.additional_config?.on_field_empty?.disable?.length && e.additional_config.on_field_empty.disable.forEach((w) => {
+      r(w, { disabled: !c });
     });
-  }, [c, t, e, i]);
-  const v = s === "small" ? 4 : 12;
+  }, [c, t, e, r]);
+  const b = s === "small" ? 4 : 12;
   return /* @__PURE__ */ f(
-    V.Item,
+    q.Item,
     {
       label: e.label,
       name: e.code,
       hidden: n?.hidden,
       rules: [{ required: n?.required || !1 }],
-      style: { marginBottom: v, ...o.style },
+      style: { marginBottom: b, ...o.style },
       ...o,
       children: d(e, {
         state: n,
         options: p,
-        optionsLoading: m,
-        optionsError: h,
-        onSearchKeyword: l ? S : void 0,
-        readOnly: r
+        optionsLoading: y,
+        optionsError: u,
+        onSearchKeyword: l ? v : void 0,
+        readOnly: a
       })
     }
   );
 };
-function mt(e, t) {
+function _t(e, t) {
   return e.group.id === t.group.id && e.readOnly === t.readOnly && e.uploadUrl === t.uploadUrl && e.size === t.size && e.fieldState?.disabled === t.fieldState?.disabled && e.fieldState?.hidden === t.fieldState?.hidden && e.fieldState?.required === t.fieldState?.required;
 }
-const pt = P(ft, mt);
-function ht({
+const bt = T(yt, _t);
+function vt({
   fieldGroups: e,
   fieldStates: t,
   renderField: n,
-  gutter: i,
-  defaultColSpan: a
+  gutter: r,
+  defaultColSpan: i
 }) {
-  return /* @__PURE__ */ f(qe, { gutter: i, children: e.map((r) => {
-    const s = t[r.code]?.hidden ? 0 : Number(r.additional_config?.field_col_span) || a;
-    return /* @__PURE__ */ f(Ue, { xs: s, children: n(r) }, r.id);
+  return /* @__PURE__ */ f(Ke, { gutter: r, children: e.map((a) => {
+    const s = t[a.code]?.hidden ? 0 : Number(a.additional_config?.field_col_span) || i;
+    return /* @__PURE__ */ f($e, { xs: s, children: n(a) }, a.id);
   }) });
 }
-function yt(e) {
-  return x(() => {
-    const t = e?.form?.field_groups ?? [], n = /* @__PURE__ */ new Map(), i = {};
-    t.forEach((r) => {
-      n.set(r.code, r), r.additional_config?.default !== void 0 && (i[r.code] = r.additional_config.default);
+function wt(e) {
+  return E(() => {
+    const t = e?.form?.field_groups ?? [], n = /* @__PURE__ */ new Map(), r = {};
+    t.forEach((a) => {
+      n.set(a.code, a), a.additional_config?.default !== void 0 && (r[a.code] = a.additional_config.default);
     });
-    const a = t.filter((r) => !r.is_hidden);
-    return { fieldGroups: t, fieldByCode: n, visibleFieldGroups: a, initialValues: i };
+    const i = t.filter((a) => !a.is_hidden);
+    return { fieldGroups: t, fieldByCode: n, visibleFieldGroups: i, initialValues: r };
   }, [e]);
 }
-function he(e) {
+function we(e) {
   const t = {};
   return e.forEach((n) => {
     t[n.code] = {
@@ -587,43 +587,43 @@ function he(e) {
     };
   }), t;
 }
-function bt(e) {
-  const [t, n] = k(
-    () => he(e)
+function gt(e) {
+  const [t, n] = D(
+    () => we(e)
   );
-  L(() => {
-    n(he(e));
+  C(() => {
+    n(we(e));
   }, [e]);
-  const i = E((a, r) => {
+  const r = x((i, a) => {
     n((s) => ({
       ...s,
-      [a]: { ...s[a], ...r }
+      [i]: { ...s[i], ...a }
     }));
   }, []);
-  return { fieldStates: t, setFieldStates: n, setFieldState: i };
+  return { fieldStates: t, setFieldStates: n, setFieldState: r };
 }
-function _t({
+function At({
   formInstance: e,
   fieldByCode: t,
   relatedData: n,
-  transformers: i
+  transformers: r
 }) {
-  return { buildProcessedValues: E(async () => {
+  return { buildProcessedValues: x(async () => {
     await e.validateFields();
-    const r = e.getFieldsValue(), s = {};
-    for (const c of Object.keys(r)) {
-      const y = t.get(c);
-      if (!y) continue;
-      let b;
-      switch (y.field?.type?.code) {
+    const a = e.getFieldsValue(), s = {};
+    for (const c of Object.keys(a)) {
+      const _ = t.get(c);
+      if (!_) continue;
+      let m;
+      switch (_.field?.type?.code) {
         case "datetime":
-          b = r[c] ? Y(r[c]).format(
-            y.additional_config?.datetime?.format
+          m = a[c] ? X(a[c]).format(
+            _.additional_config?.datetime?.format
           ) : null;
           break;
         case "image":
         case "file":
-          r[c]?.fileList?.length && (b = r[c].fileList.filter((l) => l.percent === 100).map((l) => ({
+          a[c]?.fileList?.length && (m = a[c].fileList.filter((l) => l.percent === 100).map((l) => ({
             ...l.response,
             name: l.name,
             type: l.type,
@@ -631,202 +631,202 @@ function _t({
           })));
           break;
         default:
-          b = r[c];
+          m = a[c];
       }
-      i.transformFieldValue && (b = i.transformFieldValue(c, b, y)), s[c] = b;
+      r.transformFieldValue && (m = r.transformFieldValue(c, m, _)), s[c] = m;
     }
     let o = s;
-    return i.transformSubmitValues && (o = i.transformSubmitValues(
+    return r.transformSubmitValues && (o = r.transformSubmitValues(
       o,
       Array.from(t.values()),
       n
-    )), (i.parseRelatedDataTemplates ?? st)(o, n ?? {});
-  }, [t, e, n, i]) };
+    )), (r.parseRelatedDataTemplates ?? ft)(o, n ?? {});
+  }, [t, e, n, r]) };
 }
-const vt = Be(
+const St = Ne(
   ({
     formConfig: e,
     formInstance: t,
     relatedData: n,
-    uploadUrl: i,
-    uploadResourceUrl: a,
-    submitTrackingUrl: r,
+    uploadUrl: r,
+    uploadResourceUrl: i,
+    submitTrackingUrl: a,
     onBeforeSubmit: s,
     onSubmitSuccess: o,
     onSubmitError: d,
     isRedirectAfterCreate: c,
-    onRedirect: y,
-    size: b = "middle",
+    onRedirect: _,
+    size: m = "middle",
     manualSubmit: l = !1,
     onValuesChange: p,
-    readOnly: m = !1,
-    submitDebounceMs: h,
-    gutter: S = [8, 0],
-    defaultColSpan: v = 12,
-    submitButtonLabel: g
-  }, u) => {
-    const { message: A } = Ie.useApp(), w = q(), { i18n: _, client: F, parsers: R, redirectHandler: M, renderers: G, transformers: B } = w, ae = i ?? a, re = h ?? w.submitDebounceMs, oe = g ?? _.messages.submit, { fieldGroups: T, fieldByCode: xe, initialValues: K } = yt(e), { fieldStates: $, setFieldState: se } = bt(T), { buildProcessedValues: H } = _t({
+    readOnly: y = !1,
+    submitDebounceMs: u,
+    gutter: v = [8, 0],
+    defaultColSpan: b = 12,
+    submitButtonLabel: w
+  }, h) => {
+    const { message: S } = ze.useApp(), A = M(), { i18n: g, client: F, parsers: R, redirectHandler: j, renderers: G, transformers: K } = A, ce = r ?? i, de = u ?? A.submitDebounceMs, ue = w ?? g.messages.submit, { fieldGroups: V, fieldByCode: Ce, initialValues: $ } = wt(e), { fieldStates: z, setFieldState: fe } = gt(V), { buildProcessedValues: H } = At({
       formInstance: t,
-      fieldByCode: xe,
+      fieldByCode: Ce,
       relatedData: n,
-      transformers: B
-    }), z = I(!1), [le, ce] = k(!1), [de, ue] = k(!1);
-    L(() => {
-      if (Object.keys(K).length > 0) {
-        const D = B.normalizeInitialValues ? B.normalizeInitialValues(K, T) : K;
-        t.setFieldsValue(D);
+      transformers: K
+    }), N = U(!1), [me, pe] = D(!1), [he, ye] = D(!1);
+    C(() => {
+      if (Object.keys($).length > 0) {
+        const k = K.normalizeInitialValues ? K.normalizeInitialValues($, V) : $;
+        t.setFieldsValue(k);
       }
-    }, [T, t, K, B]);
-    const N = E(async () => {
-      if (!z.current) {
-        z.current = !0, ce(!0);
+    }, [V, t, $, K]);
+    const Y = x(async () => {
+      if (!N.current) {
+        N.current = !0, pe(!0);
         try {
-          let D = await H();
+          let k = await H();
           try {
-            r && (ue(!0), await F.request({
+            a && (ye(!0), await F.request({
               method: "POST",
-              url: r,
-              data: D
+              url: a,
+              data: k
             }));
-            const C = await s?.(D);
-            if (C === !1) return;
-            C && typeof C == "object" && (D = C);
-          } catch (C) {
-            console.error(C);
+            const P = await s?.(k);
+            if (P === !1) return;
+            P && typeof P == "object" && (k = P);
+          } catch (P) {
+            console.error(P);
             return;
           } finally {
-            ue(!1);
+            ye(!1);
           }
-          const U = await F.request({
+          const W = await F.request({
             method: e.method,
             url: e.action,
-            data: D
+            data: k
           });
           t.resetFields(
-            T.filter((C) => !C.is_hidden).map((C) => C.code)
+            V.filter((P) => !P.is_hidden).map((P) => P.code)
           );
-          const Q = R.submitResponse(U.data);
-          c && Q.redirectUrl && (y ?? M)(Q.redirectUrl, "_blank"), o?.({
-            values: D,
-            response: U.data,
-            data: Q.data ?? U.data
+          const ee = R.submitResponse(W.data);
+          c && ee.redirectUrl && (_ ?? j)(ee.redirectUrl, "_blank"), o?.({
+            values: k,
+            response: W.data,
+            data: ee.data ?? W.data
           });
-        } catch (D) {
-          const U = D;
-          A.error(
-            U?.response?.data?.message ?? _.messages.submitError
-          ), d?.(D);
+        } catch (k) {
+          const W = k;
+          S.error(
+            W?.response?.data?.message ?? g.messages.submitError
+          ), d?.(k);
         } finally {
-          z.current = !1, ce(!1);
+          N.current = !1, pe(!1);
         }
       }
     }, [
       H,
       F,
-      T,
+      V,
       e.action,
       e.method,
       t,
-      _.messages.submitError,
+      g.messages.submitError,
       c,
-      A,
+      S,
       s,
-      y,
+      _,
       d,
       o,
       R,
-      M,
-      r
+      j,
+      a
     ]);
-    Ke(
-      u,
+    Ye(
+      h,
       () => ({
-        submit: N,
+        submit: Y,
         getProcessedValues: H,
-        isSubmitting: () => z.current
+        isSubmitting: () => N.current
       }),
-      [H, N]
+      [H, Y]
     );
-    const fe = x(
-      () => ne(() => {
-        N();
-      }, re),
-      [N, re]
-    ), me = E(
-      (D) => /* @__PURE__ */ f(
-        pt,
+    const _e = E(
+      () => se(() => {
+        Y();
+      }, de),
+      [Y, de]
+    ), be = x(
+      (k) => /* @__PURE__ */ f(
+        bt,
         {
-          group: D,
+          group: k,
           formInstance: t,
-          fieldState: $[D.code],
-          setFieldState: se,
-          uploadUrl: ae,
-          readOnly: m,
-          size: b
+          fieldState: z[k.code],
+          setFieldState: fe,
+          uploadUrl: ce,
+          readOnly: y,
+          size: m
         },
-        D.id
+        k.id
       ),
       [
-        $,
+        z,
         t,
-        m,
-        ae,
-        se,
-        b
+        y,
+        ce,
+        fe,
+        m
       ]
-    ), Pe = G.layout ? G.layout({
-      fieldGroups: T,
-      fieldStates: $,
-      renderField: me,
-      gutter: S,
-      defaultColSpan: v,
-      size: b
+    ), Oe = G.layout ? G.layout({
+      fieldGroups: V,
+      fieldStates: z,
+      renderField: be,
+      gutter: v,
+      defaultColSpan: b,
+      size: m
     }) : /* @__PURE__ */ f(
-      ht,
+      vt,
       {
-        fieldGroups: T,
-        fieldStates: $,
-        renderField: me,
-        gutter: S,
-        defaultColSpan: v,
-        size: b
+        fieldGroups: V,
+        fieldStates: z,
+        renderField: be,
+        gutter: v,
+        defaultColSpan: b,
+        size: m
       }
-    ), Me = !l && !m && (G.submitActions ? G.submitActions({
-      onSubmit: fe,
-      loading: le || de,
-      label: oe
-    }) : /* @__PURE__ */ f(we, { justify: "flex-end", children: /* @__PURE__ */ f(
-      ge,
+    ), qe = !l && !y && (G.submitActions ? G.submitActions({
+      onSubmit: _e,
+      loading: me || he,
+      label: ue
+    }) : /* @__PURE__ */ f(ie, { justify: "flex-end", children: /* @__PURE__ */ f(
+      Ee,
       {
         type: "primary",
-        onClick: fe,
-        loading: le || de,
-        children: oe
+        onClick: _e,
+        loading: me || he,
+        children: ue
       }
     ) }));
-    return /* @__PURE__ */ Te(
-      V,
+    return /* @__PURE__ */ Ue(
+      q,
       {
         layout: "vertical",
         form: t,
-        size: b,
+        size: m,
         onValuesChange: p,
         children: [
-          Pe,
-          Me
+          Oe,
+          qe
         ]
       }
     );
   }
 );
-vt.displayName = "DynamicForm";
-function Fe(e) {
+St.displayName = "DynamicForm";
+function De(e) {
   if (!e) return;
   const { mode: t } = e;
   if (t === "api" && e.api?.url)
     return e.api;
   if (t === "api_ids" && e.api_ids?.url) {
-    const n = e.api_ids, i = n.method?.toUpperCase() === "POST";
+    const n = e.api_ids, r = n.method?.toUpperCase() === "POST";
     return {
       url: n.url,
       method: n.method,
@@ -834,8 +834,8 @@ function Fe(e) {
       mapping_attr: n.mapping_attr,
       link: n.link,
       result_type: n.result_type ?? "array",
-      params: n.params ?? (!i && !n.data ? { ids: "{{value}}" } : void 0),
-      data: n.data ?? (i && !n.params ? { ids: "{{value}}" } : void 0)
+      params: n.params ?? (!r && !n.data ? { ids: "{{value}}" } : void 0),
+      data: n.data ?? (r && !n.params ? { ids: "{{value}}" } : void 0)
     };
   }
   if (t === "api_detail" && e.api_detail?.url) {
@@ -853,110 +853,110 @@ function Fe(e) {
     };
   }
 }
-function ye(e) {
+function ge(e) {
   return {
     value: e,
     id: e
   };
 }
-function gt(e, t) {
-  const n = t.method || "GET", i = n.toUpperCase() === "GET";
+function Ft(e, t) {
+  const n = t.method || "GET", r = n.toUpperCase() === "GET";
   if (t.url_template)
     return (Array.isArray(e) ? e.filter((d) => d != null && d !== "") : e != null && e !== "" ? [e] : []).map((d) => {
-      const c = ye(d), y = ct(t.url, c), b = t.params ? j(t.params, c) : void 0, l = t.data ? j(t.data, c) : void 0;
+      const c = ge(d), _ = J(t.url, c), m = t.params ? O(t.params, c) : void 0, l = t.data ? O(t.data, c) : void 0;
       return {
         method: n,
-        url: y,
-        params: i ? b : void 0,
-        data: i ? void 0 : l
+        url: _,
+        params: r ? m : void 0,
+        data: r ? void 0 : l
       };
     });
-  const a = ye(e), r = t.params ? j(t.params, a) : void 0, s = t.data ? j(t.data, a) : void 0;
+  const i = ge(e), a = t.params ? O(t.params, i) : void 0, s = t.data ? O(t.data, i) : void 0;
   return [
     {
       method: n,
       url: t.url,
-      params: i ? r : void 0,
-      data: i ? void 0 : s
+      params: r ? a : void 0,
+      data: r ? void 0 : s
     }
   ];
 }
-function De(e, t) {
-  const n = t.data_path ? W(e, t.data_path) : e;
+function Pe(e, t) {
+  const n = t.data_path ? B(e, t.data_path) : e;
   return (t.result_type ?? (Array.isArray(n) ? "array" : "object")) === "array" ? Array.isArray(n) ? n : n != null ? [n] : [] : Array.isArray(n) ? n.length ? [n[0]] : [] : n && typeof n == "object" ? [n] : [];
 }
-function Re(e, t) {
-  return Ct(e, t.mapping_attr);
+function xe(e, t) {
+  return Tt(e, t.mapping_attr);
 }
-function ke(e, t) {
-  return Et(t.link, e);
+function Le(e, t) {
+  return Mt(t.link, e);
 }
-async function wt(e, t, n, i) {
-  const a = gt(e, t);
-  if (!a.length) return [];
-  const r = await Promise.all(
-    a.map((o) => n({ ...o, signal: i }))
+async function kt(e, t, n, r) {
+  const i = Ft(e, t);
+  if (!i.length) return [];
+  const a = await Promise.all(
+    i.map((o) => n({ ...o, signal: r }))
   ), s = [];
-  for (const o of r)
-    s.push(...De(o.data, t));
+  for (const o of a)
+    s.push(...Pe(o.data, t));
   return s;
 }
-function O(e) {
+function I(e) {
   return !!(e == null || e === "" || Array.isArray(e) && e.length === 0);
 }
-function St(e, t) {
-  const n = e.option_config?.api_options?.params, i = e.option_config?.api_options?.data;
-  if (!n && !i) return;
-  const a = (r) => {
+function Et(e, t) {
+  const n = e.option_config?.api_options?.params, r = e.option_config?.api_options?.data;
+  if (!n && !r) return;
+  const i = (a) => {
     const s = {};
-    for (const o in r)
-      if (typeof r[o] == "string" && r[o].startsWith("{{") && r[o].endsWith("}}")) {
-        const d = r[o].slice(2, -2).trim();
+    for (const o in a)
+      if (typeof a[o] == "string" && a[o].startsWith("{{") && a[o].endsWith("}}")) {
+        const d = a[o].slice(2, -2).trim();
         s[o] = t?.[d];
       } else
-        s[o] = r[o];
+        s[o] = a[o];
     return s;
   };
   return {
-    params: n ? a(n) : void 0,
-    data: i ? a(i) : void 0
+    params: n ? i(n) : void 0,
+    data: r ? i(r) : void 0
   };
 }
-function At(e, t) {
-  const n = t.option_config?.label_attr, i = t.option_config?.value_attr || "";
+function Rt(e, t) {
+  const n = t.option_config?.label_attr, r = t.option_config?.value_attr || "";
   if (n?.length) {
-    const a = n.join(" - ");
-    return e[a] !== void 0 ? String(e[a]) : n.map((r) => e[r]).filter((r) => r != null && r !== "").join(" - ");
+    const i = n.join(" - ");
+    return e[i] !== void 0 ? String(e[i]) : n.map((a) => e[a]).filter((a) => a != null && a !== "").join(" - ");
   }
-  return String(e[i] ?? "");
+  return String(e[r] ?? "");
 }
-function Ft(e, t) {
+function Dt(e, t) {
   if (!t?.length) return null;
-  const i = (Array.isArray(e) ? e : [e]).map((a) => t.find((r) => String(r.value) === String(a))?.label).filter((a) => !!a);
-  return i.length ? i.join(", ") : null;
+  const r = (Array.isArray(e) ? e : [e]).map((i) => t.find((a) => String(a.value) === String(i))?.label).filter((i) => !!i);
+  return r.length ? r.join(", ") : null;
 }
-function Dt(e, t, n) {
-  if (O(e)) return null;
-  const i = t.option_config?.value_attr || "value", a = Array.isArray(e) ? e : [e];
+function Pt(e, t, n) {
+  if (I(e)) return null;
+  const r = t.option_config?.value_attr || "value", i = Array.isArray(e) ? e : [e];
   if (t.is_option_api && n?.length) {
-    const s = a.map((o) => {
+    const s = i.map((o) => {
       const d = n.find(
-        (c) => String(c[i]) === String(o)
+        (c) => String(c[r]) === String(o)
       );
-      return d ? At(d, t) : String(o);
+      return d ? Rt(d, t) : String(o);
     }).filter(Boolean);
     return s.length ? s.join(", ") : null;
   }
-  const r = Ft(e, t.metas);
-  return r || a.map(String).join(", ");
+  const a = Dt(e, t.metas);
+  return a || i.map(String).join(", ");
 }
-function Rt(e, t) {
-  if (O(e)) return null;
-  const n = t.additional_config?.datetime?.format, i = Y(e);
-  return i.isValid() ? n ? i.format(n) : i.format("YYYY-MM-DD HH:mm:ss") : String(e);
+function xt(e, t) {
+  if (I(e)) return null;
+  const n = t.additional_config?.datetime?.format, r = X(e);
+  return r.isValid() ? n ? r.format(n) : r.format("YYYY-MM-DD HH:mm:ss") : String(e);
 }
-function kt(e) {
-  if (O(e)) return null;
+function Lt(e) {
+  if (I(e)) return null;
   if (Array.isArray(e)) {
     const t = e.map(
       (n) => typeof n == "object" && n && "name" in n ? String(n.name) : String(n)
@@ -965,20 +965,20 @@ function kt(e) {
   }
   return String(e);
 }
-function Ct(e, t) {
+function Tt(e, t) {
   return t?.length ? t.map((n) => {
-    const i = W(e, n) ?? e[n];
-    return i != null ? String(i) : "";
+    const r = B(e, n) ?? e[n];
+    return r != null ? String(r) : "";
   }).filter(Boolean).join(" - ") : JSON.stringify(e);
 }
-function Et(e, t) {
-  return e ? e.replace(/\{\{(.+?)\}\}/g, (n, i) => {
-    const a = i.trim(), r = W(t, a) ?? t[a];
-    return r != null ? String(r) : "";
+function Mt(e, t) {
+  return e ? e.replace(/\{\{(.+?)\}\}/g, (n, r) => {
+    const i = r.trim(), a = B(t, i) ?? t[i];
+    return a != null ? String(a) : "";
   }) : null;
 }
-function be(e, t, n) {
-  if (O(e)) return null;
+function Ae(e, t, n) {
+  if (I(e)) return null;
   switch (t?.mode ?? "formatted") {
     case "raw":
     case "formatted":
@@ -986,12 +986,12 @@ function be(e, t, n) {
     case "api":
     case "api_ids":
     case "api_detail": {
-      const a = Fe(t);
-      if (!n || !a)
+      const i = De(t);
+      if (!n || !i)
         return Array.isArray(e) ? e.map(String).join(", ") : String(e);
-      const r = De(n, a);
-      return r.length ? r.map((o) => {
-        const d = Re(o, a), c = ke(o, a);
+      const a = Pe(n, i);
+      return a.length ? a.map((o) => {
+        const d = xe(o, i), c = Le(o, i);
         return c ? `${d} (${c})` : d;
       }).filter(Boolean).join(", ") || null : String(e);
     }
@@ -999,134 +999,237 @@ function be(e, t, n) {
       return String(e);
   }
 }
-function xt(e, t, n) {
-  const i = e.additional_config?.view_value;
-  if (i?.mode === "api" || i?.mode === "api_ids" || i?.mode === "api_detail")
-    return be(
+function jt(e, t, n) {
+  const r = e.additional_config?.view_value;
+  if (r?.mode === "api" || r?.mode === "api_ids" || r?.mode === "api_detail")
+    return Ae(
       t,
-      i,
+      r,
       n.viewValueFetched
     );
   switch (e.field?.type?.code) {
     case "text":
     case "number":
-      return O(t) ? null : String(t);
+      return I(t) ? null : String(t);
     case "datetime":
-      return Rt(t, e);
+      return xt(t, e);
     case "select":
     case "radio":
     case "checkbox":
-      return Dt(t, e, n.optionList);
+      return Pt(t, e, n.optionList);
     case "image":
     case "file":
-      return kt(t);
+      return Lt(t);
     default:
-      return i ? be(
+      return r ? Ae(
         t,
-        i,
+        r,
         n.viewValueFetched
-      ) : O(t) ? null : String(t);
+      ) : I(t) ? null : String(t);
   }
 }
-function Ce(e, t, n = !0) {
-  const i = q(), [a, r] = k(), [s, o] = k(!1), [d, c] = k(), y = I(null), b = E(async () => {
-    if (!n) return;
-    y.current?.abort();
-    const l = new AbortController();
-    y.current = l;
-    const p = ie(e);
+const Q = /* @__PURE__ */ new Map(), Vt = 3e4;
+function Ct(e) {
+  const t = Q.get(e);
+  if (t) {
+    if (Date.now() > t.expiresAt) {
+      Q.delete(e);
+      return;
+    }
+    return t.error;
+  }
+}
+function Se(e, t) {
+  Q.set(e, {
+    error: t,
+    expiresAt: Date.now() + Vt
+  });
+}
+function Z(e, t, n = !0) {
+  const r = M(), [i, a] = D(), [s, o] = D(!1), [d, c] = D(), _ = U(t), m = U(r);
+  _.current = t, m.current = r;
+  const l = le(e);
+  return C(() => {
+    if (!n) {
+      a(void 0), c(void 0), o(!1);
+      return;
+    }
+    const y = Ct(l);
+    if (y !== void 0) {
+      c(y), o(!1);
+      return;
+    }
+    const u = new AbortController();
+    return o(!0), c(void 0), (async () => {
+      try {
+        const b = await re(
+          m.current,
+          "viewCache",
+          l,
+          (w) => _.current(w),
+          u.signal
+        );
+        u.signal.aborted || (a(b), c(void 0));
+      } catch (b) {
+        u.signal.aborted || (Se(l, b), c(b));
+      } finally {
+        u.signal.aborted || o(!1);
+      }
+    })(), () => u.abort();
+  }, [n, l]), { data: i, isLoading: s, error: d, refetch: async () => {
+    if (Q.delete(l), !n) return;
+    const y = new AbortController();
     o(!0), c(void 0);
     try {
-      const m = await Ae(
-        i,
+      const u = await re(
+        m.current,
         "viewCache",
-        p,
-        t,
-        l.signal
+        l,
+        (v) => _.current(v),
+        y.signal
       );
-      return l.signal.aborted || r(m), m;
-    } catch (m) {
-      throw l.signal.aborted || c(m), m;
+      return a(u), u;
+    } catch (u) {
+      throw Se(l, u), c(u), u;
     } finally {
-      l.signal.aborted || o(!1);
+      o(!1);
     }
-  }, [e, i, n, t]);
-  return L(() => (n && b(), () => y.current?.abort()), [n, b]), { data: a, isLoading: s, error: d, refetch: b };
+  } };
 }
-const Pt = ({
+const Ot = ({ value: e, code: t, modeConfig: n }) => {
+  const { client: r, renderers: i, i18n: a } = M(), s = E(
+    () => (Array.isArray(e) ? e : [e]).filter(Boolean),
+    [e]
+  ), {
+    data: o,
+    isLoading: d,
+    error: c
+  } = Z(
+    ["api_detail", t, s, n?.url, n?.method],
+    async (l) => (await Promise.all(
+      s.map(async (y) => {
+        const u = J(n?.url || "", { id: y });
+        return (await r.request({
+          method: n?.method,
+          url: u,
+          signal: l
+        })).data;
+      })
+    )).filter(Boolean),
+    !!(s.length && n?.url)
+  ), _ = (l, p, y) => i.link ? i.link({ url: l, label: p, data: y }) : /* @__PURE__ */ f("a", { href: l, target: "_blank", rel: "noreferrer", children: p }), m = (l) => {
+    const p = n?.mapping_attr?.map((y) => l?.[y]).join(" - ");
+    if (n?.link) {
+      const y = J(n.link, l);
+      return _(y, p, l);
+    }
+    return p;
+  };
+  return d ? /* @__PURE__ */ f(L, { children: i.viewLoading?.() ?? /* @__PURE__ */ f(ae, { size: "small" }) }) : c ? /* @__PURE__ */ f(L, { children: i.viewError?.(c) ?? a.messages.viewError }) : o?.length ? /* @__PURE__ */ f(L, { children: o.map((l, p) => /* @__PURE__ */ f("div", { children: m(l) }, p)) }) : /* @__PURE__ */ f(L, { children: i.viewEmpty?.() ?? a.messages.viewEmpty });
+}, Te = T(Ot), qt = ({ value: e, code: t, modeConfig: n }) => {
+  const { client: r, renderers: i, i18n: a } = M(), {
+    data: s,
+    isLoading: o,
+    error: d
+  } = Z(
+    ["api_ids", t, e, n?.url, n?.method],
+    async (m) => {
+      const l = n?.method || "GET", p = l.toUpperCase() === "POST", y = Array.isArray(e) ? e : [e], v = (await r.request({
+        method: l,
+        url: n?.url || "",
+        data: p ? { ids: y } : void 0,
+        params: p ? void 0 : { ids: y },
+        signal: m
+      })).data, b = n?.data_path ? B(v, n.data_path) : v;
+      return Array.isArray(b) ? b : v;
+    },
+    !!(e && n?.url)
+  ), c = (m, l, p) => i.link ? i.link({ url: m, label: l, data: p }) : /* @__PURE__ */ f("a", { href: m, target: "_blank", rel: "noreferrer", children: l }), _ = (m) => {
+    const l = n?.mapping_attr?.map((p) => m?.[p]).join(" - ");
+    if (n?.link) {
+      const p = J(n.link, m);
+      return c(p, l, m);
+    }
+    return l;
+  };
+  return o ? /* @__PURE__ */ f(L, { children: i.viewLoading?.() ?? /* @__PURE__ */ f(ae, { size: "small" }) }) : d ? /* @__PURE__ */ f(L, { children: i.viewError?.(d) ?? a.messages.viewError }) : s ? Array.isArray(e) ? /* @__PURE__ */ f(ie, { vertical: !0, children: (Array.isArray(s) ? s : [s]).map((m, l) => /* @__PURE__ */ f("div", { children: _(m) }, m.id ?? l)) }) : _(
+    Array.isArray(s) ? s[0] : s
+  ) : /* @__PURE__ */ f(L, { children: i.viewEmpty?.() ?? a.messages.viewEmpty });
+}, Me = T(qt), Ut = ({
   value: e,
   code: t,
   modeConfig: n,
-  viewConfig: i
+  viewConfig: r
 }) => {
-  const { client: a, renderers: r, i18n: s } = q(), o = n ?? (i ? Fe(i) : void 0), { data: d, isLoading: c, error: y } = Ce(
-    ["api_view", t, e, o?.url, o?.method, o?.data_path],
-    async (p) => o ? wt(
+  const { client: i, renderers: a, i18n: s } = M(), o = E(
+    () => n ?? (r ? De(r) : void 0),
+    [n, r]
+  ), d = E(
+    () => ["api_view", t, e, o?.url, o?.method, o?.data_path],
+    [t, e, o?.url, o?.method, o?.data_path]
+  ), c = x(
+    async (u) => o ? kt(
       e,
       o,
-      (m) => a.request(m),
-      p
+      (v) => i.request({ ...v, signal: u })
     ) : [],
-    !!(e && o?.url)
-  ), b = (p, m, h) => r.link ? r.link({ url: p, label: m, data: h }) : /* @__PURE__ */ f("a", { href: p, target: "_blank", rel: "noreferrer", children: m }), l = (p, m) => {
+    [i, o, e]
+  ), { data: _, isLoading: m, error: l } = Z(d, c, !!(e && o?.url)), p = (u, v, b) => a.link ? a.link({ url: u, label: v, data: b }) : /* @__PURE__ */ f("a", { href: u, target: "_blank", rel: "noreferrer", children: v }), y = (u, v) => {
     if (!o) return null;
-    const h = Re(p, o), S = ke(p, o), v = S ? b(S, h, p) : h;
-    return /* @__PURE__ */ f("div", { children: v }, p.id ?? m);
+    const b = xe(u, o), w = Le(u, o), h = w ? p(w, b, u) : b;
+    return /* @__PURE__ */ f("div", { children: h }, u.id ?? v);
   };
-  return c ? /* @__PURE__ */ f(X, { children: r.viewLoading?.() ?? /* @__PURE__ */ f(We, { size: "small" }) }) : y ? /* @__PURE__ */ f(X, { children: r.viewError?.(y) ?? s.messages.viewError }) : d?.length ? o?.result_type === "object" && d.length === 1 ? l(d[0], 0) : /* @__PURE__ */ f(we, { vertical: !0, children: d.map(l) }) : /* @__PURE__ */ f(X, { children: r.viewEmpty?.() ?? s.messages.viewEmpty });
-}, J = P(Pt);
-function Mt(e) {
+  return m ? /* @__PURE__ */ f(L, { children: a.viewLoading?.() ?? /* @__PURE__ */ f(ae, { size: "small" }) }) : l ? /* @__PURE__ */ f(L, { children: a.viewError?.(l) ?? s.messages.viewError }) : _?.length ? o?.result_type === "object" && _.length === 1 ? y(_[0], 0) : /* @__PURE__ */ f(ie, { vertical: !0, children: _.map(y) }) : /* @__PURE__ */ f(L, { children: a.viewEmpty?.() ?? s.messages.viewEmpty });
+}, je = T(Ut);
+function It(e) {
   return !!(e.option_config && e.is_option_api);
 }
-function Tt(e) {
-  return e === "api" || e === "api_ids" || e === "api_detail";
-}
-function Lt(e, t) {
-  const n = q(), i = ie([
+function Bt(e, t) {
+  const n = M(), r = le([
     "viewModeOptions",
-    e.map((r) => r.code),
+    e.map((a) => a.code),
     t
-  ]), { data: a } = Ce(
-    [i],
-    async (r) => {
+  ]), { data: i } = Z(
+    [r],
+    async (a) => {
       const s = {};
       return await Promise.all(
         e.map(async (o) => {
           if (!o.option_config?.url) return;
-          const d = St(o, t), c = o.option_config.method?.toUpperCase() === "GET" || !o.option_config.method, y = await n.client.request({
+          const d = Et(o, t), c = o.option_config.method?.toUpperCase() === "GET" || !o.option_config.method, _ = await n.client.request({
             method: o.option_config.method || "GET",
             url: o.option_config.url,
             params: c ? d?.params : void 0,
             data: c ? void 0 : d?.data,
-            signal: r
+            signal: a
           });
           s[o.code] = {
-            optionList: n.parsers.optionResponse(y.data, o)
+            optionList: n.parsers.optionResponse(_.data, o)
           };
         })
       ), s;
     },
     e.length > 0
   );
-  return a ?? {};
+  return i ?? {};
 }
-const Yt = ({
+const en = ({
   formConfig: e,
   formValues: t
 }) => {
-  const n = e?.form?.field_groups ?? [], i = x(
-    () => n.filter(Mt),
+  const n = e?.form?.field_groups ?? [], r = E(
+    () => n.filter(It),
     [n]
-  ), a = Lt(i, t);
-  return x(() => n.filter((s) => !s.is_hidden).map((s) => {
+  ), i = Bt(r, t);
+  return E(() => n.filter((s) => !s.is_hidden).map((s) => {
     const o = t?.[s.code], d = s.additional_config?.view_value, c = d?.mode;
-    if (Tt(c) && d)
+    if (c === "api" && d)
       return {
         key: s.code,
         label: s.label,
         rawValue: o,
         viewValue: /* @__PURE__ */ f(
-          J,
+          je,
           {
             code: s.code,
             value: o,
@@ -1135,46 +1238,68 @@ const Yt = ({
         ),
         field_group: s
       };
-    const y = a[s.code] ?? {};
+    if (c === "api_ids" && d?.api_ids)
+      return {
+        key: s.code,
+        label: s.label,
+        rawValue: o,
+        viewValue: /* @__PURE__ */ f(
+          Me,
+          {
+            code: s.code,
+            value: o,
+            modeConfig: d.api_ids
+          }
+        ),
+        field_group: s
+      };
+    if (c === "api_detail" && d?.api_detail)
+      return {
+        key: s.code,
+        label: s.label,
+        rawValue: o,
+        viewValue: /* @__PURE__ */ f(
+          Te,
+          {
+            code: s.code,
+            value: o,
+            modeConfig: d.api_detail
+          }
+        ),
+        field_group: s
+      };
+    const _ = i[s.code] ?? {};
     return {
       key: s.code,
       label: s.label,
       rawValue: o,
-      viewValue: xt(s, o, y),
+      viewValue: jt(s, o, _),
       field_group: s
     };
-  }), [a, n, t]);
-}, jt = ({
+  }), [i, n, t]);
+}, Wt = ({
   code: e,
   value: t,
   fieldGroup: n
 }) => {
-  const i = n?.additional_config?.view_value;
-  switch (i?.mode) {
+  const r = n?.additional_config?.view_value;
+  switch (r?.mode) {
     case "raw":
       return t;
     case "api":
-    case "api_ids":
-    case "api_detail":
-      return /* @__PURE__ */ f(J, { code: e, value: t, viewConfig: i });
+      return /* @__PURE__ */ f(je, { code: e, value: t, viewConfig: r });
+    case "api_ids": {
+      const i = r?.api_ids;
+      return /* @__PURE__ */ f(Me, { code: e, value: t, modeConfig: i });
+    }
+    case "api_detail": {
+      const i = r?.api_detail;
+      return /* @__PURE__ */ f(Te, { code: e, value: t, modeConfig: i });
+    }
     default:
       return t;
   }
-}, Jt = P(jt), Vt = ({ value: e, code: t, modeConfig: n }) => /* @__PURE__ */ f(
-  J,
-  {
-    code: t,
-    value: e,
-    viewConfig: n ? { mode: "api_ids", api_ids: n } : void 0
-  }
-), Qt = P(Vt), Ot = ({ value: e, code: t, modeConfig: n }) => /* @__PURE__ */ f(
-  J,
-  {
-    code: t,
-    value: e,
-    viewConfig: n ? { mode: "api_detail", api_detail: n } : void 0
-  }
-), Xt = P(Ot), Ee = {
+}, tn = T(Wt), Ve = {
   submit: "Save",
   submitError: "Failed to submit form",
   inputPlaceholder: (e) => `Enter ${e}`,
@@ -1185,9 +1310,9 @@ const Yt = ({
   viewLoading: "Loading...",
   viewEmpty: "-",
   viewError: "Failed to load"
-}, Zt = {
-  messages: Ee
-}, qt = (e) => {
+}, nn = {
+  messages: Ve
+}, Gt = (e) => {
   if (Array.isArray(e)) return e;
   if (e && typeof e == "object" && "items" in e && Array.isArray(e.items))
     return e.items;
@@ -1196,70 +1321,70 @@ const Yt = ({
     return Array.isArray(t.items) ? t.items : [];
   }
   return [];
-}, Ut = (e) => ({
+}, Kt = (e) => ({
   redirectUrl: e?.redirect_after_create,
   data: e
-}), It = (e, t) => t?.dataPath ? W(e, t.dataPath) : e, Z = {
-  optionResponse: qt,
-  submitResponse: Ut,
-  viewResponse: It
-}, Wt = (e, t = "_blank") => {
+}), $t = (e, t) => t?.dataPath ? B(e, t.dataPath) : e, te = {
+  optionResponse: Gt,
+  submitResponse: Kt,
+  viewResponse: $t
+}, zt = (e, t = "_blank") => {
   window.open(e, t);
-}, ee = {
+}, ne = {
   upload: async () => {
     throw new Error("Upload adapter is not configured");
   },
   remove: async () => !1
 };
-function en({
+function rn({
   children: e,
   client: t,
   upload: n,
-  i18n: i,
-  parsers: a,
-  renderers: r = {},
+  i18n: r,
+  parsers: i,
+  renderers: a = {},
   transformers: s = {},
   cache: o,
   submitDebounceMs: d = 200,
   redirectHandler: c,
   // legacy props
-  requestClient: y,
-  uploadAdapter: b,
+  requestClient: _,
+  uploadAdapter: m,
   deleteUploadAdapter: l,
   messages: p,
-  optionResponseParser: m,
-  customFieldRenderers: h
+  optionResponseParser: y,
+  customFieldRenderers: u
 }) {
-  const S = I(/* @__PURE__ */ new Map()), v = I(/* @__PURE__ */ new Map()), g = x(() => {
-    const u = t ?? {
-      request: y ?? (() => {
+  const v = U(/* @__PURE__ */ new Map()), b = U(/* @__PURE__ */ new Map()), w = E(() => {
+    const h = t ?? {
+      request: _ ?? (() => {
         throw new Error("DynamicFormProvider requires client or requestClient");
       })
-    }, A = h ? Object.entries(h).map(([F, R]) => ({
+    }, S = u ? Object.entries(u).map(([F, R]) => ({
       match: F,
       render: R
-    })) : [], w = {
-      ...Ee,
-      ...i?.messages,
+    })) : [], A = {
+      ...Ve,
+      ...r?.messages,
       ...p
-    }, _ = {
-      ...ee,
+    }, g = {
+      ...ne,
       ...n,
-      upload: n?.upload ?? b ?? ee.upload,
-      remove: n?.remove ?? (l ? (F) => l(F.path) : ee.remove)
+      upload: n?.upload ?? m ?? ne.upload,
+      remove: n?.remove ?? (l ? (F) => l(F.path) : ne.remove)
     };
     return {
-      client: u,
-      upload: _,
-      i18n: { messages: w },
+      client: h,
+      upload: g,
+      i18n: { messages: A },
       parsers: {
-        optionResponse: a?.optionResponse ?? m ?? Z.optionResponse,
-        submitResponse: a?.submitResponse ?? Z.submitResponse,
-        viewResponse: a?.viewResponse ?? Z.viewResponse
+        optionResponse: i?.optionResponse ?? y ?? te.optionResponse,
+        submitResponse: i?.submitResponse ?? te.submitResponse,
+        viewResponse: i?.viewResponse ?? te.viewResponse
       },
       renderers: {
-        ...r,
-        fields: [...r.fields ?? [], ...A]
+        ...a,
+        fields: [...a.fields ?? [], ...S]
       },
       transformers: s,
       cache: {
@@ -1267,33 +1392,33 @@ function en({
         ttlMs: o?.ttlMs ?? 6e4
       },
       submitDebounceMs: d,
-      redirectHandler: c ?? Wt,
-      optionCache: S.current,
-      viewCache: v.current
+      redirectHandler: c ?? zt,
+      optionCache: v.current,
+      viewCache: b.current
     };
   }, [
     t,
-    y,
+    _,
     n,
-    b,
+    m,
     l,
-    i?.messages,
+    r?.messages,
     p,
-    a?.optionResponse,
-    a?.submitResponse,
-    a?.viewResponse,
-    m,
-    r,
-    h,
+    i?.optionResponse,
+    i?.submitResponse,
+    i?.viewResponse,
+    y,
+    a,
+    u,
     s,
     o?.enabled,
     o?.ttlMs,
     d,
     c
   ]);
-  return /* @__PURE__ */ f(te.Provider, { value: g, children: e });
+  return /* @__PURE__ */ f(oe.Provider, { value: w, children: e });
 }
-function tn(e) {
+function an(e) {
   return {
     request: async (t) => ({ data: (await e({
       method: t.method,
@@ -1307,55 +1432,55 @@ function tn(e) {
   };
 }
 export {
-  Xt as ApiDetailItem,
-  Qt as ApiItem,
-  J as ApiViewItem,
-  ht as DefaultLayout,
-  vt as DynamicForm,
-  en as DynamicFormProvider,
-  pt as FormItem,
-  Jt as MetaItemValue,
-  gt as buildApiViewRequests,
-  ie as buildCacheKey,
-  Ae as cachedRequest,
-  tn as createAxiosDynamicFormClient,
-  ne as debounce,
-  Zt as defaultI18n,
-  Ee as defaultMessages,
-  qt as defaultOptionResponseParser,
-  Z as defaultParsers,
-  Wt as defaultRedirectHandler,
-  Ut as defaultSubmitResponseParser,
-  It as defaultViewResponseParser,
-  lt as extractDependencyFields,
-  De as extractViewData,
-  wt as fetchApiViewItems,
-  ct as fillTemplate,
-  W as getByPath,
-  at as getCached,
-  Re as getMappedLabel,
-  ke as getMappedLink,
-  O as isEmptyValue,
-  Ye as mapOptionToSelectItem,
-  Je as mapOptions,
-  Fe as normalizeApiViewConfig,
-  Nt as normalizeMetaForForm,
-  st as parseFormValues,
-  j as replaceTemplateInObject,
-  St as resolveApiOptionMeta,
-  ze as resolveFieldRenderer,
-  Ne as resolveFieldRendererFromMap,
-  xt as resolveFieldViewValue,
-  be as resolveViewValueConfig,
-  rt as setCache,
-  Ce as useCachedViewRequest,
-  dt as useDependencyValues,
-  it as useDynamicField,
-  q as useDynamicFormContext,
-  zt as useDynamicFormContextOptional,
-  ut as useDynamicOptions,
-  yt as useFieldGroups,
-  bt as useFieldStates,
-  _t as useProcessedValues,
-  Yt as useViewMode
+  Te as ApiDetailItem,
+  Me as ApiItem,
+  je as ApiViewItem,
+  vt as DefaultLayout,
+  St as DynamicForm,
+  rn as DynamicFormProvider,
+  bt as FormItem,
+  tn as MetaItemValue,
+  Ft as buildApiViewRequests,
+  le as buildCacheKey,
+  re as cachedRequest,
+  an as createAxiosDynamicFormClient,
+  se as debounce,
+  nn as defaultI18n,
+  Ve as defaultMessages,
+  Gt as defaultOptionResponseParser,
+  te as defaultParsers,
+  zt as defaultRedirectHandler,
+  Kt as defaultSubmitResponseParser,
+  $t as defaultViewResponseParser,
+  mt as extractDependencyFields,
+  Pe as extractViewData,
+  kt as fetchApiViewItems,
+  J as fillTemplate,
+  B as getByPath,
+  ct as getCached,
+  xe as getMappedLabel,
+  Le as getMappedLink,
+  I as isEmptyValue,
+  et as mapOptionToSelectItem,
+  tt as mapOptions,
+  De as normalizeApiViewConfig,
+  Zt as normalizeMetaForForm,
+  ft as parseFormValues,
+  O as replaceTemplateInObject,
+  Et as resolveApiOptionMeta,
+  Xe as resolveFieldRenderer,
+  Ze as resolveFieldRendererFromMap,
+  jt as resolveFieldViewValue,
+  Ae as resolveViewValueConfig,
+  dt as setCache,
+  Z as useCachedViewRequest,
+  pt as useDependencyValues,
+  lt as useDynamicField,
+  M as useDynamicFormContext,
+  Xt as useDynamicFormContextOptional,
+  ht as useDynamicOptions,
+  wt as useFieldGroups,
+  gt as useFieldStates,
+  At as useProcessedValues,
+  en as useViewMode
 };