@kingteza/crud-component 1.29.0 → 1.30.0

package/dist/crud/modal/index.es.js

@@ -1,149 +1,171 @@
-import { jsx as S, jsxs as J } from "react/jsx-runtime";
-import { Form as K, Modal as Q, Spin as X } from "antd";
-import { forwardRef as Y, useState as u, useCallback as m, useImperativeHandle as Z, useEffect as z } from "react";
-import { CrudForm as ee } from "../CrudForm.es.js";
-import te from "../CrudFormWizard.es.js";
-import { useTranslationLib as oe } from "../../locale/index.es.js";
-import R from "../../util/CrudUtil.es.js";
-import ne from "dayjs";
-const se = ({
-  fields: c,
-  wizard: l,
-  grid: T,
-  fullWidthModal: W,
-  isCreating: x,
-  isUpdating: C,
-  onCreate: v,
-  onUpdate: b,
-  idField: B = "id",
-  formBuilder: _,
-  onValuesChange: V
-}, A) => {
-  const [t] = K.useForm(), { t: h } = oe(), [k, F] = u(!1), [p, j] = u("new"), [f, y] = u(), [L, g] = u(), [E, P] = u(!1), [$, N] = u(!1), [q, U] = u(!1), O = m(
-    async (i) => {
-      var o;
-      const d = l ? i : await t.validateFields(), a = c.filter((s) => s.type === "color"), n = {};
-      for (const s of a) {
-        const e = R.getRealName(s.name, "upsertFieldName"), r = t.getFieldValue(e);
-        n[e] = typeof r == "string" ? r : (o = r == null ? void 0 : r.toHexString()) == null ? void 0 : o.toUpperCase();
+import { jsx as x, jsxs as Z } from "react/jsx-runtime";
+import { Form as z, Modal as ee, Spin as te } from "antd";
+import { forwardRef as oe, useState as c, useCallback as m, useMemo as ae, useImperativeHandle as ne, useEffect as le } from "react";
+import { CrudForm as se } from "../CrudForm.es.js";
+import ie from "../CrudFormWizard.es.js";
+import { useTranslationLib as re } from "../../locale/index.es.js";
+import v from "../../util/CrudUtil.es.js";
+import ce from "dayjs";
+import { setValueByPath as d, getValueByPath as ue } from "../../util/ObjectUtil.es.js";
+const de = ({
+  fields: n,
+  wizard: s,
+  grid: A,
+  fullWidthModal: L,
+  isCreating: C,
+  isUpdating: j,
+  onCreate: B,
+  onUpdate: V,
+  idField: h = "id",
+  formBuilder: E,
+  onValuesChange: R
+}, $) => {
+  const [a] = z.useForm(), { t: N } = re(), [k, y] = c(!1), [p, w] = c("new"), [f, g] = c(), [q, b] = c(), [G, O] = c(!1), [J, M] = c(!1), [K, W] = c(!1), D = m(
+    async (o) => {
+      var F;
+      const u = s ? o : await a.validateFields(), i = n.filter((t) => t.type === "color"), l = {};
+      for (const t of i) {
+        const r = v.getRealName(t.name, "upsertFieldName"), e = a.getFieldValue(r);
+        d(
+          l,
+          r,
+          typeof e == "string" ? e : (F = e == null ? void 0 : e.toHexString()) == null ? void 0 : F.toUpperCase()
+        );
       }
-      Object.assign(d, n), f && b ? (await b({
-        ...d,
-        [B]: f[B]
-      }), y(void 0)) : !f && v && await v(d), g(void 0), t.resetFields(), F(!1);
+      Object.assign(u, l), f && V ? (await V({
+        ...u,
+        [h]: f[h]
+      }), g(void 0)) : !f && B && await B(u), b(void 0), S(/* @__PURE__ */ new Map()), a.resetFields(), y(!1);
     },
-    [c, t, B, v, b, f, l]
-  ), D = m(async (i) => {
-    P(i), N(!0);
-  }, []), H = m(async () => {
-    N(!0);
-  }, []), I = m(() => {
-    F(!0), j("new"), t.resetFields(), y(void 0), g(void 0);
-  }, [t]), M = m(
-    async (i, d = !0, a = !1) => {
+    [n, a, h, B, V, f, s]
+  ), H = m(async (o) => {
+    O(o), M(!0);
+  }, []), I = m(async () => {
+    M(!0);
+  }, []), T = m(() => {
+    y(!0), w("new"), a.resetFields(), g(void 0), b(void 0);
+  }, [a]), [P, S] = c(/* @__PURE__ */ new Map()), Q = ae(() => P.size === 0 ? n : n.map((o) => typeof o.updatable == "function" ? {
+    ...o,
+    updatable: P.get(v.getRealName(o.name, "name")) ?? o.updatable
+  } : o), [n, P]), _ = m(
+    async (o, u = !0, i = !1) => {
       try {
-        U(!0), F(!0), j(a ? "clone" : "update");
-        const n = {};
-        for (const o of c) {
-          const s = R.getRealName(
-            o.name,
+        W(!0), y(!0), w(i ? "clone" : "update");
+        const l = {};
+        for (const t of n) {
+          const r = v.getRealName(
+            t.name,
             "upsertFieldName"
-          ), e = i[s];
-          if (a && o.type === "image") {
-            const r = e;
+          ), e = ue(o, r);
+          if (i && t.type === "image") {
+            const U = e;
             try {
-              const G = await o.provider.clone(r);
-              n[s] = G;
+              const Y = await t.provider.clone(U);
+              d(l, r, Y);
               continue;
             } catch {
               continue;
             }
           }
-          o.type === "date" || o.type === "time" ? e && (n[s] = ne(e)) : o.type === "select" ? o.multiple && Array.isArray(e) ? n[s] = e.map(
-            (r) => r[o.innerFieldId ?? "id"]
-          ) : e && typeof e == "object" ? n[s] = e[o.innerFieldId ?? "id"] : (e && typeof e == "string" || typeof e == "number") && (n[s] = e) : n[s] = e;
+          t.type === "date" || t.type === "time" ? e && d(l, r, ce(e)) : t.type === "select" ? t.multiple && Array.isArray(e) ? d(
+            l,
+            r,
+            e.map((U) => U[t.innerFieldId ?? "id"])
+          ) : e && typeof e == "object" ? d(
+            l,
+            r,
+            e[t.innerFieldId ?? "id"]
+          ) : (e && typeof e == "string" || typeof e == "number") && d(l, r, e) : d(l, r, e);
         }
-        t.setFieldsValue(n), g(n), d && y(i);
+        a.setFieldsValue(l);
+        const F = /* @__PURE__ */ new Map();
+        for (const t of n)
+          typeof t.updatable == "function" && F.set(
+            v.getRealName(t.name, "name"),
+            t.updatable(o)
+          );
+        S(F), b(l), u && g(o);
       } finally {
-        U(!1);
+        W(!1);
       }
     },
-    [c, t]
+    [n, a]
   );
-  Z(
-    A,
+  ne(
+    $,
     () => ({
-      create: I,
-      update: M
+      create: T,
+      update: _
     }),
-    [I, M]
-  ), z(() => {
-    k && (P(!1), N(!1));
+    [T, _]
+  ), le(() => {
+    k && (O(!1), M(!1));
   }, [k]);
-  const w = m(async () => {
+  const X = m(async () => {
+    S(/* @__PURE__ */ new Map());
     try {
       if (p === "clone") {
-        const i = l ? f : t.getFieldsValue(), d = c.filter((a) => a.type === "image");
-        for (const a of d)
-          i[a.name] && a.provider.delete(i[a.name]);
+        const o = s ? f : a.getFieldsValue(), u = n.filter((i) => i.type === "image");
+        for (const i of u)
+          o[i.name] && i.provider.delete(o[i.name]);
       }
     } finally {
     }
-    l || t.resetFields(), g(void 0), y(void 0), F(!1);
-  }, [p, l, t, f, c]);
-  return /* @__PURE__ */ S(
-    Q,
+    s || a.resetFields(), b(void 0), g(void 0), y(!1);
+  }, [p, s, a, f, n]);
+  return /* @__PURE__ */ x(
+    ee,
     {
-      width: W ? "100%" : void 0,
-      title: h("str." + (p ?? "new")),
+      width: L ? "100%" : void 0,
+      title: N("str." + (p ?? "new")),
       open: k,
-      confirmLoading: x || C,
-      okText: h("str." + (p === "update" ? "update" : "save")),
-      cancelText: h("str.cancel"),
+      confirmLoading: C || j,
+      okText: N("str." + (p === "update" ? "update" : "save")),
+      cancelText: N("str.cancel"),
       cancelButtonProps: {
-        disabled: $,
-        hidden: !!l
+        disabled: J,
+        hidden: !!s
       },
       okButtonProps: {
-        disabled: E,
-        hidden: !!l
+        disabled: G,
+        hidden: !!s
       },
-      onCancel: w,
-      onOk: () => O(),
+      onCancel: X,
+      onOk: () => D(),
       destroyOnHidden: !0,
-      children: /* @__PURE__ */ J(X, { spinning: q, children: [
-        l ? null : /* @__PURE__ */ S(
-          ee,
+      children: /* @__PURE__ */ Z(te, { spinning: K, children: [
+        s ? null : /* @__PURE__ */ x(
+          se,
           {
             purpose: p,
-            fields: c,
-            form: t,
-            formBuilder: _,
-            grid: T,
-            onDeleteFile: H,
-            onUploadFile: D,
-            onValuesChange: V
+            fields: Q,
+            form: a,
+            formBuilder: E,
+            grid: A,
+            onDeleteFile: I,
+            onUploadFile: H,
+            onValuesChange: R
           }
         ),
-        l && /* @__PURE__ */ S(
-          te,
+        s && /* @__PURE__ */ x(
+          ie,
           {
-            submitting: x || C,
+            submitting: C || j,
             className: "mt-2",
-            onSave: O,
-            updatingValue: L,
-            fields: c,
-            onDeleteFile: H,
-            onUploadFile: D,
+            onSave: D,
+            updatingValue: q,
+            fields: n,
+            onDeleteFile: I,
+            onUploadFile: H,
             purpose: p,
-            wizard: l,
-            onValuesChange: V
+            wizard: s,
+            onValuesChange: R
           }
         )
       ] })
     }
   );
-}, fe = Y(se);
+}, Ve = oe(de);
 export {
-  fe as default
+  Ve as default
 };

package/dist/crud/view/CrudDecListView.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("../../common/description/DescList.cjs.js"),j=require("react"),v=require("../../locale/index.cjs.js"),V=require("./CrudViewerUtil.cjs.js"),f=require("../../util/CrudUtil.cjs.js"),p=require("../actions/index.cjs.js");function w({className:m,fields:i,data:e,descListColumn:b={xs:1,md:3,sm:2,lg:4},layout:g,keepEmptyValues:q,inBuiltModalProps:u,...s}){const{t:o}=v.useTranslationLib(),x=j.useMemo(()=>{const l=i.filter(({hidden:r,hideInDescList:n})=>!r&&!n).map((r,n)=>{const C=f.getRealName(r.name);return{label:r.label,noFormatting:!0,value:V.getRendererValueCrudViewer(r)(e==null?void 0:e[C],e,n)}}),c=e?t.jsx(p,{data:e,...s,inBuiltModalProps:u?{...u,fields:i}:void 0}):void 0;return c&&l.push({label:o("str.action"),value:c}),l},[e,i,o,s]);return e?t.jsx(d,{keepEmptyValues:q,bordered:!0,column:b,className:m,layout:g,list:x}):t.jsx(t.Fragment,{})}exports.CrudDecListView=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),x=require("../../common/description/DescList.cjs.js"),j=require("react"),C=require("../../locale/index.cjs.js"),V=require("./CrudViewerUtil.cjs.js"),v=require("../../util/CrudUtil.cjs.js"),f=require("../actions/index.cjs.js"),p=require("../../util/ObjectUtil.cjs.js");function w({className:m,fields:i,data:e,descListColumn:a={xs:1,md:3,sm:2,lg:4},layout:d,keepEmptyValues:b,inBuiltModalProps:u,...s}){const{t:o}=C.useTranslationLib(),g=j.useMemo(()=>{const l=i.filter(({hidden:t,hideInDescList:n})=>!t&&!n).map((t,n)=>{const q=v.getRealName(t.name);return{label:t.label,noFormatting:!0,value:V.getRendererValueCrudViewer(t)(p.getValueByPath(e,q),e,n)}}),c=e?r.jsx(f,{data:e,...s,inBuiltModalProps:u?{...u,fields:i}:void 0}):void 0;return c&&l.push({label:o("str.action"),value:c}),l},[e,i,o,s]);return e?r.jsx(x,{keepEmptyValues:b,bordered:!0,column:a,className:m,layout:d,list:g}):r.jsx(r.Fragment,{})}exports.CrudDecListView=w;

package/dist/crud/view/CrudDecListView.d.ts

@@ -1,10 +1,10 @@
 import { Breakpoint } from 'antd';
-import { CrudFieldProps } from '../CrudComponent';
+import { ReadonlyCrudFields } from '../CrudComponent';
 import { CrudActionsProps } from '../actions';
 import { CrudModalProps } from '../modal';
 export type DescListColumn = number | Partial<Record<Breakpoint, number>> | undefined;
 export interface CrudDecListViewProps<T, FormType = T> extends Omit<CrudActionsProps<T, FormType>, "inBuiltModalProps"> {
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     data: T | undefined;
     className?: string;
     descListColumn?: DescListColumn;

package/dist/crud/view/CrudDecListView.es.js

@@ -1,57 +1,58 @@
-import { jsx as i, Fragment as v } from "react/jsx-runtime";
-import x from "../../common/description/DescList.es.js";
-import { useMemo as F } from "react";
-import { useTranslationLib as L } from "../../locale/index.es.js";
-import { getRendererValueCrudViewer as V } from "./CrudViewerUtil.es.js";
-import w from "../../util/CrudUtil.es.js";
-import D from "../actions/index.es.js";
-function _({
+import { jsx as m, Fragment as C } from "react/jsx-runtime";
+import d from "../../common/description/DescList.es.js";
+import { useMemo as v } from "react";
+import { useTranslationLib as V } from "../../locale/index.es.js";
+import { getRendererValueCrudViewer as x } from "./CrudViewerUtil.es.js";
+import F from "../../util/CrudUtil.es.js";
+import L from "../actions/index.es.js";
+import { getValueByPath as h } from "../../util/ObjectUtil.es.js";
+function T({
   className: p,
-  fields: o,
+  fields: t,
   data: r,
-  descListColumn: c = { xs: 1, md: 3, sm: 2, lg: 4 },
-  layout: f,
-  keepEmptyValues: b,
-  inBuiltModalProps: m,
+  descListColumn: f = { xs: 1, md: 3, sm: 2, lg: 4 },
+  layout: c,
+  keepEmptyValues: a,
+  inBuiltModalProps: i,
   ...n
 }) {
-  const { t: u } = L(), g = F(() => {
-    const l = o.filter(({ hidden: e, hideInDescList: t }) => !e && !t).map((e, t) => {
-      const C = w.getRealName(e.name);
+  const { t: u } = V(), g = v(() => {
+    const l = t.filter(({ hidden: e, hideInDescList: o }) => !e && !o).map((e, o) => {
+      const b = F.getRealName(e.name);
       return {
         label: e.label,
         noFormatting: !0,
-        value: V(e)(
-          r == null ? void 0 : r[C],
+        value: x(e)(
+          h(r, b),
           r,
-          t
+          o
         )
       };
-    }), s = r ? /* @__PURE__ */ i(
-      D,
+    }), s = r ? /* @__PURE__ */ m(
+      L,
       {
         data: r,
         ...n,
-        inBuiltModalProps: m ? { ...m, fields: o } : void 0
+        inBuiltModalProps: i ? { ...i, fields: t } : void 0
       }
     ) : void 0;
     return s && l.push({
       label: u("str.action"),
       value: s
     }), l;
-  }, [r, o, u, n]);
-  return r ? /* @__PURE__ */ i(
-    x,
+  }, [r, t, u, n]);
+  return r ? /* @__PURE__ */ m(
+    d,
     {
-      keepEmptyValues: b,
+      keepEmptyValues: a,
       bordered: !0,
-      column: c,
+      column: f,
       className: p,
-      layout: f,
+      layout: c,
       list: g
     }
-  ) : /* @__PURE__ */ i(v, {});
+  ) : /* @__PURE__ */ m(C, {});
 }
 export {
-  _ as CrudDecListView
+  T as CrudDecListView
 };

package/dist/crud/view/CrudViewer.d.ts

@@ -4,7 +4,7 @@ import { DragEndEvent } from '@dnd-kit/core';
 import { TableProps } from 'antd/lib';
 import { CrudActionsProps } from '../actions';
 import { default as React } from 'react';
-import { CrudFieldProps, CrudPaginateProps } from '../CrudComponent';
+import { CrudPaginateProps, ReadonlyCrudFields } from '../CrudComponent';
 import { CrudSearchComponentProps } from '../CrudSearchComponent';
 import { DescListColumn } from './CrudDecListView';
 type TableRowSelection<T> = TableProps<T>["rowSelection"];
@@ -21,7 +21,7 @@ export type CrudViewableProps<T> = boolean | keyof T | {
 };
 export type CrudViewerProps<T, FormType> = {
     summary?: TableProps<T>["summary"];
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     decListLayout?: "horizontal" | "vertical";
     viewable?: CrudViewableProps<T>;
     paginateProps?: CrudPaginateProps;

package/dist/crud/view/CrudViewerUtil.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("@ant-design/icons"),b=require("antd"),B=require("../FileCrudField.cjs.js"),W=require("../ImageCrudField.cjs.js"),C=require("../../util/DateUtil.cjs.js"),v=require("../../util/NumberUtil.cjs.js"),T=require("../../locale/index.cjs.js"),F=require("../../util/CrudUtil.cjs.js"),h=require("../../common/error/ErrorBoundaryComponent.cjs.js"),i=require("../../util/CopyUtilComponent.cjs.js");function q({type:d,render:e,...p}){try{return d==="object"?(o,n,a)=>t.jsx(i.CopyToClipboardButtonWrapper,{copyable:p.copyable,value:o,children:typeof e=="function"?e(o,n,a):""}):d==="select"?(o,n,a)=>{if(!o)return"-";const r=p,c=o||(r.items??[]).find(s=>s[r.innerFieldId??"key"]===n[F.getRealName(p.name,"upsertFieldName")]),u=r.multiple?Array.isArray(c)?c.map(s=>s==null?void 0:s[r.innerFieldLabel??"name"]):void 0:c==null?void 0:c[r.innerFieldLabel??"value"];return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,u),children:typeof e=="function"?e(u,n,a):Array.isArray(u)?u.join(", "):u})}:d==="number"?(o,n,a)=>{const r=p;return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,o),children:typeof e=="function"?e(o,n,a):r.int?v.default.toInt(o,r.formatted):v.default.toMoney(o)})}:d==="enum"?(o,n,a)=>{var s;if(!o)return"-";const r=p;if(typeof e=="function")return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:e(o,n,a)});if(r.multiple){const f=(Array.isArray(o)?o:o?[o]:[]).map(l=>{var j,m;const y=(j=r.tagRender)==null?void 0:j[l],x=T.tWithOrWithoutNS(((m=r==null?void 0:r.translation)==null?void 0:m[l??""])??l,void 0,l);return{tagProps:y,translatedValue:x,item:l}});if(typeof r.tagRender=="object")return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:()=>f.map(({translatedValue:l,item:y})=>l??y).join(", "),children:t.jsx(h.ErrorBoundaryComponent,{children:t.jsx(b.Space,{wrap:!0,children:f.map(({tagProps:l,translatedValue:y,item:x},j)=>l?t.jsx(b.Tag,{color:l.color,children:y},j+x):y)})})});if(r!=null&&r.translation)return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:()=>f.map(({translatedValue:l,item:y})=>l??y).join(", "),children:t.jsx(h.ErrorBoundaryComponent,{children:f==null?void 0:f.map(({translatedValue:l,item:y})=>l??y).join(", ")})});{const l=f.map(({translatedValue:y,item:x})=>y??x).join(", ");return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,l),children:l})}}const c=((s=r==null?void 0:r.translation)==null?void 0:s[o??""])??o,u=T.tWithOrWithoutNS(c,void 0,o);if(typeof r.tagRender=="object"){const f=r.tagRender[o];if(f)return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:u,children:t.jsx(b.Tag,{color:f.color,children:u})})}return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,u),children:u})}:d==="date"?(o,n,a)=>{if(!o)return"-";const r=p,c=r.formatTime?C.formatDateTime(o):C.formatDate(o);return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:c,children:t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):c})})}:d==="checkbox"?(o,n,a)=>typeof e=="function"?e(o,n,a):o?t.jsx(g.CheckOutlined,{}):t.jsx(g.CloseOutlined,{}):d==="image"?(o,n,a)=>o?t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):t.jsx(W.ImageCrudCellValue,{value:o,provider:p.provider})}):"-":d==="file"?(o,n,a)=>o?t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):t.jsx(B.FileCrudCellValue,{value:o,provider:p.provider})}):"":d==="time"?(o,n,a)=>{if(!o)return"-";const r=p,c=r.format,u=r.use12Hours,s=C.formatTime(o,c||(u?"hh:mm:ss A":void 0));return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:s,children:t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):s})})}:d==="color"?(o,n,a)=>{const r=p;return o?t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):typeof o=="string"&&o.startsWith("#")?t.jsx(b.Tooltip,{title:o,children:t.jsx(b.Avatar,{style:{backgroundColor:o}})}):String(o)})}):"-"}:d==="textarea"?(o,n,a)=>{if(!o)return"-";const r=p,c=r.truncated??1,u=typeof o=="string"&&o.split(" ").length<10;return typeof e=="function"?t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:e(o,n,a)}):c?t.jsx(h.ErrorBoundaryComponent,{children:t.jsx(b.Typography.Paragraph,{ellipsis:!u&&{rows:c===!0?1:c,expandable:"collapsible"},copyable:i.copyableFn(r.copyable,o),children:r.rich?t.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:o}}):o})}):r.rich?t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:t.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:o}})}):t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:o})}:typeof e=="function"?e:(o,n,a)=>{const r=p;return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,o),children:o})}}catch(o){return console.warn("An error occurred while rendering the value for field: "+String(p.name),o),"-"}}exports.getRendererValueCrudViewer=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("@ant-design/icons"),b=require("antd"),B=require("../FileCrudField.cjs.js"),W=require("../ImageCrudField.cjs.js"),C=require("../../util/DateUtil.cjs.js"),v=require("../../util/NumberUtil.cjs.js"),T=require("../../locale/index.cjs.js"),F=require("../../util/CrudUtil.cjs.js"),h=require("../../common/error/ErrorBoundaryComponent.cjs.js"),i=require("../../util/CopyUtilComponent.cjs.js"),q=require("../../util/ObjectUtil.cjs.js");function S({type:d,render:e,...p}){try{return d==="object"?(o,n,a)=>t.jsx(i.CopyToClipboardButtonWrapper,{copyable:p.copyable,value:o,children:typeof e=="function"?e(o,n,a):""}):d==="select"?(o,n,a)=>{if(!o)return"-";const r=p,c=o||(r.items??[]).find(s=>s[r.innerFieldId??"key"]===q.getValueByPath(n,F.getRealName(p.name,"upsertFieldName"))),u=r.multiple?Array.isArray(c)?c.map(s=>s==null?void 0:s[r.innerFieldLabel??"name"]):void 0:c==null?void 0:c[r.innerFieldLabel??"value"];return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,u),children:typeof e=="function"?e(u,n,a):Array.isArray(u)?u.join(", "):u})}:d==="number"?(o,n,a)=>{const r=p;return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,o),children:typeof e=="function"?e(o,n,a):r.int?v.default.toInt(o,r.formatted):v.default.toMoney(o)})}:d==="enum"?(o,n,a)=>{var s;if(!o)return"-";const r=p;if(typeof e=="function")return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:e(o,n,a)});if(r.multiple){const f=(Array.isArray(o)?o:o?[o]:[]).map(l=>{var j,m;const y=(j=r.tagRender)==null?void 0:j[l],x=T.tWithOrWithoutNS(((m=r==null?void 0:r.translation)==null?void 0:m[l??""])??l,void 0,l);return{tagProps:y,translatedValue:x,item:l}});if(typeof r.tagRender=="object")return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:()=>f.map(({translatedValue:l,item:y})=>l??y).join(", "),children:t.jsx(h.ErrorBoundaryComponent,{children:t.jsx(b.Space,{wrap:!0,children:f.map(({tagProps:l,translatedValue:y,item:x},j)=>l?t.jsx(b.Tag,{color:l.color,children:y},j+x):y)})})});if(r!=null&&r.translation)return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:()=>f.map(({translatedValue:l,item:y})=>l??y).join(", "),children:t.jsx(h.ErrorBoundaryComponent,{children:f==null?void 0:f.map(({translatedValue:l,item:y})=>l??y).join(", ")})});{const l=f.map(({translatedValue:y,item:x})=>y??x).join(", ");return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,l),children:l})}}const c=((s=r==null?void 0:r.translation)==null?void 0:s[o??""])??o,u=T.tWithOrWithoutNS(c,void 0,o);if(typeof r.tagRender=="object"){const f=r.tagRender[o];if(f)return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:u,children:t.jsx(b.Tag,{color:f.color,children:u})})}return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,u),children:u})}:d==="date"?(o,n,a)=>{if(!o)return"-";const r=p,c=r.formatTime?C.formatDateTime(o):C.formatDate(o);return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:c,children:t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):c})})}:d==="checkbox"?(o,n,a)=>typeof e=="function"?e(o,n,a):o?t.jsx(g.CheckOutlined,{}):t.jsx(g.CloseOutlined,{}):d==="image"?(o,n,a)=>o?t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):t.jsx(W.ImageCrudCellValue,{value:o,provider:p.provider})}):"-":d==="file"?(o,n,a)=>o?t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):t.jsx(B.FileCrudCellValue,{value:o,provider:p.provider})}):"":d==="time"?(o,n,a)=>{if(!o)return"-";const r=p,c=r.format,u=r.use12Hours,s=C.formatTime(o,c||(u?"hh:mm:ss A":void 0));return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:s,children:t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):s})})}:d==="color"?(o,n,a)=>{const r=p;return o?t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):typeof o=="string"&&o.startsWith("#")?t.jsx(b.Tooltip,{title:o,children:t.jsx(b.Avatar,{style:{backgroundColor:o}})}):String(o)})}):"-"}:d==="textarea"?(o,n,a)=>{if(!o)return"-";const r=p,c=r.truncated??1,u=typeof o=="string"&&o.split(" ").length<10;return typeof e=="function"?t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:e(o,n,a)}):c?t.jsx(h.ErrorBoundaryComponent,{children:t.jsx(b.Typography.Paragraph,{ellipsis:!u&&{rows:c===!0?1:c,expandable:"collapsible"},copyable:i.copyableFn(r.copyable,o),children:r.rich?t.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:o}}):o})}):r.rich?t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:t.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:o}})}):t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:o})}:typeof e=="function"?e:(o,n,a)=>{const r=p;return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,o),children:o})}}catch(o){return console.warn("An error occurred while rendering the value for field: "+String(p.name),o),"-"}}exports.getRendererValueCrudViewer=S;

