@kingteza/crud-component 1.0.55 → 1.0.57

package/crud/CrudForm.es.js

@@ -1,101 +1,102 @@
-import { jsx as d, Fragment as g, jsxs as b } from "react/jsx-runtime";
-import k, { useMemo as S, createElement as s, useCallback as j } from "react";
-import { Form as A, Col as w, Input as v, Row as H } from "antd";
-import p from "./CrudField.es.js";
-function _({
-  form: a,
-  purpose: y = "new",
-  ...c
+import { jsx as a, Fragment as y, jsxs as v } from "react/jsx-runtime";
+import S, { useMemo as N, createElement as p, useCallback as j } from "react";
+import { Form as k, Col as w, Input as A, Row as H } from "antd";
+import l from "./CrudField.es.js";
+import C from "../util/CrudUtil.es.js";
+function z({
+  form: d,
+  purpose: g = "new",
+  ...u
 }) {
-  return /* @__PURE__ */ d(A, { form: a, layout: "vertical", children: /* @__PURE__ */ d(I, { ...c, purpose: y }) });
+  return /* @__PURE__ */ a(k, { form: d, layout: "vertical", children: /* @__PURE__ */ a(I, { ...u, purpose: g }) });
 }
 function I({
-  fields: a,
-  formBuilder: y,
-  grid: c,
+  fields: d,
+  formBuilder: g,
+  grid: u,
   onDeleteFile: m,
-  onUploadFile: u,
-  purpose: e
+  onUploadFile: e,
+  purpose: c
 }) {
-  const h = S(
-    () => a.filter((r) => !r.readonly).map((r) => {
+  const h = N(
+    () => d.filter((r) => !r.readonly).map((r) => {
       const i = {
-        onUploading: r.type === "image" || r.type === "file" ? (n) => {
-          var t;
-          r.onUploading && ((t = r.onUploading) == null || t.call(r, n)), u == null || u(n);
+        onUploading: r.type === "image" || r.type === "file" ? (t) => {
+          var n;
+          r.onUploading && ((n = r.onUploading) == null || n.call(r, t)), e == null || e(t);
         } : void 0,
-        onDelete: r.type === "image" || r.type === "file" ? (n) => {
-          var t;
-          r.onUploading && ((t = r.onDelete) == null || t.call(r, n)), m == null || m(n);
+        onDelete: r.type === "image" || r.type === "file" ? (t) => {
+          var n;
+          r.onUploading && ((n = r.onDelete) == null || n.call(r, t)), m == null || m(t);
         } : void 0
       };
-      return /* @__PURE__ */ d(k.Fragment, { children: r.grid && c ? /* @__PURE__ */ d(w, { ...r.grid, children: /* @__PURE__ */ s(
-        p,
+      return /* @__PURE__ */ a(S.Fragment, { children: r.grid && u ? /* @__PURE__ */ a(w, { ...r.grid, children: /* @__PURE__ */ p(
+        l,
         {
           ...r,
           ...i,
           key: typeof r.name == "string" ? r.name : String(r.name),
-          updatable: e !== "update" ? !0 : r.updatable
+          updatable: c !== "update" ? !0 : r.updatable
         }
-      ) }) : /* @__PURE__ */ s(
-        p,
+      ) }) : /* @__PURE__ */ p(
+        l,
         {
           ...r,
           ...i,
           key: typeof r.name == "string" ? r.name : String(r.name),
-          updatable: e !== "update" ? !0 : r.updatable
+          updatable: c !== "update" ? !0 : r.updatable
         }
       ) }, r.name);
     }),
-    [a, c, m, u, e]
-  ), C = j(
+    [d, u, m, e, c]
+  ), R = j(
     (r, i = {}) => {
-      const n = a.find((t) => t.name === r);
-      if (n != null && n.hidden) return /* @__PURE__ */ d(g, {});
-      if (n) {
-        const t = {
-          onUploading: n.type === "image" || n.type === "file" ? (o) => {
+      const t = d.find((n) => C.getRealName(n.name) === r);
+      if (t != null && t.hidden) return /* @__PURE__ */ a(y, {});
+      if (t) {
+        const n = {
+          onUploading: t.type === "image" || t.type === "file" ? (o) => {
             var f;
-            n.onUploading && ((f = n.onUploading) == null || f.call(n, o)), u == null || u(o);
+            t.onUploading && ((f = t.onUploading) == null || f.call(t, o)), e == null || e(o);
           } : void 0,
-          onDelete: n.type === "image" || n.type === "file" ? (o) => {
+          onDelete: t.type === "image" || t.type === "file" ? (o) => {
             var f;
-            n.onUploading && ((f = n.onDelete) == null || f.call(n, o)), m == null || m(o);
+            t.onUploading && ((f = t.onDelete) == null || f.call(t, o)), m == null || m(o);
           } : void 0
-        }, l = /* @__PURE__ */ s(
-          p,
+        }, s = C.getRealName(t.name), b = /* @__PURE__ */ p(
+          l,
           {
-            ...n,
-            ...i,
             ...t,
-            key: typeof n.name == "string" ? n.name : String(n.name),
-            updatable: e !== "update" ? !0 : n.updatable
+            ...i,
+            ...n,
+            key: typeof s == "string" ? s : String(s),
+            updatable: c !== "update" ? !0 : t.updatable
           }
         );
-        return i.render ? i.render(l) : l;
+        return i.render ? i.render(b) : b;
       }
-      return /* @__PURE__ */ d(g, {});
+      return /* @__PURE__ */ a(y, {});
     },
-    [a, e]
+    [d, c]
   );
-  return /* @__PURE__ */ d(g, { children: y ? /* @__PURE__ */ b(g, { children: [
-    y(C, {
+  return /* @__PURE__ */ a(y, { children: g ? /* @__PURE__ */ v(y, { children: [
+    g(R, {
       isAnyFieldHidden(...r) {
         const i = Array.isArray(r) ? r : [r];
-        return a.filter((t) => i.includes(t.name)).some((t) => t.hidden);
+        return d.filter((n) => i.includes(n.name)).some((n) => n.hidden);
       },
       isAllFieldsHidden(...r) {
         const i = Array.isArray(r) ? r : [r];
-        return a.filter((t) => i.includes(t.name)).every((t) => t.hidden);
+        return d.filter((n) => i.includes(n.name)).every((n) => n.hidden);
       }
     }),
-    /* @__PURE__ */ b(A.Item, { hidden: !0, noStyle: !0, children: [
-      /* @__PURE__ */ d(v, { name: "id" }),
-      /* @__PURE__ */ d(v, {})
+    /* @__PURE__ */ v(k.Item, { hidden: !0, noStyle: !0, children: [
+      /* @__PURE__ */ a(A, { name: "id" }),
+      /* @__PURE__ */ a(A, {})
     ] })
-  ] }) : c ? /* @__PURE__ */ d(H, { gutter: [8, 8], children: h }) : h });
+  ] }) : u ? /* @__PURE__ */ a(H, { gutter: [8, 8], children: h }) : h });
 }
 export {
-  _ as CrudForm,
+  z as CrudForm,
   I as CrudFormFields
 };

package/crud/CrudFormWizard.cjs.js

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

package/crud/CrudFormWizard.es.js

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

package/crud/CrudSearchComponent.cjs.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("react"),w=require("@ant-design/icons"),f=require("antd"),M=require("./CrudField.cjs.js"),N=require("../common/button/Button.cjs.js");function a({searchFields:t=[],fields:b,searchOnChange:x,onSearch:g,searchDefaultValues:m,searchFieldsCustomColumnProps:r}){const p=o.useMemo(()=>t.map(n=>typeof n=="string"?{...b.find(c=>n===c.name),required:!1}:{...b.find(i=>(n==null?void 0:n.name)===i.name),...n}).filter(n=>n&&!(n!=null&&n.hidden)),[t,b]),y=o.useMemo(()=>t.length===1?{field:22,button:2}:t.length===2?{field:11,button:2}:t.length===3?{field:6,button:6}:t.length===4?{field:5,button:4}:t.length===5?{field:4,button:4}:{field:4,button:4},[t.length]),j=o.useMemo(()=>t.length===1?{field:22,button:2}:t.length===2?{field:11,button:2}:t.length===3?{field:6,button:6}:t.length===4?{field:5,button:4}:t.length===5?{field:4,button:4}:{field:4,button:4},[t.length]),q=o.useMemo(()=>t.length===1?{field:21,button:3}:t.length===2?{field:11,button:2}:t.length===3?{field:24,button:24}:t.length===4?{field:5,button:4}:t.length===5?{field:4,button:4}:{field:4,button:4},[t.length]),[u]=f.Form.useForm(),d=o.useCallback(async n=>{if((n||x)&&g){const l=await u.validateFields();g(l)}},[u,g,x]);return o.useEffect(()=>{m&&(u.setFieldsValue(m),d(!0))},[u,m]),t!=null&&t.length?e.jsx(f.Form,{form:u,onFinish:()=>d(!0),layout:"vertical",className:"mb-2",onChange:()=>d(!1),children:e.jsxs(f.Row,{gutter:[4,8],className:"w-100",children:[p.map((n,l)=>{const i=(r==null?void 0:r[l])??{md:y.field,sm:j.field,xs:q.field};return o.createElement(f.Col,{...i,key:`search_field_${String(n.name)}`,className:"align-self-end"},e.jsx(M.default,{...n,readonly:!1,fieldClassName:"mb-0"}))}),e.jsx(f.Col,{md:y.button,sm:j.button,xs:q.button,style:{alignSelf:"end"},children:e.jsx(N,{type:"primary",htmlType:"submit",block:!0,icon:e.jsx(w.SearchOutlined,{})})})]})}):e.jsx(e.Fragment,{})}module.exports=a;
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),p=require("@ant-design/icons"),l=require("antd"),N=require("./CrudField.cjs.js"),w=require("../util/CrudUtil.cjs.js"),M=require("../common/button/Button.cjs.js");function R({searchFields:t=[],fields:g,searchOnChange:y,onSearch:m,searchDefaultValues:b,searchFieldsCustomColumnProps:r}){const c=o.useMemo(()=>t.map(n=>typeof n=="string"?{...g.find(x=>n===x.name),required:!1}:{...g.find(i=>(n==null?void 0:n.name)===i.name),...n}).filter(n=>n&&!(n!=null&&n.hidden)),[t,g]),j=o.useMemo(()=>t.length===1?{field:22,button:2}:t.length===2?{field:11,button:2}:t.length===3?{field:6,button:6}:t.length===4?{field:5,button:4}:t.length===5?{field:4,button:4}:{field:4,button:4},[t.length]),q=o.useMemo(()=>t.length===1?{field:22,button:2}:t.length===2?{field:11,button:2}:t.length===3?{field:6,button:6}:t.length===4?{field:5,button:4}:t.length===5?{field:4,button:4}:{field:4,button:4},[t.length]),a=o.useMemo(()=>t.length===1?{field:21,button:3}:t.length===2?{field:11,button:2}:t.length===3?{field:24,button:24}:t.length===4?{field:5,button:4}:t.length===5?{field:4,button:4}:{field:4,button:4},[t.length]),[u]=l.Form.useForm(),d=o.useCallback(async n=>{if((n||y)&&m){const f=await u.validateFields();m(f)}},[u,m,y]);return o.useEffect(()=>{b&&(u.setFieldsValue(b),d(!0))},[u,b]),t!=null&&t.length?e.jsx(l.Form,{form:u,onFinish:()=>d(!0),layout:"vertical",className:"mb-2",onChange:()=>d(!1),children:e.jsxs(l.Row,{gutter:[4,8],className:"w-100",children:[c.map((n,f)=>{const i=(r==null?void 0:r[f])??{md:j.field,sm:q.field,xs:a.field},x=w.getRealName(n.name);return o.createElement(l.Col,{...i,key:`search_field_${String(x)}`,className:"align-self-end"},e.jsx(N.default,{...n,readonly:!1,fieldClassName:"mb-0"}))}),e.jsx(l.Col,{md:j.button,sm:q.button,xs:a.button,style:{alignSelf:"end"},children:e.jsx(M,{type:"primary",htmlType:"submit",block:!0,icon:e.jsx(p.SearchOutlined,{})})})]})}):e.jsx(e.Fragment,{})}module.exports=R;

package/crud/CrudSearchComponent.es.js

@@ -1,87 +1,88 @@
 import { jsx as o, Fragment as j, jsxs as v } from "react/jsx-runtime";
-import { useMemo as u, useCallback as E, useEffect as S, createElement as _ } from "react";
-import { SearchOutlined as q } from "@ant-design/icons";
-import { Form as w, Row as B, Col as N } from "antd";
-import M from "./CrudField.es.js";
-import R from "../common/button/Button.es.js";
+import { useMemo as l, useCallback as E, useEffect as R, createElement as S } from "react";
+import { SearchOutlined as _ } from "@ant-design/icons";
+import { Form as N, Row as q, Col as w } from "antd";
+import B from "./CrudField.es.js";
+import M from "../util/CrudUtil.es.js";
+import T from "../common/button/Button.es.js";
 function I({
   searchFields: t = [],
-  fields: e,
-  searchOnChange: p,
-  onSearch: b,
+  fields: u,
+  searchOnChange: d,
+  onSearch: i,
   searchDefaultValues: g,
-  searchFieldsCustomColumnProps: i
+  searchFieldsCustomColumnProps: b
 }) {
-  const k = u(
+  const k = l(
     () => t.map((n) => typeof n == "string" ? {
-      ...e.find((a) => n === a.name),
+      ...u.find((p) => n === p.name),
       required: !1
     } : {
-      ...e.find(
-        (l) => (n == null ? void 0 : n.name) === l.name
+      ...u.find(
+        (e) => (n == null ? void 0 : n.name) === e.name
       ),
       ...n
     }).filter((n) => n && !(n != null && n.hidden)),
-    [t, e]
-  ), d = u(
+    [t, u]
+  ), y = l(
     () => t.length === 1 ? { field: 22, button: 2 } : t.length === 2 ? { field: 11, button: 2 } : t.length === 3 ? { field: 6, button: 6 } : t.length === 4 ? { field: 5, button: 4 } : t.length === 5 ? { field: 4, button: 4 } : { field: 4, button: 4 },
     [t.length]
-  ), y = u(
+  ), a = l(
     () => t.length === 1 ? { field: 22, button: 2 } : t.length === 2 ? { field: 11, button: 2 } : t.length === 3 ? { field: 6, button: 6 } : t.length === 4 ? { field: 5, button: 4 } : t.length === 5 ? { field: 4, button: 4 } : { field: 4, button: 4 },
     [t.length]
-  ), x = u(
+  ), x = l(
     () => t.length === 1 ? { field: 21, button: 3 } : t.length === 2 ? { field: 11, button: 2 } : t.length === 3 ? { field: 24, button: 24 } : t.length === 4 ? { field: 5, button: 4 } : t.length === 5 ? { field: 4, button: 4 } : { field: 4, button: 4 },
     [t.length]
-  ), [f] = w.useForm(), r = E(
+  ), [f] = N.useForm(), r = E(
     async (n) => {
-      if ((n || p) && b) {
+      if ((n || d) && i) {
         const m = await f.validateFields();
-        b(m);
+        i(m);
       }
     },
-    [f, b, p]
+    [f, i, d]
   );
-  return S(() => {
+  return R(() => {
     g && (f.setFieldsValue(g), r(!0));
   }, [f, g]), t != null && t.length ? /* @__PURE__ */ o(
-    w,
+    N,
     {
       form: f,
       onFinish: () => r(!0),
       layout: "vertical",
       className: "mb-2",
       onChange: () => r(!1),
-      children: /* @__PURE__ */ v(B, { gutter: [4, 8], className: "w-100", children: [
+      children: /* @__PURE__ */ v(q, { gutter: [4, 8], className: "w-100", children: [
         k.map((n, m) => {
-          const l = (i == null ? void 0 : i[m]) ?? {
-            md: d.field,
-            sm: y.field,
+          const e = (b == null ? void 0 : b[m]) ?? {
+            md: y.field,
+            sm: a.field,
             xs: x.field
-          };
-          return /* @__PURE__ */ _(
-            N,
+          }, p = M.getRealName(n.name);
+          return /* @__PURE__ */ S(
+            w,
             {
-              ...l,
-              key: `search_field_${String(n.name)}`,
+              ...e,
+              key: `search_field_${String(p)}`,
               className: "align-self-end"
             },
-            /* @__PURE__ */ o(M, { ...n, readonly: !1, fieldClassName: "mb-0" })
+            /* @__PURE__ */ o(B, { ...n, readonly: !1, fieldClassName: "mb-0" })
           );
         }),
         /* @__PURE__ */ o(
-          N,
+          w,
           {
-            md: d.button,
-            sm: y.button,
+            md: y.button,
+            sm: a.button,
             xs: x.button,
             style: { alignSelf: "end" },
             children: /* @__PURE__ */ o(
-              R,
+              T,
               {
                 type: "primary",
                 htmlType: "submit",
                 block: !0,
-                icon: /* @__PURE__ */ o(q, {})
+                icon: /* @__PURE__ */ o(_, {})
               }
             )
           }

package/crud/CrudTextAreaComponent.cjs.js

@@ -1 +1 @@
-"use strict";const u=require("react/jsx-runtime"),h=require("../common/text-field/TextArea.cjs.js"),j=require("../common/rich/index.cjs.js"),q=require("antd"),C=({onChange:t,label:r,required:s,rules:o,name:i,updatable:n=!0,...c})=>{const x=q.Form.useFormInstance();if(c.rich)return u.jsx(j.RichTextEditor,{name:i,label:r,required:s,rules:o,disabled:!n});{const{placeholder:a,rows:l,cols:m,fieldClassName:f,fieldTooltip:T}=c;return u.jsx(h.default,{rules:o,placeholder:a,onChange:t?e=>{var d;return t((d=e==null?void 0:e.target)==null?void 0:d.value,x)}:void 0,tooltip:T,required:s,disabled:!n,name:i,label:r,className:f,rows:l,cols:m})}};module.exports=C;
+"use strict";const u=require("react/jsx-runtime"),C=require("../common/text-field/TextArea.cjs.js"),T=require("../common/rich/index.cjs.js"),h=require("antd"),j=require("../util/CrudUtil.cjs.js"),p=({onChange:t,label:r,required:s,rules:o,name:i,updatable:n=!0,...c})=>{const a=h.Form.useFormInstance(),l=j.getRealName(i,"upsertFieldName");if(c.rich)return u.jsx(T.RichTextEditor,{name:l,label:r,required:s,rules:o,disabled:!n});{const{placeholder:m,rows:x,cols:f,fieldClassName:N,fieldTooltip:q}=c;return u.jsx(C.default,{rules:o,placeholder:m,onChange:t?e=>{var d;return t((d=e==null?void 0:e.target)==null?void 0:d.value,a)}:void 0,tooltip:q,required:s,disabled:!n,name:i,label:r,className:N,rows:x,cols:f})}};module.exports=p;

package/crud/CrudTextAreaComponent.es.js

@@ -1,51 +1,52 @@
 import { jsx as d } from "react/jsx-runtime";
-import C from "../common/text-field/TextArea.es.js";
+import N from "../common/text-field/TextArea.es.js";
 import { RichTextEditor as T } from "../common/rich/index.es.js";
 import { Form as h } from "antd";
-const j = ({
-  onChange: t,
-  label: r,
-  required: e,
-  rules: i,
-  name: m,
+import F from "../util/CrudUtil.es.js";
+const E = ({
+  onChange: e,
+  label: t,
+  required: r,
+  rules: m,
+  name: i,
   updatable: s = !0,
-  ...n
+  ...a
 }) => {
-  const f = h.useFormInstance();
-  if (n.rich)
+  const c = h.useFormInstance(), f = F.getRealName(i, "upsertFieldName");
+  if (a.rich)
     return /* @__PURE__ */ d(
       T,
       {
-        name: m,
-        label: r,
-        required: e,
-        rules: i,
+        name: f,
+        label: t,
+        required: r,
+        rules: m,
         disabled: !s
       }
     );
   {
-    const { placeholder: p, rows: a, cols: l, fieldClassName: x, fieldTooltip: u } = n;
+    const { placeholder: l, rows: p, cols: u, fieldClassName: x, fieldTooltip: C } = a;
     return /* @__PURE__ */ d(
-      C,
+      N,
       {
-        rules: i,
-        placeholder: p,
-        onChange: t ? (o) => {
-          var c;
-          return t((c = o == null ? void 0 : o.target) == null ? void 0 : c.value, f);
+        rules: m,
+        placeholder: l,
+        onChange: e ? (o) => {
+          var n;
+          return e((n = o == null ? void 0 : o.target) == null ? void 0 : n.value, c);
         } : void 0,
-        tooltip: u,
-        required: e,
+        tooltip: C,
+        required: r,
         disabled: !s,
-        name: m,
-        label: r,
+        name: i,
+        label: t,
         className: x,
-        rows: a,
-        cols: l
+        rows: p,
+        cols: u
       }
     );
   }
 };
 export {
-  j as default
+  E as default
 };

package/crud/FileCrudField.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime");;/* empty css               */const d=require("@ant-design/icons"),F=require("antd"),k=require("mime"),c=require("react"),W=require("../locale/index.cjs.js"),B=require("../util/ValidationUtil.cjs.js"),p=require("../common/button/Button.cjs.js"),z=require("../common/layout/VerticalSpace.cjs.js");function G({name:n,label:e,required:l,provider:s,onUploading:a,onRemoved:h,fieldClassName:j,accept:P,rules:U,maxCount:O=1,block:_,...$}){const f=F.Form.useFormInstance(),x=F.Form.useWatch(n,f),[b,q]=c.useState(!1),[V,N]=c.useState(!1),A=c.useCallback(async r=>{var i,u;try{const{file:o}=r,g=o.name;q(!0),N(!0),a==null||a(!0);const C=g??"",S=C.split("."),L=S[S.length-1],R=s.generateFileName(C),M=`${await s.getInitialPath()}/${R}.${L}`;console.log({filePath:M});const D=await s.upload({...o,originFileObj:o},M);a==null||a(!1),f.setFieldValue(n,D),(i=r.onSuccess)==null||i.call(r,D)}catch(o){(u=r.onError)==null||u.call(r,o)}finally{q(!1)}},[f,n,a,s]),[w,I]=c.useState([]);c.useEffect(()=>{!V&&x&&Promise.all((Array.isArray(x)?x:[x]).map(async r=>{const i=k.getType(r),u=r.split("/").pop(),o=await s.getRealUrl(r);return{uid:r,url:o,type:i,name:u}})).then(r=>I(()=>{const i=r.map(({url:u,type:o,uid:g,name:C})=>({uid:g,url:u,type:o,response:g,thumbUrl:u,name:C}));return console.log(i),i}))},[x,V,b,s]);const H=c.useCallback(async r=>{const i=r.response,u=i||f.getFieldValue(n);await s.delete(u),h==null||h(),r&&f.setFieldsValue({[n]:null})},[f,n,h,s]);return t.jsxs(F.Form.Item,{label:e,required:l,name:n,className:j,rules:[...l?B.required(e):[],...U??[]],children:[t.jsx("input",{hidden:!0}),t.jsx(F.Upload,{...$,fileList:w,className:((w==null?void 0:w.length)??0)>=O?"hide-upload":"",maxCount:O,customRequest:A,onRemove:H,listType:"picture",onChange:({fileList:r})=>{I(r)},style:_?{width:"100%"}:void 0,children:t.jsx(p,{loading:b,children:"Upload File"})})]})}const J=({provider:n,value:e})=>{const[l,s]=c.useState();return c.useEffect(()=>{e&&n.getRealUrl(e).then(a=>{s({mimeType:k.getType(e),url:a,fileName:e.split("/").pop()??e})})},[n,e]),l?t.jsx(E,{fileName:l.fileName,url:l==null?void 0:l.url,mimeType:l==null?void 0:l.mimeType}):t.jsx(t.Fragment,{})},E=({url:n,mimeType:e="",fileName:l})=>{const s=c.useMemo(()=>e!=null&&e.includes("image")?"image":e!=null&&e.includes("pdf")?"pdf":e!=null&&e.includes("word")?"word":e!=null&&e.includes("text")?"text":e!=null&&e.includes("presentation")?"presentation":e!=null&&e.includes("excel")||e!=null&&e.includes("spreadsheet")?"excel":"file",[e]),a=c.useMemo(()=>{switch(s){case"image":return t.jsx(d.FileImageOutlined,{});case"pdf":return t.jsx(d.FilePdfOutlined,{});case"word":return t.jsx(d.FileWordOutlined,{});case"text":return t.jsx(d.FileTextOutlined,{});case"excel":return t.jsx(d.FileExcelOutlined,{});case"presentation":return t.jsx(d.FilePptOutlined,{});default:return t.jsx(d.FileOutlined,{})}},[s]),[h,j]=c.useState(!1),{t:P}=W.useTranslationLib();return s!=="file"&&s!=="text"?t.jsxs(t.Fragment,{children:[t.jsx(F.Modal,{open:h,title:l,onCancel:()=>j(!1),footer:t.jsx(t.Fragment,{}),width:"100%",style:{top:"8px",minHeight:"700px"},destroyOnHidden:!0,children:t.jsxs(z,{children:[t.jsx(p,{tooltip:l,icon:t.jsx(d.ExportOutlined,{}),target:"_blank",href:n,style:{textDecoration:"none"},children:P("str.openInNewTab")}),s==="image"?t.jsx("img",{src:n,alt:l,style:{width:"100%"}}):s==="pdf"?t.jsxs("iframe",{title:l,src:n,width:"100%",height:"700px",children:["This browser does not support PDFs. Please download the PDF to view it:",t.jsx("a",{href:n,children:"Download PDF"})]}):t.jsxs("iframe",{title:l,src:`https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(n)}`,width:"100%",height:"700px",children:["This browser does not support open ",s.toUpperCase(),". Please download the",s.toUpperCase()," to view it:",t.jsxs("a",{href:n,children:["Download ",s.toUpperCase()]}),"."]})]})}),t.jsx(p,{tooltip:l,icon:a,shape:"circle",onClick:()=>j(!0)})]}):t.jsx(p,{tooltip:l,icon:a,target:"_blank",href:n,shape:"circle"})};exports.FileCellValue=E;exports.FileCrudCellValue=J;exports.default=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime");;/* empty css               */const d=require("@ant-design/icons"),F=require("antd"),N=require("mime"),c=require("react"),B=require("../locale/index.cjs.js"),z=require("../util/ValidationUtil.cjs.js"),p=require("../common/button/Button.cjs.js"),G=require("../common/layout/VerticalSpace.cjs.js"),J=require("../util/CrudUtil.cjs.js");function K({name:n,label:e,required:l,provider:s,onUploading:a,onRemoved:h,fieldClassName:j,accept:P,rules:k,maxCount:q=1,block:E,..._}){const f=F.Form.useFormInstance(),$=J.getRealName(n,"upsertFieldName"),x=F.Form.useWatch($,f),[O,b]=c.useState(!1),[V,R]=c.useState(!1),A=c.useCallback(async r=>{var i,u;try{const{file:o}=r,g=o.name;b(!0),R(!0),a==null||a(!0);const C=g??"",S=C.split("."),L=S[S.length-1],W=s.generateFileName(C),M=`${await s.getInitialPath()}/${W}.${L}`;console.log({filePath:M});const D=await s.upload({...o,originFileObj:o},M);a==null||a(!1),f.setFieldValue(n,D),(i=r.onSuccess)==null||i.call(r,D)}catch(o){(u=r.onError)==null||u.call(r,o)}finally{b(!1)}},[f,n,a,s]),[w,I]=c.useState([]);c.useEffect(()=>{!V&&x&&Promise.all((Array.isArray(x)?x:[x]).map(async r=>{const i=N.getType(r),u=r.split("/").pop(),o=await s.getRealUrl(r);return{uid:r,url:o,type:i,name:u}})).then(r=>I(()=>{const i=r.map(({url:u,type:o,uid:g,name:C})=>({uid:g,url:u,type:o,response:g,thumbUrl:u,name:C}));return console.log(i),i}))},[x,V,O,s]);const H=c.useCallback(async r=>{const i=r.response,u=i||f.getFieldValue(n);await s.delete(u),h==null||h(),r&&f.setFieldsValue({[n]:null})},[f,n,h,s]);return t.jsxs(F.Form.Item,{label:e,required:l,name:n,className:j,rules:[...l?z.required(e):[],...k??[]],children:[t.jsx("input",{hidden:!0}),t.jsx(F.Upload,{..._,fileList:w,className:((w==null?void 0:w.length)??0)>=q?"hide-upload":"",maxCount:q,customRequest:A,onRemove:H,listType:"picture",onChange:({fileList:r})=>{I(r)},style:E?{width:"100%"}:void 0,children:t.jsx(p,{loading:O,children:"Upload File"})})]})}const Q=({provider:n,value:e})=>{const[l,s]=c.useState();return c.useEffect(()=>{e&&n.getRealUrl(e).then(a=>{s({mimeType:N.getType(e),url:a,fileName:e.split("/").pop()??e})})},[n,e]),l?t.jsx(U,{fileName:l.fileName,url:l==null?void 0:l.url,mimeType:l==null?void 0:l.mimeType}):t.jsx(t.Fragment,{})},U=({url:n,mimeType:e="",fileName:l})=>{const s=c.useMemo(()=>e!=null&&e.includes("image")?"image":e!=null&&e.includes("pdf")?"pdf":e!=null&&e.includes("word")?"word":e!=null&&e.includes("text")?"text":e!=null&&e.includes("presentation")?"presentation":e!=null&&e.includes("excel")||e!=null&&e.includes("spreadsheet")?"excel":"file",[e]),a=c.useMemo(()=>{switch(s){case"image":return t.jsx(d.FileImageOutlined,{});case"pdf":return t.jsx(d.FilePdfOutlined,{});case"word":return t.jsx(d.FileWordOutlined,{});case"text":return t.jsx(d.FileTextOutlined,{});case"excel":return t.jsx(d.FileExcelOutlined,{});case"presentation":return t.jsx(d.FilePptOutlined,{});default:return t.jsx(d.FileOutlined,{})}},[s]),[h,j]=c.useState(!1),{t:P}=B.useTranslationLib();return s!=="file"&&s!=="text"?t.jsxs(t.Fragment,{children:[t.jsx(F.Modal,{open:h,title:l,onCancel:()=>j(!1),footer:t.jsx(t.Fragment,{}),width:"100%",style:{top:"8px",minHeight:"700px"},destroyOnHidden:!0,children:t.jsxs(G,{children:[t.jsx(p,{tooltip:l,icon:t.jsx(d.ExportOutlined,{}),target:"_blank",href:n,style:{textDecoration:"none"},children:P("str.openInNewTab")}),s==="image"?t.jsx("img",{src:n,alt:l,style:{width:"100%"}}):s==="pdf"?t.jsxs("iframe",{title:l,src:n,width:"100%",height:"700px",children:["This browser does not support PDFs. Please download the PDF to view it:",t.jsx("a",{href:n,children:"Download PDF"})]}):t.jsxs("iframe",{title:l,src:`https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(n)}`,width:"100%",height:"700px",children:["This browser does not support open ",s.toUpperCase(),". Please download the",s.toUpperCase()," to view it:",t.jsxs("a",{href:n,children:["Download ",s.toUpperCase()]}),"."]})]})}),t.jsx(p,{tooltip:l,icon:a,shape:"circle",onClick:()=>j(!0)})]}):t.jsx(p,{tooltip:l,icon:a,target:"_blank",href:n,shape:"circle"})};exports.FileCellValue=U;exports.FileCrudCellValue=Q;exports.default=K;