@kingteza/crud-component 1.29.0 → 1.30.0

package/dist/common/rich/index.d.ts

@@ -1,10 +1,11 @@
 import { Rule } from 'antd/es/form';
+import { NamePath } from 'antd/es/form/interface';
 import { FormItemProps } from 'antd/lib';
 import { FC, ReactNode } from 'react';
 export interface RichTextEditorProps {
     help?: ReactNode;
     label?: string;
-    name: string;
+    name: NamePath;
     required?: boolean;
     rules?: Rule[];
     disabled?: boolean;

package/dist/common/text-field/NumberField.cjs.js

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),m=require("antd"),x=require("react"),P=require("../../locale/index.cjs.js"),b=require("../tooltip/TooltipComponent.cjs.js"),k=require("./TextField.cjs.js"),v=x.forwardRef(function({type:z,required:o,label:e,rules:c=[],placeholder:r,onEnter:a,form:f,nextFocus:q,min:d,moneyField:n,addonAfter:j,minLength:T,defaultValue:$,pattern:g,disabled:I,readOnly:N,onChange:R,value:w,max:B,addonBefore:E,size:F,isInt:u=!1,tooltip:h,help:A,...C},L){const{t:p}=P.useTranslationLib(),M=x.useMemo(()=>[...c,{required:o,message:`${e||r||""} ${p("err.validation.required")}`}],[c,e,r,p,o]);return i.jsx(b,{title:h,children:i.jsx(m.Form.Item,{...C,label:e,rules:M,children:i.jsx(m.InputNumber,{ref:L,disabled:I,defaultValue:$,value:w,readOnly:N,addonBefore:E,minLength:T,addonAfter:j,step:u?1:void 0,pattern:u?"d*":g,onChange:R,onPressEnter:t=>k.onEnterInternalTextField(t,q,f,a),className:"max-width",min:d===null?void 0:d??0,max:B,type:n?void 0:"number",size:F,formatter:n?t=>{if(t.includes(".")){const s=`${t}`.split(".");return s[0]=s[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),s.join(".")}else return`${t}`.replace(/\B(?=(\d{3})+(?!\d))/g,",")}:void 0,parser:n?t=>t==null?void 0:t.replace(/\$\s?|(,*)/g,""):void 0,placeholder:r||e})})})});module.exports=v;
+"use strict";const i=require("react/jsx-runtime"),m=require("antd"),x=require("react"),M=require("../../locale/index.cjs.js"),P=require("../tooltip/TooltipComponent.cjs.js"),_=require("./TextField.cjs.js"),b=x.forwardRef(function({type:v,required:o,label:e,rules:c=[],placeholder:r,onEnter:a,form:f,nextFocus:q,min:d,moneyField:n,addonAfter:j,minLength:T,defaultValue:$,pattern:g,disabled:I,readOnly:N,onChange:R,value:w,max:B,addonBefore:E,size:F,isInt:u=!1,tooltip:h,help:z,...y},C){const{t:p}=M.useTranslationLib(),L=x.useMemo(()=>[...c,{required:o,message:`${e||r||""} ${p("err.validation.required")}`}],[c,e,r,p,o]);return i.jsx(P,{title:h,children:i.jsx(m.Form.Item,{...y,label:e,rules:L,children:i.jsx(m.InputNumber,{ref:C,disabled:I,defaultValue:$,value:w,readOnly:N,addonBefore:E,minLength:T,addonAfter:j,step:u?1:void 0,pattern:u?"d*":g,onChange:R,onPressEnter:t=>_.onEnterInternalTextField(t,q,f,a),className:"max-width",min:d===null?void 0:d??0,max:B,type:n?void 0:"number",size:F,formatter:n?t=>{if(t.includes(".")){const s=`${t}`.split(".");return s[0]=s[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),s.join(".")}else return`${t}`.replace(/\B(?=(\d{3})+(?!\d))/g,",")}:void 0,parser:n?t=>t==null?void 0:t.replace(/\$\s?|(,*)/g,""):void 0,placeholder:r||e})})})});module.exports=b;

package/dist/common/text-field/NumberField.es.js