package/dist/crud/view/CrudViewerUtil.es.js

@@ -1,47 +1,48 @@
 import { jsx as r } from "react/jsx-runtime";
 import { CheckOutlined as S, CloseOutlined as F } from "@ant-design/icons";
-import { Typography as d, Space as R, Tag as C, Tooltip as w, Avatar as I } from "antd";
-import { FileCrudCellValue as P } from "../FileCrudField.es.js";
-import { ImageCrudCellValue as V } from "../ImageCrudField.es.js";
+import { Typography as h, Space as P, Tag as C, Tooltip as R, Avatar as V } from "antd";
+import { FileCrudCellValue as w } from "../FileCrudField.es.js";
+import { ImageCrudCellValue as I } from "../ImageCrudField.es.js";
 import T from "../../util/DateUtil.es.js";
 import j from "../../util/NumberUtil.es.js";
 import { tWithOrWithoutNS as A } from "../../locale/index.es.js";
 import k from "../../util/CrudUtil.es.js";
 import { ErrorBoundaryComponent as b } from "../../common/error/ErrorBoundaryComponent.es.js";
-import { CopyToClipboardButtonWrapper as m, copyableFn as h } from "../../util/CopyUtilComponent.es.js";
-function z({
+import { CopyToClipboardButtonWrapper as m, copyableFn as d } from "../../util/CopyUtilComponent.es.js";
+import { getValueByPath as D } from "../../util/ObjectUtil.es.js";
+function J({
   type: y,
-  render: n,
+  render: e,
   ...u
 }) {
   try {
-    return y === "object" ? (t, l, e) => /* @__PURE__ */ r(
+    return y === "object" ? (t, l, n) => /* @__PURE__ */ r(
       m,
       {
         copyable: u.copyable,
         value: t,
-        children: typeof n == "function" ? n(t, l, e) : ""
+        children: typeof e == "function" ? e(t, l, n) : ""
       }
-    ) : y === "select" ? (t, l, e) => {
+    ) : y === "select" ? (t, l, n) => {
       if (!t) return "-";
       const o = u, a = t || (o.items ?? []).find(
-        (f) => f[o.innerFieldId ?? "key"] === l[k.getRealName(u.name, "upsertFieldName")]
+        (f) => f[o.innerFieldId ?? "key"] === D(l, k.getRealName(u.name, "upsertFieldName"))
       ), c = o.multiple ? Array.isArray(a) ? a.map((f) => f == null ? void 0 : f[o.innerFieldLabel ?? "name"]) : void 0 : a == null ? void 0 : a[o.innerFieldLabel ?? "value"];
-      return /* @__PURE__ */ r(d.Text, { copyable: h(o.copyable, c), children: typeof n == "function" ? n(c, l, e) : Array.isArray(c) ? c.join(", ") : c });
-    } : y === "number" ? (t, l, e) => {
+      return /* @__PURE__ */ r(h.Text, { copyable: d(o.copyable, c), children: typeof e == "function" ? e(c, l, n) : Array.isArray(c) ? c.join(", ") : c });
+    } : y === "number" ? (t, l, n) => {
       const o = u;
-      return /* @__PURE__ */ r(d.Text, { copyable: h(o.copyable, t), children: typeof n == "function" ? n(t, l, e) : o.int ? j.toInt(t, o.formatted) : j.toMoney(t) });
-    } : y === "enum" ? (t, l, e) => {
+      return /* @__PURE__ */ r(h.Text, { copyable: d(o.copyable, t), children: typeof e == "function" ? e(t, l, n) : o.int ? j.toInt(t, o.formatted) : j.toMoney(t) });
+    } : y === "enum" ? (t, l, n) => {
       var f;
       if (!t) return "-";
       const o = u;
-      if (typeof n == "function")
+      if (typeof e == "function")
         return /* @__PURE__ */ r(
           m,
           {
             copyable: o.copyable,
             value: t,
-            children: n(t, l, e)
+            children: e(t, l, n)
           }
         );
       if (o.multiple) {
@@ -66,7 +67,7 @@ function z({
               value: () => s.map(
                 ({ translatedValue: i, item: p }) => i ?? p
               ).join(", "),
-              children: /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(R, { wrap: !0, children: s.map(({ tagProps: i, translatedValue: p, item: v }, g) => i ? /* @__PURE__ */ r(C, { color: i.color, children: p }, g + v) : p) }) })
+              children: /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(P, { wrap: !0, children: s.map(({ tagProps: i, translatedValue: p, item: v }, g) => i ? /* @__PURE__ */ r(C, { color: i.color, children: p }, g + v) : p) }) })
             }
           );
         if (o != null && o.translation)
@@ -85,9 +86,9 @@ function z({
         {
           const i = s.map(({ translatedValue: p, item: v }) => p ?? v).join(", ");
           return /* @__PURE__ */ r(
-            d.Text,
+            h.Text,
             {
-              copyable: h(o.copyable, i),
+              copyable: d(o.copyable, i),
               children: i
             }
           );
@@ -106,8 +107,8 @@ function z({
             }
           );
       }
-      return /* @__PURE__ */ r(d.Text, { copyable: h(o.copyable, c), children: c });
-    } : y === "date" ? (t, l, e) => {
+      return /* @__PURE__ */ r(h.Text, { copyable: d(o.copyable, c), children: c });
+    } : y === "date" ? (t, l, n) => {
       if (!t) return "-";
       const o = u, a = o.formatTime ? T.formatDateTime(t) : T.formatDate(t);
       return /* @__PURE__ */ r(
@@ -115,22 +116,22 @@ function z({
         {
           copyable: o.copyable,
           value: a,
-          children: /* @__PURE__ */ r(b, { children: typeof n == "function" ? n(t, l, e) : a })
+          children: /* @__PURE__ */ r(b, { children: typeof e == "function" ? e(t, l, n) : a })
         }
       );
-    } : y === "checkbox" ? (t, l, e) => typeof n == "function" ? n(t, l, e) : t ? /* @__PURE__ */ r(S, {}) : /* @__PURE__ */ r(F, {}) : y === "image" ? (t, l, e) => t ? /* @__PURE__ */ r(b, { children: typeof n == "function" ? n(t, l, e) : /* @__PURE__ */ r(
-      V,
+    } : y === "checkbox" ? (t, l, n) => typeof e == "function" ? e(t, l, n) : t ? /* @__PURE__ */ r(S, {}) : /* @__PURE__ */ r(F, {}) : y === "image" ? (t, l, n) => t ? /* @__PURE__ */ r(b, { children: typeof e == "function" ? e(t, l, n) : /* @__PURE__ */ r(
+      I,
       {
         value: t,
         provider: u.provider
       }
-    ) }) : "-" : y === "file" ? (t, l, e) => t ? /* @__PURE__ */ r(b, { children: typeof n == "function" ? n(t, l, e) : /* @__PURE__ */ r(
-      P,
+    ) }) : "-" : y === "file" ? (t, l, n) => t ? /* @__PURE__ */ r(b, { children: typeof e == "function" ? e(t, l, n) : /* @__PURE__ */ r(
+      w,
       {
         value: t,
         provider: u.provider
       }
-    ) }) : "" : y === "time" ? (t, l, e) => {
+    ) }) : "" : y === "time" ? (t, l, n) => {
       if (!t) return "-";
       const o = u, a = o.format, c = o.use12Hours, f = T.formatTime(
         t,
@@ -141,30 +142,30 @@ function z({
         {
           copyable: o.copyable,
           value: f,
-          children: /* @__PURE__ */ r(b, { children: typeof n == "function" ? n(t, l, e) : f })
+          children: /* @__PURE__ */ r(b, { children: typeof e == "function" ? e(t, l, n) : f })
         }
       );
-    } : y === "color" ? (t, l, e) => {
+    } : y === "color" ? (t, l, n) => {
       const o = u;
-      return t ? /* @__PURE__ */ r(m, { copyable: o.copyable, value: t, children: /* @__PURE__ */ r(b, { children: typeof n == "function" ? n(t, l, e) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ r(w, { title: t, children: /* @__PURE__ */ r(I, { style: { backgroundColor: t } }) }) : String(t) }) }) : "-";
-    } : y === "textarea" ? (t, l, e) => {
+      return t ? /* @__PURE__ */ r(m, { copyable: o.copyable, value: t, children: /* @__PURE__ */ r(b, { children: typeof e == "function" ? e(t, l, n) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ r(R, { title: t, children: /* @__PURE__ */ r(V, { style: { backgroundColor: t } }) }) : String(t) }) }) : "-";
+    } : y === "textarea" ? (t, l, n) => {
       if (!t) return "-";
       const o = u, a = o.truncated ?? 1, c = typeof t == "string" && t.split(" ").length < 10;
-      return typeof n == "function" ? /* @__PURE__ */ r(
+      return typeof e == "function" ? /* @__PURE__ */ r(
         m,
         {
           copyable: o.copyable,
           value: t,
-          children: n(t, l, e)
+          children: e(t, l, n)
         }
       ) : a ? /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
-        d.Paragraph,
+        h.Paragraph,
         {
           ellipsis: !c && {
             rows: a === !0 ? 1 : a,
             expandable: "collapsible"
           },
-          copyable: h(o.copyable, t),
+          copyable: d(o.copyable, t),
           children: o.rich ? /* @__PURE__ */ r(
             "div",
             {
@@ -194,9 +195,9 @@ function z({
           children: t
         }
       );
-    } : typeof n == "function" ? n : (t, l, e) => {
+    } : typeof e == "function" ? e : (t, l, n) => {
       const o = u;
-      return /* @__PURE__ */ r(d.Text, { copyable: h(o.copyable, t), children: t });
+      return /* @__PURE__ */ r(h.Text, { copyable: d(o.copyable, t), children: t });
     };
   } catch (t) {
     return console.warn(
@@ -206,5 +207,5 @@ function z({
   }
 }
 export {
-  z as getRendererValueCrudViewer
+  J as getRendererValueCrudViewer
 };

package/dist/util/CrudUtil.d.ts

@@ -1,4 +1,4 @@
-import { InitialCrudField, SelectCrudField } from 'src/crud';
+import { InitialCrudField, SelectCrudField } from '../crud/CrudComponent';
 declare class CrudUtil {
     static getRealName<T>(name: InitialCrudField<T>["name"] | SelectCrudField<T>["name"], extract?: "name" | "upsertFieldName"): (string | number)[] | keyof T;
 }

package/dist/util/ObjectUtil.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function y(e,r){return typeof e!="object"||e===null?e:Array.isArray(r)?r.reduce((t,u)=>t[u],e):e[r]}function i(e,r,t){return typeof e!="object"||e===null?e:Array.isArray(r)?r.reduce((u,n)=>u[n],e):(e[r]=t,e)}exports.getValueByPath=y;exports.setValueByPath=i;

package/dist/util/ObjectUtil.d.ts

@@ -0,0 +1,2 @@
+export declare function getValueByPath<T = any>(obj: T, path: (string | number)[] | keyof T): T[keyof T] | any;
+export declare function setValueByPath<T = any>(obj: T, path: (string | number)[] | keyof T, value: any): T;