@kingteza/crud-component 1.3.0 → 1.4.0

package/dist/crud/CrudComponent.cjs.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("antd"),t=require("react"),H=require("./modal/index.cjs.js"),J=require("./import/CrudImportButton.cjs.js"),K=require("./view/CrudViewer.cjs.js"),L=require("../common/button/NewButton.cjs.js"),M=require("../common/button/PrintButton.cjs.js"),{useForm:Q}=l.Form;function O({idField:a="id",onCreate:C,onDelete:j,onHide:m,onUpdate:n,fields:r,data:f,grid:k,isHiding:q,isCreating:h,isDeleting:p,isUpdating:B,paginateProps:w,onPrint:i,printing:N,viewable:v,loadingData:R,formBuilder:g,extraAction:y,minusHeight:b,cloneable:F,fullWidthModal:P=!0,wizard:S,extraView:I,importable:u,onClickNew:d,size:V,...z}){const c=t.useRef(null),A=t.useCallback(()=>{var s;(s=c.current)==null||s.create()},[]),o=t.useCallback(async(s,E=!0,G=!1)=>{var x;await((x=c.current)==null?void 0:x.update(s,E,G))},[]),D=t.useCallback(async s=>{o(s,!1,!0)},[o]);return e.jsxs(e.Fragment,{children:[e.jsxs(l.Space,{direction:"vertical",className:"w-100",children:[e.jsxs("div",{className:"w-100 d-flex",children:[e.jsx("div",{style:{flex:1},children:e.jsx(L.NewButton,{onClick:()=>{d?d():A()},className:"flex-1"})}),e.jsxs(l.Space,{children:[!!i&&e.jsx(M.PrintButton,{className:"float-right",loading:N,onClick:i}),!!u&&e.jsx(J,{fields:r,importProps:u})]})]}),e.jsx(K,{...z,minusHeight:b,data:f,size:V,fields:r,extraAction:y,idField:a,isDeleting:p,loadingData:R,onClickUpdate:n?o:void 0,onHide:m,isHiding:q,onDelete:j,onUpdate:n,onClickClone:F?D:void 0,paginateProps:w,viewable:v,extraView:I})]}),e.jsx(H,{ref:c,fields:r,wizard:S,grid:k,fullWidthModal:P,isCreating:h,isUpdating:B,onCreate:C,onUpdate:n,idField:a,formBuilder:g})]})}module.exports=O;
+"use strict";const e=require("react/jsx-runtime"),x=require("antd"),t=require("react"),H=require("./modal/index.cjs.js"),J=require("./import/CrudImportButton.cjs.js"),K=require("./view/CrudViewer.cjs.js"),L=require("../common/button/NewButton.cjs.js"),M=require("../common/button/PrintButton.cjs.js");function O({idField:l="id",onCreate:C,onDelete:j,onHide:f,onUpdate:n,fields:r,data:m,grid:k,isHiding:q,isCreating:h,isDeleting:p,isUpdating:B,paginateProps:w,onPrint:a,printing:N,viewable:v,loadingData:R,formBuilder:g,extraAction:y,minusHeight:b,cloneable:P,fullWidthModal:S=!0,wizard:I,extraView:V,importable:i,onClickNew:u,size:z,...A}){const c=t.useRef(null),D=t.useCallback(()=>{var s;(s=c.current)==null||s.create()},[]),o=t.useCallback(async(s,F=!0,G=!1)=>{var d;await((d=c.current)==null?void 0:d.update(s,F,G))},[]),E=t.useCallback(async s=>{o(s,!1,!0)},[o]);return e.jsxs(e.Fragment,{children:[e.jsxs(x.Space,{direction:"vertical",className:"w-100",children:[e.jsxs("div",{className:"w-100 d-flex",children:[e.jsx("div",{style:{flex:1},children:e.jsx(L.NewButton,{onClick:()=>{u?u():D()},className:"flex-1"})}),e.jsxs(x.Space,{children:[!!a&&e.jsx(M.PrintButton,{className:"float-right",loading:N,onClick:a}),!!i&&e.jsx(J,{fields:r,importProps:i})]})]}),e.jsx(K,{...A,minusHeight:b,data:m,size:z,fields:r,extraAction:y,idField:l,isDeleting:p,loadingData:R,onClickUpdate:n?o:void 0,onHide:f,isHiding:q,onDelete:j,onUpdate:n,onClickClone:P?E:void 0,paginateProps:w,viewable:v,extraView:V})]}),e.jsx(H,{ref:c,fields:r,wizard:I,grid:k,fullWidthModal:S,isCreating:h,isUpdating:B,onCreate:C,onUpdate:n,idField:l,formBuilder:g})]})}module.exports=O;

package/dist/crud/CrudComponent.d.ts

