@trungkhai/dynamic-form 0.1.3 → 0.1.4

package/dist/index.es.js

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