@@ -1,13 +1,12 @@
 import { jsx as i } from "react/jsx-runtime";
-import { Form as P, InputNumber as R } from "antd";
-import { forwardRef as b, useMemo as k } from "react";
-import { useTranslationLib as q } from "../../locale/index.es.js";
-import v from "../tooltip/TooltipComponent.es.js";
-import { onEnterInternalTextField as y } from "./TextField.es.js";
-const S = b(
+import { Form as M, InputNumber as P } from "antd";
+import { forwardRef as R, useMemo as _ } from "react";
+import { useTranslationLib as b } from "../../locale/index.es.js";
+import k from "../tooltip/TooltipComponent.es.js";
+import { onEnterInternalTextField as q } from "./TextField.es.js";
+const Q = R(
   function({
-    // eslint-disable-next-line no-unused-vars
-    type: A,
+    type: z,
     required: s,
     label: t,
     rules: m = [],
@@ -29,11 +28,11 @@ const S = b(
     addonBefore: E,
     size: h,
     isInt: d = !1,
-    tooltip: C,
-    help: D,
-    ...F
-  }, L) {
-    const { t: f } = q(), M = k(
+    tooltip: y,
+    help: A,
+    ...C
+  }, F) {
+    const { t: f } = b(), L = _(
       () => [
         ...m,
         {
@@ -45,10 +44,10 @@ const S = b(
       ],
       [m, t, o, f, s]
     );
-    return /* @__PURE__ */ i(v, { title: C, children: /* @__PURE__ */ i(P.Item, { ...F, label: t, rules: M, children: /* @__PURE__ */ i(
-      R,
+    return /* @__PURE__ */ i(k, { title: y, children: /* @__PURE__ */ i(M.Item, { ...C, label: t, rules: L, children: /* @__PURE__ */ i(
+      P,
       {
-        ref: L,
+        ref: F,
         disabled: I,
         defaultValue: g,
         value: w,
@@ -59,7 +58,7 @@ const S = b(
         step: d ? 1 : void 0,
         pattern: d ? "d*" : T,
         onChange: j,
-        onPressEnter: (r) => y(r, a, u, c),
+        onPressEnter: (r) => q(r, a, u, c),
         className: "max-width",
         min: p === null ? void 0 : p ?? 0,
         max: B,
@@ -79,5 +78,5 @@ const S = b(
   }
 );
 export {
-  S as default
+  Q as default
 };

package/dist/crud/CrudComponent.d.ts

@@ -10,11 +10,11 @@ import { CrudImportProps } from './import/CrudImportComponent';
 import { CrudDragableProps, CrudViewableProps } from './view/CrudViewer';
 import { SelectTagRenderProps } from '../common/select/SelectComponent';
 import { default as IdProps } from '../types/Id';
-import { TextAreaBasedFieldProps } from '.';
+import { TextAreaBasedFieldProps } from './CrudTextAreaComponent';
 import { SizeType } from 'antd/es/config-provider/SizeContext';
-import { Copyable } from 'src/util/CopyUtilComponent';
+import { Copyable } from '../util/CopyUtilComponent';
 import { ColumnType } from 'antd/es/table';
-import { PhoneNumberConfigProps } from 'src/common/text-field/PhoneNumberField';
+import { PhoneNumberConfigProps } from '../common/text-field/PhoneNumberField';
 export type SelectFieldItem = {
     key?: string | number;
     value: string | number;
@@ -27,7 +27,7 @@ export interface InitialCrudField<T> {
     updatingValue?: T;
     render?: (value: any, obj: T, index: number) => any;
     required?: boolean;
-    updatable?: boolean;
+    updatable?: boolean | ((data: T) => boolean);
     fieldTooltip?: string;
     hideInTable?: boolean;
     hideInDescList?: boolean;
@@ -236,6 +236,8 @@ export type CrudFieldProps<T> = {
         readonly type: K;
     };
 }[keyof CrudFieldTypeMap<T>];
+/** Field lists passed into CRUD components; accepts mutable arrays and `as const` tuples. */
+export type ReadonlyCrudFields<T> = readonly CrudFieldProps<T>[];
 export type CrudPaginateProps = false | ({
     page?: number;
     setPage?: (page: number, pageSize?: number) => void;
@@ -250,7 +252,7 @@ export type CrudWizardProp<T> = {
     grid?: boolean;
 };
 export type CrudComponentProps<T, FormType = T> = {
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     data: T[] | undefined;
     idField?: string;
     grid?: boolean;

package/dist/crud/CrudForm.d.ts

@@ -1,11 +1,11 @@
 import { FormInstance, FormProps } from 'antd';
-import { CrudFieldProps, CrudPurpose, FormBuilderFunc } from './CrudComponent';
+import { CrudPurpose, FormBuilderFunc, ReadonlyCrudFields } from './CrudComponent';
 export interface CurdFormFieldsProps<T> {
     onDeleteFile?: (e: any) => void;
     onUploadFile?: (e: any) => void;
     grid?: boolean;
     formBuilder?: FormBuilderFunc<T>;
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     purpose?: CrudPurpose;
     onValuesChange?: FormProps<T>["onValuesChange"];
 }

package/dist/crud/CrudFormWizard.cjs.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),F=require("@ant-design/icons"),c=require("antd"),b=require("react"),R=require("../locale/index.cjs.js"),S=require("./CrudForm.cjs.js"),v=require("../common/wizard/WizardViewForm.cjs.js"),q=require("../util/CrudUtil.cjs.js"),y=require("../common/button/Button.cjs.js");function N({fields:d,className:h,onDeleteFile:f,onUploadFile:s,purpose:l,wizard:t=[],updatingValue:x,onSave:g,submitting:j,onValuesChange:u}){const m=b.useMemo(()=>t.map(r=>{let n=!0;const o=d.filter(i=>r.fields.includes(q.getRealName(i.name)));return o.forEach(i=>n&&(n=i.hidden??!1)),{...r,hidden:n,fieldThatShouldShowing:o}}),[d,t]),a=b.useMemo(()=>m.filter(r=>!r.hidden),[m]);return e.jsx(v,{onSubmit:(r,n)=>{g(n)},className:h,pages:a.map(({title:r,icon:n,fieldThatShouldShowing:o,hidden:i},k)=>({title:r,icon:n,hidden:i,component:C=>e.jsx(w,{fields:o,onDeleteFile:f,onUploadFile:s,purpose:l,i:k,updatingValue:x,backward:C.backward,forward:C.forward,wizard:a,submitting:j,onValuesChange:u},k)}))})}function w({fields:d,onDeleteFile:h,onUploadFile:f,purpose:s,wizard:l=[],i:t,forward:x,backward:g,submitting:j,updatingValue:u,onValuesChange:m}){const a=l[t],{t:r}=R.useTranslationLib(),[n]=c.Form.useForm();return b.useEffect(()=>{if(u&&(s==="update"||s==="clone")){const o={};for(const i of d)o[q.getRealName(i.name,"upsertFieldName")]=u[q.getRealName(i.name,"upsertFieldName")];n.setFieldsValue(o)}},[d,n,s,u]),e.jsxs(c.Form,{name:String(t),form:n,layout:"vertical",onValuesChange:m,children:[e.jsx(S.CrudFormFields,{fields:d,formBuilder:a.formBuilder,grid:a.grid,onDeleteFile:h,onUploadFile:f,purpose:s}),e.jsx(c.Divider,{}),e.jsxs(c.Row,{gutter:[8,8],children:[t>0&&e.jsx(c.Col,{md:12,children:e.jsx(y,{block:!0,icon:e.jsx(F.LeftOutlined,{}),htmlType:"button",type:"default",size:"large",onClick:()=>g(),children:r("str.back")})}),e.jsx(c.Col,{md:t>0?12:24,children:e.jsx(y,{block:!0,icon:l.length-1===t?e.jsx(F.SaveOutlined,{}):e.jsx(F.RightOutlined,{}),htmlType:"submit",type:"primary",loading:j,size:"large",onClick:()=>{n.validateFields().then(o=>{x(o,l.length-1===t,l.length-1===t)})},children:l.length-1===t?r("str."+(s==="update"?"update":"save")):r("str.next")})})]})]})}module.exports=N;
+"use strict";const e=require("react/jsx-runtime"),y=require("@ant-design/icons"),a=require("antd"),q=require("react"),R=require("../locale/index.cjs.js"),S=require("./CrudForm.cjs.js"),B=require("../common/wizard/WizardViewForm.cjs.js"),v=require("../util/CrudUtil.cjs.js"),k=require("../util/ObjectUtil.cjs.js"),C=require("../common/button/Button.cjs.js");function w({fields:u,className:x,onDeleteFile:j,onUploadFile:i,purpose:l,wizard:t=[],updatingValue:g,onSave:b,submitting:F,onValuesChange:d}){const h=q.useMemo(()=>t.map(r=>{let n=!0;const o=u.filter(c=>{const s=v.getRealName(c.name);return!Array.isArray(s)&&r.fields.includes(s)});return o.forEach(c=>n&&(n=c.hidden??!1)),{...r,hidden:n,fieldThatShouldShowing:o}}),[u,t]),m=q.useMemo(()=>h.filter(r=>!r.hidden),[h]);return e.jsx(B,{onSubmit:(r,n)=>{b(n)},className:x,pages:m.map(({title:r,icon:n,fieldThatShouldShowing:o,hidden:c},s)=>({title:r,icon:n,hidden:c,component:f=>e.jsx(O,{fields:o,onDeleteFile:j,onUploadFile:i,purpose:l,i:s,updatingValue:g,backward:f.backward,forward:f.forward,wizard:m,submitting:F,onValuesChange:d},s)}))})}function O({fields:u,onDeleteFile:x,onUploadFile:j,purpose:i,wizard:l=[],i:t,forward:g,backward:b,submitting:F,updatingValue:d,onValuesChange:h}){const m=l[t],{t:r}=R.useTranslationLib(),[n]=a.Form.useForm();return q.useEffect(()=>{if(d&&(i==="update"||i==="clone")){const o={};for(const c of u){const s=v.getRealName(c.name,"upsertFieldName"),f=k.getValueByPath(d,s);k.setValueByPath(o,s,f)}n.setFieldsValue(o)}},[u,n,i,d]),e.jsxs(a.Form,{name:String(t),form:n,layout:"vertical",onValuesChange:h,children:[e.jsx(S.CrudFormFields,{fields:u,formBuilder:m.formBuilder,grid:m.grid,onDeleteFile:x,onUploadFile:j,purpose:i}),e.jsx(a.Divider,{}),e.jsxs(a.Row,{gutter:[8,8],children:[t>0&&e.jsx(a.Col,{md:12,children:e.jsx(C,{block:!0,icon:e.jsx(y.LeftOutlined,{}),htmlType:"button",type:"default",size:"large",onClick:()=>b(),children:r("str.back")})}),e.jsx(a.Col,{md:t>0?12:24,children:e.jsx(C,{block:!0,icon:l.length-1===t?e.jsx(y.SaveOutlined,{}):e.jsx(y.RightOutlined,{}),htmlType:"submit",type:"primary",loading:F,size:"large",onClick:()=>{n.validateFields().then(o=>{g(o,l.length-1===t,l.length-1===t)})},children:l.length-1===t?r("str."+(i==="update"?"update":"save")):r("str.next")})})]})]})}module.exports=w;

package/dist/crud/CrudFormWizard.d.ts

@@ -1,9 +1,9 @@
 import { FormProps } from 'antd';
-import { CrudFieldProps, CrudPurpose, CrudWizardProp } from './CrudComponent';
+import { CrudPurpose, CrudWizardProp, ReadonlyCrudFields } from './CrudComponent';
 export interface CrudFormWizardProps<T> {
     onDeleteFile?: (e: any) => void;
     onUploadFile?: (e: any) => void;
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     purpose?: CrudPurpose;
     wizard?: CrudWizardProp<T>[];
     className?: string;

package/dist/crud/CrudFormWizard.es.js

@@ -1,145 +1,149 @@
-import { jsx as o, jsxs as y } from "react/jsx-runtime";
-import { LeftOutlined as R, SaveOutlined as w, RightOutlined as x } from "@ant-design/icons";
-import { Form as C, Divider as T, Row as W, Col as S } from "antd";
+import { jsx as o, jsxs as F } from "react/jsx-runtime";
+import { LeftOutlined as w, SaveOutlined as x, RightOutlined as R } from "@ant-design/icons";
+import { Form as k, Divider as T, Row as W, Col as C } from "antd";
 import { useMemo as v, useEffect as j } from "react";
 import { useTranslationLib as z } from "../locale/index.es.js";
-import { CrudFormFields as B } from "./CrudForm.es.js";
+import { CrudFormFields as N } from "./CrudForm.es.js";
 import O from "../common/wizard/WizardViewForm.es.js";
-import b from "../util/CrudUtil.es.js";
-import N from "../common/button/Button.es.js";
-function I({
+import B from "../util/CrudUtil.es.js";
+import { getValueByPath as A, setValueByPath as E } from "../util/ObjectUtil.es.js";
+import S from "../common/button/Button.es.js";
+function J({
   fields: d,
-  className: f,
-  onDeleteFile: s,
-  onUploadFile: m,
-  purpose: l,
+  className: h,
+  onDeleteFile: g,
+  onUploadFile: l,
+  purpose: m,
   wizard: e = [],
-  updatingValue: h,
-  onSave: g,
-  submitting: p,
-  onValuesChange: a
+  updatingValue: p,
+  onSave: b,
+  submitting: y,
+  onValuesChange: c
 }) {
-  const u = v(() => e.map((t) => {
+  const s = v(() => e.map((t) => {
     let r = !0;
-    const n = d.filter(
-      (i) => t.fields.includes(b.getRealName(i.name))
-    );
-    return n.forEach((i) => r && (r = i.hidden ?? !1)), {
+    const n = d.filter((a) => {
+      const i = B.getRealName(a.name);
+      return !Array.isArray(i) && t.fields.includes(i);
+    });
+    return n.forEach((a) => r && (r = a.hidden ?? !1)), {
       ...t,
       hidden: r,
       fieldThatShouldShowing: n
     };
-  }), [d, e]), c = v(
-    () => u.filter((t) => !t.hidden),
-    [u]
+  }), [d, e]), u = v(
+    () => s.filter((t) => !t.hidden),
+    [s]
   );
   return /* @__PURE__ */ o(
     O,
     {
       onSubmit: (t, r) => {
-        g(r);
+        b(r);
       },
-      className: f,
-      pages: c.map(
-        ({ title: t, icon: r, fieldThatShouldShowing: n, hidden: i }, F) => ({
+      className: h,
+      pages: u.map(
+        ({ title: t, icon: r, fieldThatShouldShowing: n, hidden: a }, i) => ({
           title: t,
           icon: r,
-          hidden: i,
-          component: (k) => /* @__PURE__ */ o(
-            E,
+          hidden: a,
+          component: (f) => /* @__PURE__ */ o(
+            L,
             {
               fields: n,
-              onDeleteFile: s,
-              onUploadFile: m,
-              purpose: l,
-              i: F,
-              updatingValue: h,
-              backward: k.backward,
-              forward: k.forward,
-              wizard: c,
-              submitting: p,
-              onValuesChange: a
+              onDeleteFile: g,
+              onUploadFile: l,
+              purpose: m,
+              i,
+              updatingValue: p,
+              backward: f.backward,
+              forward: f.forward,
+              wizard: u,
+              submitting: y,
+              onValuesChange: c
             },
-            F
+            i
           )
         })
       )
     }
   );
 }
-function E({
+function L({
   fields: d,
-  onDeleteFile: f,
-  onUploadFile: s,
-  purpose: m,
-  wizard: l = [],
+  onDeleteFile: h,
+  onUploadFile: g,
+  purpose: l,
+  wizard: m = [],
   i: e,
-  forward: h,
-  backward: g,
-  submitting: p,
-  updatingValue: a,
-  onValuesChange: u
+  forward: p,
+  backward: b,
+  submitting: y,
+  updatingValue: c,
+  onValuesChange: s
 }) {
-  const c = l[e], { t } = z(), [r] = C.useForm();
+  const u = m[e], { t } = z(), [r] = k.useForm();
   return j(() => {
-    if (a && (m === "update" || m === "clone")) {
+    if (c && (l === "update" || l === "clone")) {
       const n = {};
-      for (const i of d)
-        n[b.getRealName(i.name, "upsertFieldName")] = a[b.getRealName(i.name, "upsertFieldName")];
+      for (const a of d) {
+        const i = B.getRealName(a.name, "upsertFieldName"), f = A(c, i);
+        E(n, i, f);
+      }
       r.setFieldsValue(n);
     }
-  }, [d, r, m, a]), /* @__PURE__ */ y(
-    C,
+  }, [d, r, l, c]), /* @__PURE__ */ F(
+    k,
     {
       name: String(e),
       form: r,
       layout: "vertical",
-      onValuesChange: u,
+      onValuesChange: s,
       children: [
         /* @__PURE__ */ o(
-          B,
+          N,
           {
             fields: d,
-            formBuilder: c.formBuilder,
-            grid: c.grid,
-            onDeleteFile: f,
-            onUploadFile: s,
-            purpose: m
+            formBuilder: u.formBuilder,
+            grid: u.grid,
+            onDeleteFile: h,
+            onUploadFile: g,
+            purpose: l
           }
         ),
         /* @__PURE__ */ o(T, {}),
-        /* @__PURE__ */ y(W, { gutter: [8, 8], children: [
-          e > 0 && /* @__PURE__ */ o(S, { md: 12, children: /* @__PURE__ */ o(
-            N,
+        /* @__PURE__ */ F(W, { gutter: [8, 8], children: [
+          e > 0 && /* @__PURE__ */ o(C, { md: 12, children: /* @__PURE__ */ o(
+            S,
             {
               block: !0,
-              icon: /* @__PURE__ */ o(R, {}),
+              icon: /* @__PURE__ */ o(w, {}),
               htmlType: "button",
               type: "default",
               size: "large",
-              onClick: () => g(),
+              onClick: () => b(),
               children: t("str.back")
             }
           ) }),
-          /* @__PURE__ */ o(S, { md: e > 0 ? 12 : 24, children: /* @__PURE__ */ o(
-            N,
+          /* @__PURE__ */ o(C, { md: e > 0 ? 12 : 24, children: /* @__PURE__ */ o(
+            S,
             {
               block: !0,
-              icon: l.length - 1 === e ? /* @__PURE__ */ o(w, {}) : /* @__PURE__ */ o(x, {}),
+              icon: m.length - 1 === e ? /* @__PURE__ */ o(x, {}) : /* @__PURE__ */ o(R, {}),
               htmlType: "submit",
               type: "primary",
-              loading: p,
+              loading: y,
               size: "large",
               onClick: () => {
                 r.validateFields().then((n) => {
-                  h(
+                  p(
                     n,
-                    l.length - 1 === e,
-                    l.length - 1 === e
+                    m.length - 1 === e,
+                    m.length - 1 === e
                   );
                 });
               },
-              children: l.length - 1 === e ? t("str." + (m === "update" ? "update" : "save")) : t("str.next")
+              children: m.length - 1 === e ? t("str." + (l === "update" ? "update" : "save")) : t("str.next")
             }
           ) })
         ] })
@@ -148,5 +152,5 @@ function E({
   );
 }
 export {
-  I as default
+  J as default
 };

package/dist/crud/CrudReportComponent.d.ts

@@ -15,7 +15,7 @@ export type SearchOnlyFields<F> = CrudFieldProps<F> & {
 export type ReportCrudFields<T, F> = CrudFieldProps<T> | SearchOnlyFields<F>;
 export interface CrudReportComponentProps<T_Data, F_Search> {
     summary?: React.ReactNode;
-    fields: ReportCrudFields<T_Data, F_Search>[];
+    fields: readonly ReportCrudFields<T_Data, F_Search>[];
     onSubmit: (value: CrudReportSubmitForm<F_Search>) => void;
     data: T_Data[];
     idField?: string;
@@ -23,16 +23,16 @@ export interface CrudReportComponentProps<T_Data, F_Search> {
     size?: SizeType;
     paginateProps?: CrudPaginateProps;
     onClickPrint?: (props: {
-        fields: CrudFieldProps<T_Data>[] & {
+        fields: readonly (CrudFieldProps<T_Data> & {
             render: (value: any, obj: T_Data, index: number) => any;
-        }[];
+        })[];
         data: T_Data[];
         tableId: string;
     }) => void;
     onClickExcelExport?: (props: {
-        fields: CrudFieldProps<T_Data>[] & {
+        fields: readonly (CrudFieldProps<T_Data> & {
             render: (value: any, obj: T_Data, index: number) => any;
-        }[];
+        })[];
         data: T_Data[];
         tableId: string;
     }) => void;

package/dist/crud/CrudSearchComponent.d.ts

@@ -1,5 +1,5 @@
 import { ColProps } from 'antd/lib';
-import { CrudFieldProps } from './CrudComponent';
+import { ReadonlyCrudFields } from './CrudComponent';
 export type CrudSearchOption<T> = {
     required?: boolean;
 } & ({
@@ -12,7 +12,7 @@ export type CrudSearchOption<T> = {
 });
 export interface CrudSearchComponentProps<T, FormType> {
     searchFields?: Array<keyof T | CrudSearchOption<T>>;
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     searchOnChange?: boolean;
     searchDefaultValues?: FormType;
     onSearch?: (values: Partial<FormType>) => void;

package/dist/crud/import/CrudImportComponent.d.ts

@@ -1,7 +1,7 @@
-import { CrudFieldProps } from '../CrudComponent';
+import { ReadonlyCrudFields } from '../CrudComponent';
 import { DialogProps } from '../../types/DialogComponentProp';
 export interface CrudImportComponentProps<T> {
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     importProps: CrudImportProps<T>;
 }
 export interface CrudImportProps<T> {

package/dist/crud/index.d.ts

@@ -1,4 +1,4 @@
-export type { CheckboxBasedFieldProps, ColorPickerFieldProps, CrudComponentProps, CrudFieldGrid, CrudFieldProps, CrudPaginateProps, CrudPurpose, CrudWizardProp, DateBasedFieldProps, EnumCrudField, FormBuilderFunc, FormBuilderFunc0, GetFormFieldOptions, InitialCrudField, NumberBasedFieldProps, ObjectCrudField, SelectCrudField, SelectFieldItem, TextBasedFieldProps, TimeBasedFieldProps, } from './CrudComponent';
+export type { CheckboxBasedFieldProps, ColorPickerFieldProps, CrudComponentProps, CrudFieldGrid, CrudFieldProps, CrudPaginateProps, ReadonlyCrudFields, CrudPurpose, CrudWizardProp, DateBasedFieldProps, EnumCrudField, FormBuilderFunc, FormBuilderFunc0, GetFormFieldOptions, InitialCrudField, NumberBasedFieldProps, ObjectCrudField, SelectCrudField, SelectFieldItem, TextBasedFieldProps, TimeBasedFieldProps, } from './CrudComponent';
 export { default as CrudComponent } from './CrudComponent';
 export { default as CrudField, ColorCrudFieldComponent, SelectCrudFieldComponent, } from './CrudField';
 export { CrudForm, CrudFormFields } from './CrudForm';

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

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

package/dist/crud/modal/index.d.ts

@@ -1,9 +1,9 @@
 import { FormProps } from 'antd';
 import { Ref } from 'react';
-import { CrudFieldProps, CrudWizardProp, FormBuilderFunc } from '../CrudComponent';
+import { CrudWizardProp, FormBuilderFunc, ReadonlyCrudFields } from '../CrudComponent';
 import { default as IdProps } from '../../types/Id';
 export interface CrudModalProps<T, FormType> {
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     wizard?: CrudWizardProp<T>[];
     grid?: boolean;
     fullWidthModal?: boolean;