@@ -140,6 +140,7 @@ export interface ColorPickerFieldProps<T> extends Omit<InitialCrudField<T>, "pla
 export interface CheckboxBasedFieldProps<T> extends InitialCrudField<T> {
     type: "checkbox";
     onChange?: (value: boolean, form: FormInstance<T>) => void;
+    switch?: boolean;
 }
 export interface NumberBasedFieldProps<T> extends InitialCrudField<T>, AddonFieldProps {
     type: "number";

package/dist/crud/CrudComponent.es.js

@@ -1,19 +1,18 @@
 import { jsxs as e, Fragment as H, jsx as r } from "react/jsx-runtime";
-import { Space as f, Form as J } from "antd";
-import { useRef as K, useCallback as c } from "react";
-import L from "./modal/index.es.js";
-import O from "./import/CrudImportButton.es.js";
-import Q from "./view/CrudViewer.es.js";
-import { NewButton as T } from "../common/button/NewButton.es.js";
-import { PrintButton as U } from "../common/button/PrintButton.es.js";
-const { useForm: eo } = J;
-function to({
+import { Space as f } from "antd";
+import { useRef as J, useCallback as c } from "react";
+import K from "./modal/index.es.js";
+import L from "./import/CrudImportButton.es.js";
+import O from "./view/CrudViewer.es.js";
+import { NewButton as Q } from "../common/button/NewButton.es.js";
+import { PrintButton as T } from "../common/button/PrintButton.es.js";
+function ro({
   idField: i = "id",
   onCreate: p,
   onDelete: C,
   onHide: h,
   onUpdate: t,
-  fields: n,
+  fields: l,
   data: k,
   grid: x,
   isHiding: v,
@@ -24,29 +23,29 @@ function to({
   onPrint: m,
   printing: y,
   viewable: j,
-  loadingData: F,
-  formBuilder: R,
-  extraAction: I,
-  minusHeight: M,
-  cloneable: P,
-  fullWidthModal: S = !0,
-  wizard: V,
-  extraView: b,
+  loadingData: R,
+  formBuilder: I,
+  extraAction: M,
+  minusHeight: P,
+  cloneable: S,
+  fullWidthModal: V = !0,
+  wizard: b,
+  extraView: q,
   importable: s,
   onClickNew: u,
-  size: q,
-  ...z
+  size: z,
+  ...A
 }) {
-  const l = K(null), A = c(() => {
+  const n = J(null), D = c(() => {
     var o;
-    (o = l.current) == null || o.create();
+    (o = n.current) == null || o.create();
   }, []), a = c(
-    async (o, E = !0, G = !1) => {
+    async (o, F = !0, G = !1) => {
       var d;
-      await ((d = l.current) == null ? void 0 : d.update(o, E, G));
+      await ((d = n.current) == null ? void 0 : d.update(o, F, G));
     },
     []
-  ), D = c(
+  ), E = c(
     async (o) => {
       a(o, !1, !0);
     },
@@ -56,68 +55,68 @@ function to({
     /* @__PURE__ */ e(f, { direction: "vertical", className: "w-100", children: [
       /* @__PURE__ */ e("div", { className: "w-100 d-flex", children: [
         /* @__PURE__ */ r("div", { style: { flex: 1 }, children: /* @__PURE__ */ r(
-          T,
+          Q,
           {
             onClick: () => {
-              u ? u() : A();
+              u ? u() : D();
             },
             className: "flex-1"
           }
         ) }),
         /* @__PURE__ */ e(f, { children: [
           !!m && /* @__PURE__ */ r(
-            U,
+            T,
             {
               className: "float-right",
               loading: y,
               onClick: m
             }
           ),
-          !!s && /* @__PURE__ */ r(O, { fields: n, importProps: s })
+          !!s && /* @__PURE__ */ r(L, { fields: l, importProps: s })
         ] })
       ] }),
       /* @__PURE__ */ r(
-        Q,
+        O,
         {
-          ...z,
-          minusHeight: M,
+          ...A,
+          minusHeight: P,
           data: k,
-          size: q,
-          fields: n,
-          extraAction: I,
+          size: z,
+          fields: l,
+          extraAction: M,
           idField: i,
           isDeleting: B,
-          loadingData: F,
+          loadingData: R,
           onClickUpdate: t ? a : void 0,
           onHide: h,
           isHiding: v,
           onDelete: C,
           onUpdate: t,
-          onClickClone: P ? D : void 0,
+          onClickClone: S ? E : void 0,
           paginateProps: g,
           viewable: j,
-          extraView: b
+          extraView: q
         }
       )
     ] }),
     /* @__PURE__ */ r(
-      L,
+      K,
       {
-        ref: l,
-        fields: n,
-        wizard: V,
+        ref: n,
+        fields: l,
+        wizard: b,
         grid: x,
-        fullWidthModal: S,
+        fullWidthModal: V,
         isCreating: w,
         isUpdating: N,
         onCreate: p,
         onUpdate: t,
         idField: i,
-        formBuilder: R
+        formBuilder: I
       }
     )
   ] });
 }
 export {
-  to as default
+  ro as default
 };

package/dist/crud/CrudField.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),b=require("antd"),q=require("react"),$=require("react-highlight-words"),z=require("../locale/index.cjs.js"),J=require("./FileCrudField.cjs.js"),K=require("./ImageCrudField.cjs.js"),Q=require("../common/check-box/CheckBox.cjs.js"),X=require("../common/date-picker/DatePicker.cjs.js"),Y=require("../common/date-picker/TimePicker.cjs.js"),U=require("../common/select/SelectComponent.cjs.js"),Z=require("../common/text-field/NumberField.cjs.js"),V=require("../common/text-field/TextField.cjs.js"),ee=require("../common/tooltip/TooltipComponent.cjs.js"),re=require("./CrudTextAreaComponent.cjs.js"),M=require("../util/CrudUtil.cjs.js");function te(y){const{label:o,name:m,type:x,required:i,hidden:S,rules:h=[],updatable:g=!0,readonly:R=!1,fieldClassName:C,customFormFieldRender:O,fieldTooltip:j,fieldHelper:v,...r}=y,d=b.Form.useFormInstance();q.useEffect(()=>{if(x==="select"){const{items:a=[],onSearch:l,searchOnType:u}=r;!(a!=null&&a.length)&&!u&&(l==null||l(void 0,d,r==null?void 0:r.updatingValue))}},[d,r,x,r==null?void 0:r.updatingValue]);const{t:P}=z.useTranslationLibNoNS();if(R||S)return e.jsx(e.Fragment,{});if(O)return O(d,y);switch(x){case"text":case"email":case"password":{const{onChange:a,placeholder:l,addonAfter:u,addonBefore:f}=r;return e.jsx(V.default,{placeholder:l,disabled:!g,rules:h,required:i,onChange:a?s=>a(s,d):void 0,type:x,name:m,tooltip:j,label:o,className:C,autoComplete:"new-password",addonAfter:u,addonBefore:f,help:v})}case"number":{const{onChange:a,placeholder:l,allowMinus:u,min:f,max:s,addonAfter:T,addonBefore:p}=r;return e.jsx(Z,{placeholder:l,disabled:!g,moneyField:!!r.formatted,type:x,onChange:a?F=>a(F,d):void 0,rules:h,autoComplete:"false",required:i,tooltip:j,className:C,min:u?null:f,max:s,addonAfter:T,addonBefore:p,name:m,label:o,help:v})}case"date":{const{range:a,disableToday:l,disabledFutureDays:u,disabledPastDays:f,onChange:s,placeholder:T,format:p}=r;return e.jsx(X,{placeholder:T,required:i,disabled:!g,type:x,format:p,tooltip:j,range:a,name:m,label:o,onChange:s?F=>s(F,d):void 0,className:C,disableToday:l,disabledFutureDays:u,disabledPastDays:f,help:v})}case"time":{const{range:a=!1,disableCurrent:l,disabledFuture:u,disabledPast:f,onChange:s,use12Hours:T,format:p,placeholder:F}=r;return e.jsx(Y,{placeholder:F,required:i,format:p,disabled:!g,type:x,tooltip:j,range:a,use12Hours:T,name:m,label:o,onChange:s?n=>s(n,d):void 0,className:C,disableCurrent:l,disabledFuture:u,disabledPast:f,help:v})}case"textarea":return e.jsx(re,{...y});case"image":return e.jsx(K.default,{...r,required:i,name:m,label:o,rules:h,fieldClassName:C,onRemoved:r.onRemoved,onUploading:r.onUploading,provider:r.provider});case"file":return e.jsx(J.default,{...r,required:i,name:m,label:o,rules:h,fieldClassName:C,onRemoved:r.onRemoved,onUploading:r.onUploading,provider:r.provider});case"select":return e.jsx(E,{...r,required:i,name:m,label:o,rules:h,fieldClassName:C,form:d,updatable:g,readonly:R,fieldTooltip:j,fieldHelper:v});case"enum":{const{enum:a,radio:l=!1,translation:u,onChange:f,onSearch:s,multiple:T,tagRender:p}=r,F=Array.isArray(a)?a:Object.keys(a);return l?e.jsx(b.Form.Item,{...r,name:m,required:i,tooltip:j,rules:h,label:o,className:["w-100",C].join(" "),help:v,children:e.jsx(b.Radio.Group,{...r,onChange:f?n=>{var N;return f((N=n==null?void 0:n.target)==null?void 0:N.value,d)}:void 0,children:F.map(n=>e.jsx(b.Radio,{disabled:!g,value:n,children:u?P(u[n]):n},n))})}):e.jsx(U,{...r,tagRender:typeof p=="function"?p:p?n=>{const{value:N,label:w}=n,k=p[N];return k?e.jsx(b.Tag,{color:k.color,children:w}):e.jsx(b.Tag,{children:w})}:void 0,onChange:f?n=>f(n,d):void 0,className:["w-100",C].join(" "),name:m,items:F,required:i,tooltip:j,rules:h,label:o,help:v,disabled:!g,onSearch:s?n=>s(n,d):void 0,allowClear:!0,mode:T?"multiple":void 0,itemBuilder:n=>e.jsx(b.Select.Option,{value:n,children:u?P(u[n]):n},n)})}case"checkbox":{const{onChange:a}=r;return e.jsx(Q,{className:C,rules:h,onChange:a?l=>a(l,d):void 0,label:o,tooltip:j,disabled:!g,name:m,help:v})}case"color":return e.jsx(D,{...r,type:"color",required:i,name:m,label:o,rules:h,fieldClassName:C,updatable:g,readonly:R,fieldTooltip:j,fieldHelper:v});default:return e.jsx(e.Fragment,{children:`${x} Not Implemented`})}}function E(y){const{items:o=[],loading:m,searchOnType:x,onSearch:i,multiple:S,onChange:h,highlightSearch:g,required:R,fieldClassName:C,rules:O,fieldTooltip:j,updatable:v,label:r,name:d,tagRender:P,updatingValue:a,onSet:l,placeholder:u,allowClear:f=!0}=y,s=y.form,[T,p]=q.useState(""),F=q.useMemo(()=>M.getRealName(d),[d]),n=q.useMemo(()=>M.getRealName(d,"upsertFieldName"),[d]),N=b.Form.useWatch(F,s),[w,k]=q.useState(!0);q.useEffect(()=>{l&&w&&N&&(l==null||l(N,o,s),k(!1))},[w,s,o,F,l,N]),q.useEffect(()=>{N&&k(!0)},[N]);const _=q.useCallback(async t=>{p(t),x&&(i==null||i(t,s,a))},[s,i,x,a]);return e.jsx(U,{...y,maxTagCount:"responsive",maxTagPlaceholder:t=>e.jsxs(ee,{title:e.jsx(e.Fragment,{children:t.map(c=>e.jsxs(e.Fragment,{children:[c.label," ",e.jsx("br",{})]}))}),children:["+",t==null?void 0:t.length]}),placeholder:u,onSelect:t=>{l==null||l(t==null?void 0:t.key,o,s)},onChange:h?t=>{p(""),h(t,s)}:void 0,mode:S?"multiple":void 0,className:["w-100",C].join(" "),name:n,items:o,required:R,tooltip:j,tagRender:P,rules:O,disabled:!v,label:r,allowClear:f,onSearch:_,loading:m,filterOption:g?(t,c)=>{var H,A,B;try{const I=t.toLowerCase().split(/\s+/),W=((typeof(c==null?void 0:c.children)=="string"?c==null?void 0:c.children:(A=(H=c==null?void 0:c.children)==null?void 0:H.props)==null?void 0:A.textToHighlight)??"").toLowerCase(),G=(((B=c==null?void 0:c.value)==null?void 0:B.toString())??"").toLowerCase();return I.every(L=>W.indexOf(L)>=0||G.indexOf(L)>=0)}catch{return!0}}:void 0,itemBuilder:g?t=>{const c=t.value?String(t.value):void 0;return e.jsx(b.Select.Option,{value:t.key,title:c,disabled:t.disabled,children:e.jsx($,{highlightClassName:"highlight-text",searchWords:(T??"").split(" "),autoEscape:!0,textToHighlight:c??""})},t.key)}:t=>e.jsx(b.Select.Option,{value:t.key,title:t.value,disabled:t.disabled,children:t.value},t.key)})}function D(y){const{required:o,fieldClassName:m,rules:x,fieldTooltip:i,updatable:S,label:h,name:g,fieldHelper:R}=y;return e.jsx(b.Form.Item,{label:h,name:g,required:o,rules:x,tooltip:i,help:R,children:e.jsx(b.ColorPicker,{disabledAlpha:!0,format:"hex",defaultFormat:"hex",showText:!0,trigger:"click",className:m,disabled:!S,...y.innerProps})})}exports.ColorCrudFieldComponent=D;exports.SelectCrudFieldComponent=E;exports.default=te;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),b=require("antd"),q=require("react"),$=require("react-highlight-words"),z=require("../locale/index.cjs.js"),J=require("./FileCrudField.cjs.js"),K=require("./ImageCrudField.cjs.js"),Q=require("../common/check-box/CheckBox.cjs.js"),X=require("../common/date-picker/DatePicker.cjs.js"),Y=require("../common/date-picker/TimePicker.cjs.js"),U=require("../common/select/SelectComponent.cjs.js"),Z=require("../common/text-field/NumberField.cjs.js"),V=require("../common/text-field/TextField.cjs.js"),ee=require("../common/tooltip/TooltipComponent.cjs.js"),te=require("./CrudTextAreaComponent.cjs.js"),M=require("../util/CrudUtil.cjs.js");function re(y){const{label:o,name:m,type:x,required:d,hidden:S,rules:h=[],updatable:g=!0,readonly:w=!1,fieldClassName:C,customFormFieldRender:O,fieldTooltip:j,fieldHelper:v,...t}=y,c=b.Form.useFormInstance();q.useEffect(()=>{if(x==="select"){const{items:l=[],onSearch:a,searchOnType:i}=t;!(l!=null&&l.length)&&!i&&(a==null||a(void 0,c,t==null?void 0:t.updatingValue))}},[c,t,x,t==null?void 0:t.updatingValue]);const{t:P}=z.useTranslationLibNoNS();if(w||S)return e.jsx(e.Fragment,{});if(O)return O(c,y);switch(x){case"text":case"email":case"password":{const{onChange:l,placeholder:a,addonAfter:i,addonBefore:f}=t;return e.jsx(V.default,{placeholder:a,disabled:!g,rules:h,required:d,onChange:l?s=>l(s,c):void 0,type:x,name:m,tooltip:j,label:o,className:C,autoComplete:"new-password",addonAfter:i,addonBefore:f,help:v})}case"number":{const{onChange:l,placeholder:a,allowMinus:i,min:f,max:s,addonAfter:T,addonBefore:p}=t;return e.jsx(Z,{placeholder:a,disabled:!g,moneyField:!!t.formatted,type:x,onChange:l?F=>l(F,c):void 0,rules:h,autoComplete:"false",required:d,tooltip:j,className:C,min:i?null:f,max:s,addonAfter:T,addonBefore:p,name:m,label:o,help:v})}case"date":{const{range:l,disableToday:a,disabledFutureDays:i,disabledPastDays:f,onChange:s,placeholder:T,format:p}=t;return e.jsx(X,{placeholder:T,required:d,disabled:!g,type:x,format:p,tooltip:j,range:l,name:m,label:o,onChange:s?F=>s(F,c):void 0,className:C,disableToday:a,disabledFutureDays:i,disabledPastDays:f,help:v})}case"time":{const{range:l=!1,disableCurrent:a,disabledFuture:i,disabledPast:f,onChange:s,use12Hours:T,format:p,placeholder:F}=t;return e.jsx(Y,{placeholder:F,required:d,format:p,disabled:!g,type:x,tooltip:j,range:l,use12Hours:T,name:m,label:o,onChange:s?n=>s(n,c):void 0,className:C,disableCurrent:a,disabledFuture:i,disabledPast:f,help:v})}case"textarea":return e.jsx(te,{...y});case"image":return e.jsx(K.default,{...t,required:d,name:m,label:o,rules:h,fieldClassName:C,onRemoved:t.onRemoved,onUploading:t.onUploading,provider:t.provider});case"file":return e.jsx(J.default,{...t,required:d,name:m,label:o,rules:h,fieldClassName:C,onRemoved:t.onRemoved,onUploading:t.onUploading,provider:t.provider});case"select":return e.jsx(E,{...t,required:d,name:m,label:o,rules:h,fieldClassName:C,form:c,updatable:g,readonly:w,fieldTooltip:j,fieldHelper:v});case"enum":{const{enum:l,radio:a=!1,translation:i,onChange:f,onSearch:s,multiple:T,tagRender:p}=t,F=Array.isArray(l)?l:Object.keys(l);return a?e.jsx(b.Form.Item,{...t,name:m,required:d,tooltip:j,rules:h,label:o,className:["w-100",C].join(" "),help:v,children:e.jsx(b.Radio.Group,{...t,onChange:f?n=>{var N;return f((N=n==null?void 0:n.target)==null?void 0:N.value,c)}:void 0,children:F.map(n=>e.jsx(b.Radio,{disabled:!g,value:n,children:i?P(i[n]):n},n))})}):e.jsx(U,{...t,tagRender:typeof p=="function"?p:p?n=>{const{value:N,label:R}=n,k=p[N];return k?e.jsx(b.Tag,{color:k.color,children:R}):e.jsx(b.Tag,{children:R})}:void 0,onChange:f?n=>f(n,c):void 0,className:["w-100",C].join(" "),name:m,items:F,required:d,tooltip:j,rules:h,label:o,help:v,disabled:!g,onSearch:s?n=>s(n,c):void 0,allowClear:!0,mode:T?"multiple":void 0,itemBuilder:n=>e.jsx(b.Select.Option,{value:n,children:i?P(i[n]):n},n)})}case"checkbox":{const{onChange:l,switch:a}=t;return e.jsx(Q,{className:C,rules:h,onChange:l?i=>l(i,c):void 0,label:o,tooltip:j,disabled:!g,name:m,help:v,switch:a})}case"color":return e.jsx(D,{...t,type:"color",required:d,name:m,label:o,rules:h,fieldClassName:C,updatable:g,readonly:w,fieldTooltip:j,fieldHelper:v});default:return e.jsx(e.Fragment,{children:`${x} Not Implemented`})}}function E(y){const{items:o=[],loading:m,searchOnType:x,onSearch:d,multiple:S,onChange:h,highlightSearch:g,required:w,fieldClassName:C,rules:O,fieldTooltip:j,updatable:v,label:t,name:c,tagRender:P,updatingValue:l,onSet:a,placeholder:i,allowClear:f=!0}=y,s=y.form,[T,p]=q.useState(""),F=q.useMemo(()=>M.getRealName(c),[c]),n=q.useMemo(()=>M.getRealName(c,"upsertFieldName"),[c]),N=b.Form.useWatch(F,s),[R,k]=q.useState(!0);q.useEffect(()=>{a&&R&&N&&(a==null||a(N,o,s),k(!1))},[R,s,o,F,a,N]),q.useEffect(()=>{N&&k(!0)},[N]);const _=q.useCallback(async r=>{p(r),x&&(d==null||d(r,s,l))},[s,d,x,l]);return e.jsx(U,{...y,maxTagCount:"responsive",maxTagPlaceholder:r=>e.jsxs(ee,{title:e.jsx(e.Fragment,{children:r.map(u=>e.jsxs(e.Fragment,{children:[u.label," ",e.jsx("br",{})]}))}),children:["+",r==null?void 0:r.length]}),placeholder:i,onSelect:r=>{a==null||a(r==null?void 0:r.key,o,s)},onChange:h?r=>{p(""),h(r,s)}:void 0,mode:S?"multiple":void 0,className:["w-100",C].join(" "),name:n,items:o,required:w,tooltip:j,tagRender:P,rules:O,disabled:!v,label:t,allowClear:f,onSearch:_,loading:m,filterOption:g?(r,u)=>{var H,A,B;try{const I=r.toLowerCase().split(/\s+/),W=((typeof(u==null?void 0:u.children)=="string"?u==null?void 0:u.children:(A=(H=u==null?void 0:u.children)==null?void 0:H.props)==null?void 0:A.textToHighlight)??"").toLowerCase(),G=(((B=u==null?void 0:u.value)==null?void 0:B.toString())??"").toLowerCase();return I.every(L=>W.indexOf(L)>=0||G.indexOf(L)>=0)}catch{return!0}}:void 0,itemBuilder:g?r=>{const u=r.value?String(r.value):void 0;return e.jsx(b.Select.Option,{value:r.key,title:u,disabled:r.disabled,children:e.jsx($,{highlightClassName:"highlight-text",searchWords:(T??"").split(" "),autoEscape:!0,textToHighlight:u??""})},r.key)}:r=>e.jsx(b.Select.Option,{value:r.key,title:r.value,disabled:r.disabled,children:r.value},r.key)})}function D(y){const{required:o,fieldClassName:m,rules:x,fieldTooltip:d,updatable:S,label:h,name:g,fieldHelper:w}=y;return e.jsx(b.Form.Item,{label:h,name:g,required:o,rules:x,tooltip:d,help:w,children:e.jsx(b.ColorPicker,{disabledAlpha:!0,format:"hex",defaultFormat:"hex",showText:!0,trigger:"click",className:m,disabled:!S,...y.innerProps})})}exports.ColorCrudFieldComponent=D;exports.SelectCrudFieldComponent=E;exports.default=re;

package/dist/crud/CrudField.es.js

@@ -1,5 +1,5 @@
-import { jsx as t, Fragment as S, jsxs as E } from "react/jsx-runtime";
-import { Form as j, Radio as M, Select as A, Tag as W, ColorPicker as X } from "antd";
+import { jsx as t, Fragment as P, jsxs as E } from "react/jsx-runtime";
+import { Form as A, Radio as M, Select as j, Tag as W, ColorPicker as X } from "antd";
 import { useEffect as B, useState as G, useMemo as _, useCallback as Y } from "react";
 import Z from "react-highlight-words";
 import { useTranslationLibNoNS as V } from "../locale/index.es.js";
@@ -19,58 +19,58 @@ function Re(N) {
     label: i,
     name: u,
     type: g,
-    required: d,
+    required: s,
     hidden: k,
     rules: h = [],
     updatable: f = !0,
     readonly: w = !1,
     fieldClassName: C,
-    customFormFieldRender: H,
+    customFormFieldRender: S,
     fieldTooltip: v,
     fieldHelper: y,
     ...e
-  } = N, s = j.useFormInstance();
+  } = N, c = A.useFormInstance();
   B(() => {
     if (g === "select") {
       const {
         items: l = [],
         onSearch: a,
-        searchOnType: c
+        searchOnType: d
       } = e;
-      !(l != null && l.length) && !c && (a == null || a(void 0, s, e == null ? void 0 : e.updatingValue));
+      !(l != null && l.length) && !d && (a == null || a(void 0, c, e == null ? void 0 : e.updatingValue));
     }
-  }, [s, e, g, e == null ? void 0 : e.updatingValue]);
-  const { t: P } = V();
-  if (w || k) return /* @__PURE__ */ t(S, {});
-  if (H)
-    return H(s, N);
+  }, [c, e, g, e == null ? void 0 : e.updatingValue]);
+  const { t: H } = V();
+  if (w || k) return /* @__PURE__ */ t(P, {});
+  if (S)
+    return S(c, N);
   switch (g) {
     case "text":
     case "email":
     case "password": {
-      const { onChange: l, placeholder: a, addonAfter: c, addonBefore: p } = e;
+      const { onChange: l, placeholder: a, addonAfter: d, addonBefore: p } = e;
       return /* @__PURE__ */ t(
         ne,
         {
           placeholder: a,
           disabled: !f,
           rules: h,
-          required: d,
-          onChange: l ? (n) => l(n, s) : void 0,
+          required: s,
+          onChange: l ? (n) => l(n, c) : void 0,
           type: g,
           name: u,
           tooltip: v,
           label: i,
           className: C,
           autoComplete: "new-password",
-          addonAfter: c,
+          addonAfter: d,
           addonBefore: p,
           help: y
         }
       );
     }
     case "number": {
-      const { onChange: l, placeholder: a, allowMinus: c, min: p, max: n, addonAfter: T, addonBefore: b } = e;
+      const { onChange: l, placeholder: a, allowMinus: d, min: p, max: n, addonAfter: T, addonBefore: b } = e;
       return /* @__PURE__ */ t(
         oe,
         {
@@ -78,13 +78,13 @@ function Re(N) {
           disabled: !f,
           moneyField: !!e.formatted,
           type: g,
-          onChange: l ? (x) => l(x, s) : void 0,
+          onChange: l ? (x) => l(x, c) : void 0,
           rules: h,
           autoComplete: "false",
-          required: d,
+          required: s,
           tooltip: v,
           className: C,
-          min: c ? null : p,
+          min: d ? null : p,
           max: n,
           addonAfter: T,
           addonBefore: b,
@@ -98,7 +98,7 @@ function Re(N) {
       const {
         range: l,
         disableToday: a,
-        disabledFutureDays: c,
+        disabledFutureDays: d,
         disabledPastDays: p,
         onChange: n,
         placeholder: T,
@@ -108,7 +108,7 @@ function Re(N) {
         ae,
         {
           placeholder: T,
-          required: d,
+          required: s,
           disabled: !f,
           type: g,
           format: b,
@@ -116,10 +116,10 @@ function Re(N) {
           range: l,
           name: u,
           label: i,
-          onChange: n ? (x) => n(x, s) : void 0,
+          onChange: n ? (x) => n(x, c) : void 0,
           className: C,
           disableToday: a,
-          disabledFutureDays: c,
+          disabledFutureDays: d,
           disabledPastDays: p,
           help: y
         }
@@ -129,7 +129,7 @@ function Re(N) {
       const {
         range: l = !1,
         disableCurrent: a,
-        disabledFuture: c,
+        disabledFuture: d,
         disabledPast: p,
         onChange: n,
         use12Hours: T,
@@ -140,7 +140,7 @@ function Re(N) {
         le,
         {
           placeholder: x,
-          required: d,
+          required: s,
           format: b,
           disabled: !f,
           type: g,
@@ -149,10 +149,10 @@ function Re(N) {
           use12Hours: T,
           name: u,
           label: i,
-          onChange: n ? (o) => n(o, s) : void 0,
+          onChange: n ? (o) => n(o, c) : void 0,
           className: C,
           disableCurrent: a,
-          disabledFuture: c,
+          disabledFuture: d,
           disabledPast: p,
           help: y
         }
@@ -165,7 +165,7 @@ function Re(N) {
         re,
         {
           ...e,
-          required: d,
+          required: s,
           name: u,
           label: i,
           rules: h,
@@ -180,7 +180,7 @@ function Re(N) {
         ee,
         {
           ...e,
-          required: d,
+          required: s,
           name: u,
           label: i,
           rules: h,
@@ -195,12 +195,12 @@ function Re(N) {
         se,
         {
           ...e,
-          required: d,
+          required: s,
           name: u,
           label: i,
           rules: h,
           fieldClassName: C,
-          form: s,
+          form: c,
           updatable: f,
           readonly: w,
           fieldTooltip: v,
@@ -211,18 +211,18 @@ function Re(N) {
       const {
         enum: l,
         radio: a = !1,
-        translation: c,
+        translation: d,
         onChange: p,
         onSearch: n,
         multiple: T,
         tagRender: b
       } = e, x = Array.isArray(l) ? l : Object.keys(l);
       return a ? /* @__PURE__ */ t(
-        j.Item,
+        A.Item,
         {
           ...e,
           name: u,
-          required: d,
+          required: s,
           tooltip: v,
           rules: h,
           label: i,
@@ -234,9 +234,9 @@ function Re(N) {
               ...e,
               onChange: p ? (o) => {
                 var F;
-                return p((F = o == null ? void 0 : o.target) == null ? void 0 : F.value, s);
+                return p((F = o == null ? void 0 : o.target) == null ? void 0 : F.value, c);
               } : void 0,
-              children: x.map((o) => /* @__PURE__ */ t(M, { disabled: !f, value: o, children: c ? P(c[o]) : o }, o))
+              children: x.map((o) => /* @__PURE__ */ t(M, { disabled: !f, value: o, children: d ? H(d[o]) : o }, o))
             }
           )
         }
@@ -248,46 +248,47 @@ function Re(N) {
             const { value: F, label: R } = o, O = b[F];
             return O ? /* @__PURE__ */ t(W, { color: O.color, children: R }) : /* @__PURE__ */ t(W, { children: R });
           } : void 0,
-          onChange: p ? (o) => p(o, s) : void 0,
+          onChange: p ? (o) => p(o, c) : void 0,
           className: ["w-100", C].join(" "),
           name: u,
           items: x,
-          required: d,
+          required: s,
           tooltip: v,
           rules: h,
           label: i,
           help: y,
           disabled: !f,
-          onSearch: n ? (o) => n(o, s) : void 0,
+          onSearch: n ? (o) => n(o, c) : void 0,
           allowClear: !0,
           mode: T ? "multiple" : void 0,
-          itemBuilder: (o) => /* @__PURE__ */ t(A.Option, { value: o, children: c ? P(c[o]) : o }, o)
+          itemBuilder: (o) => /* @__PURE__ */ t(j.Option, { value: o, children: d ? H(d[o]) : o }, o)
         }
       );
     }
     case "checkbox": {
-      const { onChange: l } = e;
+      const { onChange: l, switch: a } = e;
       return /* @__PURE__ */ t(
         te,
         {
           className: C,
           rules: h,
-          onChange: l ? (a) => l(a, s) : void 0,
+          onChange: l ? (d) => l(d, c) : void 0,
           label: i,
           tooltip: v,
           disabled: !f,
           name: u,
-          help: y
+          help: y,
+          switch: a
         }
       );
     }
     case "color":
       return /* @__PURE__ */ t(
-        me,
+        ce,
         {
           ...e,
           type: "color",
-          required: d,
+          required: s,
           name: u,
           label: i,
           rules: h,
@@ -299,7 +300,7 @@ function Re(N) {
         }
       );
     default:
-      return /* @__PURE__ */ t(S, { children: `${g} Not Implemented` });
+      return /* @__PURE__ */ t(P, { children: `${g} Not Implemented` });
   }
 }
 function se(N) {
@@ -307,23 +308,23 @@ function se(N) {
     items: i = [],
     loading: u,
     searchOnType: g,
-    onSearch: d,
+    onSearch: s,
     multiple: k,
     onChange: h,
     highlightSearch: f,
     required: w,
     fieldClassName: C,
-    rules: H,
+    rules: S,
     fieldTooltip: v,
     updatable: y,
     label: e,
-    name: s,
-    tagRender: P,
+    name: c,
+    tagRender: H,
     updatingValue: l,
     onSet: a,
-    placeholder: c,
+    placeholder: d,
     allowClear: p = !0
-  } = N, n = N.form, [T, b] = G(""), x = _(() => $.getRealName(s), [s]), o = _(() => $.getRealName(s, "upsertFieldName"), [s]), F = j.useWatch(x, n), [R, O] = G(!0);
+  } = N, n = N.form, [T, b] = G(""), x = _(() => $.getRealName(c), [c]), o = _(() => $.getRealName(c, "upsertFieldName"), [c]), F = A.useWatch(x, n), [R, O] = G(!0);
   B(() => {
     a && R && F && (a == null || a(F, i, n), O(!1));
   }, [R, n, i, x, a, F]), B(() => {
@@ -331,9 +332,9 @@ function se(N) {
   }, [F]);
   const J = Y(
     async (r) => {
-      b(r), g && (d == null || d(r, n, l));
+      b(r), g && (s == null || s(r, n, l));
     },
-    [n, d, g, l]
+    [n, s, g, l]
   );
   return /* @__PURE__ */ t(
     z,
@@ -343,7 +344,7 @@ function se(N) {
       maxTagPlaceholder: (r) => /* @__PURE__ */ E(
         ie,
         {
-          title: /* @__PURE__ */ t(S, { children: r.map((m) => /* @__PURE__ */ E(S, { children: [
+          title: /* @__PURE__ */ t(P, { children: r.map((m) => /* @__PURE__ */ E(P, { children: [
             m.label,
             " ",
             /* @__PURE__ */ t("br", {})
@@ -354,7 +355,7 @@ function se(N) {
           ]
         }
       ),
-      placeholder: c,
+      placeholder: d,
       onSelect: (r) => {
         a == null || a(r == null ? void 0 : r.key, i, n);
       },
@@ -367,8 +368,8 @@ function se(N) {
       items: i,
       required: w,
       tooltip: v,
-      tagRender: P,
-      rules: H,
+      tagRender: H,
+      rules: S,
       disabled: !y,
       label: e,
       allowClear: p,
@@ -388,7 +389,7 @@ function se(N) {
       itemBuilder: f ? (r) => {
         const m = r.value ? String(r.value) : void 0;
         return /* @__PURE__ */ t(
-          A.Option,
+          j.Option,
           {
             value: r.key,
             title: m,
@@ -406,7 +407,7 @@ function se(N) {
           r.key
         );
       } : (r) => /* @__PURE__ */ t(
-        A.Option,
+        j.Option,
         {
           value: r.key,
           title: r.value,
@@ -418,25 +419,25 @@ function se(N) {
     }
   );
 }
-function me(N) {
+function ce(N) {
   const {
     required: i,
     fieldClassName: u,
     rules: g,
-    fieldTooltip: d,
+    fieldTooltip: s,
     updatable: k,
     label: h,
     name: f,
     fieldHelper: w
   } = N;
   return /* @__PURE__ */ t(
-    j.Item,
+    A.Item,
     {
       label: h,
       name: f,
       required: i,
       rules: g,
-      tooltip: d,
+      tooltip: s,
       help: w,
       children: /* @__PURE__ */ t(
         X,
@@ -455,7 +456,7 @@ function me(N) {
   );
 }
 export {
-  me as ColorCrudFieldComponent,
+  ce as ColorCrudFieldComponent,
   se as SelectCrudFieldComponent,
   Re as default
 };

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

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

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

@@ -4,24 +4,24 @@ import { Space as R, Tag as S, Tooltip as w, Avatar as I } from "antd";
 import { ShowMore as V } from "../../common/show-more/index.es.js";
 import { FileCrudCellValue as k } from "../FileCrudField.es.js";
 import { ImageCrudCellValue as x } from "../ImageCrudField.es.js";
-import g from "../../util/DateUtil.es.js";
+import y from "../../util/DateUtil.es.js";
 import j from "../../util/NumberUtil.es.js";
-import { tWithOrWithoutNS as y } from "../../locale/index.es.js";
+import { tWithOrWithoutNS as g } from "../../locale/index.es.js";
 import H from "../../util/CrudUtil.es.js";
 import { ErrorBoundaryComponent as h } from "../../common/error/ErrorBoundaryComponent.es.js";
 function z({
-  type: u,
+  type: c,
   render: i,
   ...l
 }) {
   try {
-    return u === "object" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : "" : u === "select" ? (t, o, r) => {
+    return c === "object" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : "" : c === "select" ? (t, o, r) => {
       if (!t) return "-";
       const n = l, a = t || (n.items ?? []).find(
         (m) => m[n.innerFieldId ?? "key"] === o[H.getRealName(l.name, "upsertFieldName")]
-      ), c = n.multiple ? Array.isArray(a) ? a.map((m) => m == null ? void 0 : m[n.innerFieldLabel ?? "name"]) : void 0 : a == null ? void 0 : a[n.innerFieldLabel ?? "value"];
-      return typeof i == "function" ? i(c, o, r) : Array.isArray(c) ? c.join(", ") : c;
-    } : u === "number" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : l != null && l.int ? j.toInt(t, l.formatted) : j.toMoney(t) : u === "enum" ? (t, o, r) => {
+      ), u = n.multiple ? Array.isArray(a) ? a.map((m) => m == null ? void 0 : m[n.innerFieldLabel ?? "name"]) : void 0 : a == null ? void 0 : a[n.innerFieldLabel ?? "value"];
+      return typeof i == "function" ? i(u, o, r) : Array.isArray(u) ? u.join(", ") : u;
+    } : c === "number" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : l != null && l.int ? j.toInt(t, l.formatted) : j.toMoney(t) : c === "enum" ? (t, o, r) => {
       var m;
       if (!t) return "-";
       const n = l;
@@ -31,50 +31,51 @@ function z({
         const f = Array.isArray(t) ? t : t ? [t] : [];
         return typeof n.tagRender == "object" ? /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(R, { wrap: !0, children: f.map((d, s) => {
           var b, A;
-          const v = (b = n.tagRender) == null ? void 0 : b[d], C = y(
+          const v = (b = n.tagRender) == null ? void 0 : b[d], C = g(
             ((A = n == null ? void 0 : n.translation) == null ? void 0 : A[d ?? ""]) ?? d
           );
           return v ? /* @__PURE__ */ e(S, { color: v.color, children: C }, s + d) : C;
         }) }) }) : n != null && n.translation ? /* @__PURE__ */ e(h, { children: f == null ? void 0 : f.map(
           (d) => {
             var s;
-            return y(((s = n == null ? void 0 : n.translation) == null ? void 0 : s[d ?? ""]) ?? d);
+            return g(((s = n == null ? void 0 : n.translation) == null ? void 0 : s[d ?? ""]) ?? d);
           }
         ).join(", ") }) : f == null ? void 0 : f.join(", ");
       }
-      const a = ((m = n == null ? void 0 : n.translation) == null ? void 0 : m[t ?? ""]) ?? t, c = y(a);
+      const a = ((m = n == null ? void 0 : n.translation) == null ? void 0 : m[t ?? ""]) ?? t, u = g(a);
       if (typeof n.tagRender == "object") {
         const f = n.tagRender[t];
         if (f)
-          return /* @__PURE__ */ e(S, { color: f.color, children: c });
+          return /* @__PURE__ */ e(S, { color: f.color, children: u });
       }
-      return c;
-    } : u === "date" ? (t, o, r) => {
+      return u;
+    } : c === "date" ? (t, o, r) => {
       if (!t) return "-";
-      const n = l != null && l.formatTime ? g.formatDateTime(t) : g.formatDate(t);
+      const n = l != null && l.formatTime ? y.formatDateTime(t) : y.formatDate(t);
       return /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : n });
-    } : u === "checkbox" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : t ? /* @__PURE__ */ e(T, {}) : /* @__PURE__ */ e(F, {}) : u === "image" ? (t, o, r) => t ? /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : /* @__PURE__ */ e(
+    } : c === "checkbox" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : t ? /* @__PURE__ */ e(T, {}) : /* @__PURE__ */ e(F, {}) : c === "image" ? (t, o, r) => t ? /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : /* @__PURE__ */ e(
       x,
       {
         value: t,
         provider: l.provider
       }
-    ) }) : "-" : u === "file" ? (t, o, r) => t ? /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : /* @__PURE__ */ e(
+    ) }) : "-" : c === "file" ? (t, o, r) => t ? /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : /* @__PURE__ */ e(
       k,
       {
         value: t,
         provider: l.provider
       }
-    ) }) : "" : u === "time" ? (t, o, r) => {
+    ) }) : "" : c === "time" ? (t, o, r) => {
       if (!t) return "-";
-      const n = l == null ? void 0 : l.format, a = l == null ? void 0 : l.use12Hours, c = g.formatTime(
+      const n = l == null ? void 0 : l.format, a = l == null ? void 0 : l.use12Hours, u = y.formatTime(
         t,
         n || (a ? "hh:mm:ss A" : void 0)
       );
-      return /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : c });
-    } : u === "color" ? (t, o, r) => t ? typeof i == "function" ? i(t, o, r) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ e(w, { title: t, children: /* @__PURE__ */ e(I, { style: { backgroundColor: t } }) }) : String(t) : "-" : u === "textarea" ? (t, o, r) => {
+      return /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : u });
+    } : c === "color" ? (t, o, r) => t ? typeof i == "function" ? i(t, o, r) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ e(w, { title: t, children: /* @__PURE__ */ e(I, { style: { backgroundColor: t } }) }) : String(t) : "-" : c === "textarea" ? (t, o, r) => {
       if (!t) return "-";
-      const n = l, a = n.truncated ?? 1, c = typeof i == "function" ? i(t, o, r) : a ? /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(V, { lines: a === !0 ? 1 : a, children: n.rich ? /* @__PURE__ */ e(
+      const n = l, a = n.truncated ?? 1;
+      return typeof i == "function" ? i(t, o, r) : a ? /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(V, { lines: a === !0 ? 1 : a, children: n.rich ? /* @__PURE__ */ e(
         "div",
         {
           style: { all: "unset" },
@@ -87,7 +88,6 @@ function z({
           dangerouslySetInnerHTML: { __html: t }
         }
       ) : t;
-      return console.log("component", c), c;
     } : typeof i == "function" ? i : (t, o, r) => t;
   } catch (t) {
     return console.warn(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",