@kingteza/crud-component 1.17.2 → 1.19.0

package/dist/common/rich/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var N=Object.create;var R=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var U=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var K=(n,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let u of U(r))!z.call(n,u)&&u!==o&&R(n,u,{get:()=>r[u],enumerable:!(a=O(r,u))||a.enumerable});return n};var L=(n,r,o)=>(o=n!=null?N(W(n)):{},K(r||!n||!n.__esModule?R(o,"default",{value:n,enumerable:!0}):o,n));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),k=require("antd"),l=require("react"),A=require("../../util/ValidationUtil.cjs.js"),D=l.lazy(async()=>{const{default:n}=await import("react-quill"),{Quill:r}=n,o=r.import("blots/block");return o.tagName="div",r.register(o),{default:a=>g.jsx(n,{...a})}}),G=({name:n,label:r,required:o,rules:a=[],disabled:u,help:j})=>{const d=k.Form.useFormInstance(),[m,x]=l.useState(""),T=l.useRef(!1),i="    ",f=t=>{if(!t)return"";if(typeof t=="string")return t;try{return String(t)}catch{return""}},F=()=>function(t){const e=this.quill,c=e.getSelection(!0);if(c){const b=c.index,S=c.index+c.length,P=e.getText(),h=[];for(let s=b;s<=S;s++)(s===0||P[s-1]===`
-`)&&h.push(s);if(h.length===0&&h.push(b),t>0){let s=0;h.forEach(p=>{e.insertText(p+s,i),s+=i.length}),e.setSelection(b+i.length,S+h.length*i.length)}else{let s=0;h.forEach(B=>{const M=B-s;e.getText(M,i.length)===i&&(e.deleteText(M,i.length),s+=i.length)});const p=Math.max(0,b-i.length),Q=Math.max(p,S-s);e.setSelection(p,Q)}}},H=()=>function(){const t=this.quill,e=t.getSelection(!0);return e?(t.insertText(e.index,i),t.setSelection(e.index+i.length),!1):!0},w=()=>function(){const t=this.quill,e=t.getSelection(!0);return e&&e.index>=i.length&&t.getText(e.index-i.length,i.length)===i?(t.deleteText(e.index-i.length,i.length),t.setSelection(e.index-i.length),!1):!0},v=l.useMemo(()=>{const t=F(),e=H(),c=w();return{toolbar:{container:[["bold","italic","underline","strike","blockquote"],[{list:"ordered"},{list:"bullet"}],[{indent:"-1"},{indent:"+1"}],["link"],["clean"]],handlers:{indent:t}},keyboard:{bindings:{tab:{key:"Tab",handler:e},"shift-tab":{key:"Tab",shiftKey:!0,handler:c}}}}},[]),V=l.useMemo(()=>["bold","italic","underline","strike","blockquote","list","bullet","link"],[]);l.useEffect(()=>{const t=d.getFieldValue(n),e=f(t);e&&e!=="<p></p>"&&e!=="<p><br></p>"&&e!=="<div></div>"&&x(e)},[d,n]);const q=k.Form.useWatch(n,d);l.useEffect(()=>{if(T.current)return;const t=f(q),e=f(m);t!==e&&x(!t||t==="<p></p>"||t==="<p><br></p>"||t==="<div></div>"?"":t)},[q]);const y=l.useCallback(t=>{const e=f(t);T.current=!0,x(e);const c=!e||e==="<p></p>"||e.trim()==="<p><br></p>"||e==="<div></div>"||e.trim()==="<div></div>"?void 0:e;d.setFieldValue(n,c),setTimeout(()=>{T.current=!1},0),d.validateFields([n]).catch(()=>{})},[d,n]),C=l.useMemo(()=>o?[...a,...A.required(r??"")]:a,[o,a,r]),E=l.useMemo(()=>f(m)||"",[m]),I=l.useMemo(()=>({readOnly:!!u,value:String(E||""),onChange:y,theme:"snow",className:"rich-text-editor",modules:v,formats:V}),[u,E,y,v,V]);return g.jsx(k.Form.Item,{help:j,name:n,label:r,rules:C,children:g.jsx(l.Suspense,{fallback:g.jsx("div",{children:"Loading editor..."}),children:g.jsx(D,{...I})})})};exports.RichTextEditor=G;
+"use strict";var O=Object.create;var j=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var L=(r,n,s,u)=>{if(n&&typeof n=="object"||typeof n=="function")for(let c of W(n))!K.call(r,c)&&c!==s&&j(r,c,{get:()=>n[c],enumerable:!(u=U(n,c))||u.enumerable});return r};var A=(r,n,s)=>(s=r!=null?O(z(r)):{},L(n||!r||!r.__esModule?j(s,"default",{value:r,enumerable:!0}):s,r));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),k=require("antd"),o=require("react"),D=require("../../util/ValidationUtil.cjs.js"),G=o.lazy(async()=>{const{default:r}=await import("react-quill"),{Quill:n}=r,s=n.import("blots/block");return s.tagName="div",n.register(s),{default:u=>g.jsx(r,{...u})}}),J=({formLayoutProps:r,name:n,label:s,required:u,rules:c=[],disabled:v,help:F})=>{const d=k.Form.useFormInstance(),[m,x]=o.useState(""),T=o.useRef(!1),i="    ",f=t=>{if(!t)return"";if(typeof t=="string")return t;try{return String(t)}catch{return""}},H=()=>function(t){const e=this.quill,a=e.getSelection(!0);if(a){const b=a.index,S=a.index+a.length,Q=e.getText(),h=[];for(let l=b;l<=S;l++)(l===0||Q[l-1]===`
+`)&&h.push(l);if(h.length===0&&h.push(b),t>0){let l=0;h.forEach(p=>{e.insertText(p+l,i),l+=i.length}),e.setSelection(b+i.length,S+h.length*i.length)}else{let l=0;h.forEach(N=>{const R=N-l;e.getText(R,i.length)===i&&(e.deleteText(R,i.length),l+=i.length)});const p=Math.max(0,b-i.length),B=Math.max(p,S-l);e.setSelection(p,B)}}},w=()=>function(){const t=this.quill,e=t.getSelection(!0);return e?(t.insertText(e.index,i),t.setSelection(e.index+i.length),!1):!0},C=()=>function(){const t=this.quill,e=t.getSelection(!0);return e&&e.index>=i.length&&t.getText(e.index-i.length,i.length)===i?(t.deleteText(e.index-i.length,i.length),t.setSelection(e.index-i.length),!1):!0},V=o.useMemo(()=>{const t=H(),e=w(),a=C();return{toolbar:{container:[["bold","italic","underline","strike","blockquote"],[{list:"ordered"},{list:"bullet"}],[{indent:"-1"},{indent:"+1"}],["link"],["clean"]],handlers:{indent:t}},keyboard:{bindings:{tab:{key:"Tab",handler:e},"shift-tab":{key:"Tab",shiftKey:!0,handler:a}}}}},[]),q=o.useMemo(()=>["bold","italic","underline","strike","blockquote","list","bullet","link"],[]);o.useEffect(()=>{const t=d.getFieldValue(n),e=f(t);e&&e!=="<p></p>"&&e!=="<p><br></p>"&&e!=="<div></div>"&&x(e)},[d,n]);const y=k.Form.useWatch(n,d);o.useEffect(()=>{if(T.current)return;const t=f(y),e=f(m);t!==e&&x(!t||t==="<p></p>"||t==="<p><br></p>"||t==="<div></div>"?"":t)},[y]);const E=o.useCallback(t=>{const e=f(t);T.current=!0,x(e);const a=!e||e==="<p></p>"||e.trim()==="<p><br></p>"||e==="<div></div>"||e.trim()==="<div></div>"?void 0:e;d.setFieldValue(n,a),setTimeout(()=>{T.current=!1},0),d.validateFields([n]).catch(()=>{})},[d,n]),I=o.useMemo(()=>u?[...c,...D.required(s??"")]:c,[u,c,s]),M=o.useMemo(()=>f(m)||"",[m]),P=o.useMemo(()=>({readOnly:!!v,value:String(M||""),onChange:E,theme:"snow",className:"rich-text-editor",modules:V,formats:q}),[v,M,E,V,q]);return g.jsx(k.Form.Item,{help:F,name:n,label:s,rules:I,...r,children:g.jsx(o.Suspense,{fallback:g.jsx("div",{children:"Loading editor..."}),children:g.jsx(G,{...P})})})};exports.RichTextEditor=J;

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

@@ -1,4 +1,5 @@
 import { Rule } from 'antd/es/form';
+import { FormItemProps } from 'antd/lib';
 import { FC, ReactNode } from 'react';
 export interface RichTextEditorProps {
     help?: ReactNode;
@@ -7,5 +8,6 @@ export interface RichTextEditorProps {
     required?: boolean;
     rules?: Rule[];
     disabled?: boolean;
+    formLayoutProps?: Pick<FormItemProps, "layout" | 'labelCol' | 'wrapperCol'>;
 }
 export declare const RichTextEditor: FC<RichTextEditorProps>;

package/dist/common/rich/index.es.js

@@ -1,19 +1,20 @@
-import { jsx as f } from "react/jsx-runtime";
-import { Form as k } from "antd";
-import U, { useState as W, useRef as j, useMemo as h, useEffect as R, useCallback as z, Suspense as K } from "react";
-import L from "../../util/ValidationUtil.es.js";
-const O = U.lazy(async () => {
-  const { default: r } = await import("react-quill"), { Quill: o } = r, a = o.import("blots/block");
-  return a.tagName = "div", o.register(a), { default: (u) => /* @__PURE__ */ f(r, { ...u }) };
-}), Y = ({
+import { jsx as d } from "react/jsx-runtime";
+import { Form as S } from "antd";
+import W, { useState as j, useRef as z, useMemo as u, useEffect as w, useCallback as K, Suspense as L } from "react";
+import O from "../../util/ValidationUtil.es.js";
+const A = W.lazy(async () => {
+  const { default: h } = await import("react-quill"), { Quill: r } = h, o = r.import("blots/block");
+  return o.tagName = "div", r.register(o), { default: (f) => /* @__PURE__ */ d(h, { ...f }) };
+}), Z = ({
+  formLayoutProps: h,
   name: r,
   label: o,
-  required: a,
-  rules: u = [],
-  disabled: S,
-  help: w
+  required: f,
+  rules: b = [],
+  disabled: V,
+  help: C
 }) => {
-  const s = k.useFormInstance(), [b, g] = W(""), m = j(!1), n = "    ", d = (e) => {
+  const s = S.useFormInstance(), [m, g] = j(""), T = z(!1), n = "    ", a = (e) => {
     if (!e) return "";
     if (typeof e == "string") return e;
     try {
@@ -21,36 +22,36 @@ const O = U.lazy(async () => {
     } catch {
       return "";
     }
-  }, C = () => function(e) {
+  }, F = () => function(e) {
     const t = this.quill, l = t.getSelection(!0);
     if (l) {
-      const x = l.index, T = l.index + l.length, B = t.getText(), c = [];
-      for (let i = x; i <= T; i++)
-        (i === 0 || B[i - 1] === `
+      const x = l.index, k = l.index + l.length, N = t.getText(), c = [];
+      for (let i = x; i <= k; i++)
+        (i === 0 || N[i - 1] === `
 `) && c.push(i);
       if (c.length === 0 && c.push(x), e > 0) {
         let i = 0;
         c.forEach((p) => {
           t.insertText(p + i, n), i += n.length;
-        }), t.setSelection(x + n.length, T + c.length * n.length);
+        }), t.setSelection(x + n.length, k + c.length * n.length);
       } else {
         let i = 0;
-        c.forEach((P) => {
-          const H = P - i;
-          t.getText(H, n.length) === n && (t.deleteText(H, n.length), i += n.length);
+        c.forEach((U) => {
+          const R = U - i;
+          t.getText(R, n.length) === n && (t.deleteText(R, n.length), i += n.length);
         });
-        const p = Math.max(0, x - n.length), N = Math.max(p, T - i);
-        t.setSelection(p, N);
+        const p = Math.max(0, x - n.length), P = Math.max(p, k - i);
+        t.setSelection(p, P);
       }
     }
-  }, F = () => function() {
+  }, I = () => function() {
     const e = this.quill, t = e.getSelection(!0);
     return t ? (e.insertText(t.index, n), e.setSelection(t.index + n.length), !1) : !0;
-  }, I = () => function() {
+  }, M = () => function() {
     const e = this.quill, t = e.getSelection(!0);
     return t && t.index >= n.length && e.getText(t.index - n.length, n.length) === n ? (e.deleteText(t.index - n.length, n.length), e.setSelection(t.index - n.length), !1) : !0;
-  }, V = h(() => {
-    const e = C(), t = F(), l = I();
+  }, v = u(() => {
+    const e = F(), t = I(), l = M();
     return {
       toolbar: {
         container: [
@@ -78,7 +79,7 @@ const O = U.lazy(async () => {
         }
       }
     };
-  }, []), v = h(() => [
+  }, []), q = u(() => [
     "bold",
     "italic",
     "underline",
@@ -88,39 +89,39 @@ const O = U.lazy(async () => {
     "bullet",
     "link"
   ], []);
-  R(() => {
-    const e = s.getFieldValue(r), t = d(e);
+  w(() => {
+    const e = s.getFieldValue(r), t = a(e);
     t && t !== "<p></p>" && t !== "<p><br></p>" && t !== "<div></div>" && g(t);
   }, [s, r]);
-  const q = k.useWatch(r, s);
-  R(() => {
-    if (m.current)
+  const y = S.useWatch(r, s);
+  w(() => {
+    if (T.current)
       return;
-    const e = d(q), t = d(b);
+    const e = a(y), t = a(m);
     e !== t && g(!e || e === "<p></p>" || e === "<p><br></p>" || e === "<div></div>" ? "" : e);
-  }, [q]);
-  const y = z((e) => {
-    const t = d(e);
-    m.current = !0, g(t);
+  }, [y]);
+  const E = K((e) => {
+    const t = a(e);
+    T.current = !0, g(t);
     const l = !t || t === "<p></p>" || t.trim() === "<p><br></p>" || t === "<div></div>" || t.trim() === "<div></div>" ? void 0 : t;
     s.setFieldValue(r, l), setTimeout(() => {
-      m.current = !1;
+      T.current = !1;
     }, 0), s.validateFields([r]).catch(() => {
     });
-  }, [s, r]), M = h(
-    () => a ? [...u, ...L.required(o ?? "")] : u,
-    [a, u, o]
-  ), E = h(() => d(b) || "", [b]), Q = h(() => ({
-    readOnly: !!S,
-    value: String(E || ""),
-    onChange: y,
+  }, [s, r]), Q = u(
+    () => f ? [...b, ...O.required(o ?? "")] : b,
+    [f, b, o]
+  ), H = u(() => a(m) || "", [m]), B = u(() => ({
+    readOnly: !!V,
+    value: String(H || ""),
+    onChange: E,
     theme: "snow",
     className: "rich-text-editor",
-    modules: V,
-    formats: v
-  }), [S, E, y, V, v]);
-  return /* @__PURE__ */ f(k.Item, { help: w, name: r, label: o, rules: M, children: /* @__PURE__ */ f(K, { fallback: /* @__PURE__ */ f("div", { children: "Loading editor..." }), children: /* @__PURE__ */ f(O, { ...Q }) }) });
+    modules: v,
+    formats: q
+  }), [V, H, E, v, q]);
+  return /* @__PURE__ */ d(S.Item, { help: C, name: r, label: o, rules: Q, ...h, children: /* @__PURE__ */ d(L, { fallback: /* @__PURE__ */ d("div", { children: "Loading editor..." }), children: /* @__PURE__ */ d(A, { ...B }) }) });
 };
 export {
-  Y as RichTextEditor
+  Z as RichTextEditor
 };

package/dist/common/select/SelectComponent.cjs.js

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),x=require("antd"),V=require("react"),B=require("../../locale/index.cjs.js"),D=require("../tooltip/TooltipComponent.cjs.js"),E=require("../../util/ValidationUtil.cjs.js");function P({label:s,rules:S=[],required:f,placeholder:o,notSearch:L,children:m,readOnly:c,items:i,dropdownRender:q,itemBuilder:T,loading:h,showLoadingInEmptyIndicator:_,nameFieldInArray:u="name",innerRef:p,tooltip:N,filterOption:R,tagRender:b,help:k,...r}){const{t:U}=B.useTranslationLib(),F=V.useCallback(e=>{const t=typeof e=="string"||typeof e=="number"?e:e==null?void 0:e.id,d=typeof e=="string"||typeof e=="number"?e:e==null?void 0:e[u];return n.jsx("option",{value:t,children:n.jsx("div",{dangerouslySetInnerHTML:{__html:d}})},t)},[u]),H=s||o||"";return n.jsx(x.ConfigProvider,{renderEmpty:_&&h?()=>n.jsx(x.Spin,{}):void 0,children:n.jsx(D,{title:N,children:n.jsx(x.Form.Item,{label:s,name:r.name,help:k,className:r.className,required:f,rules:[...S,...f?E.required(H):[]],children:n.jsx(x.Select,{ref:p,loading:h,open:c?!1:void 0,onChange:!c&&r.onChange,allowClear:!c&&r.allowClear,showSearch:!L,className:`max-width ${c?"readOnly":""}`,...r,tagRender:b,placeholder:o||s,filterOption:R??((e,t)=>{var d,g,C,j;try{const a=(C=(g=(d=t==null?void 0:t.children)==null?void 0:d.props)==null?void 0:g.dangerouslySetInnerHTML)==null?void 0:C.__html,I=e.toLowerCase().split(/\s+/),y=(t==null?void 0:t.children)??"",w=typeof y=="string"?y.toLowerCase():typeof a=="string"?a.toLowerCase():"",M=(((j=t==null?void 0:t.value)==null?void 0:j.toString())??"").toLowerCase(),O=w.replace(/\s/g,"");return I.every(l=>w.indexOf(l)>=0||M.indexOf(l)>=0||O.indexOf(l)>=0)}catch(a){return console.log(a),!0}}),popupRender:q,children:m===null?void 0:m??(i?i==null?void 0:i.map(T??F):n.jsx(n.Fragment,{}))})})})})}module.exports=P;
+"use strict";const n=require("react/jsx-runtime"),x=require("antd"),B=require("react"),D=require("../../locale/index.cjs.js"),E=require("../tooltip/TooltipComponent.cjs.js"),P=require("../../util/ValidationUtil.cjs.js");function U({layout:S,label:s,rules:L=[],required:f,placeholder:o,notSearch:q,children:m,readOnly:c,items:i,dropdownRender:T,itemBuilder:_,loading:h,showLoadingInEmptyIndicator:p,nameFieldInArray:u="name",innerRef:N,tooltip:R,filterOption:b,tagRender:k,help:F,...r}){const{t:W}=D.useTranslationLib(),H=B.useCallback(e=>{const t=typeof e=="string"||typeof e=="number"?e:e==null?void 0:e.id,d=typeof e=="string"||typeof e=="number"?e:e==null?void 0:e[u];return n.jsx("option",{value:t,children:n.jsx("div",{dangerouslySetInnerHTML:{__html:d}})},t)},[u]),I=s||o||"";return n.jsx(x.ConfigProvider,{renderEmpty:p&&h?()=>n.jsx(x.Spin,{}):void 0,children:n.jsx(E,{title:R,children:n.jsx(x.Form.Item,{label:s,name:r.name,help:F,layout:S,className:r.className,required:f,rules:[...L,...f?P.required(I):[]],children:n.jsx(x.Select,{ref:N,loading:h,open:c?!1:void 0,onChange:!c&&r.onChange,allowClear:!c&&r.allowClear,showSearch:!q,className:`max-width ${c?"readOnly":""}`,...r,tagRender:k,placeholder:o||s,filterOption:b??((e,t)=>{var d,g,C,j;try{const a=(C=(g=(d=t==null?void 0:t.children)==null?void 0:d.props)==null?void 0:g.dangerouslySetInnerHTML)==null?void 0:C.__html,M=e.toLowerCase().split(/\s+/),y=(t==null?void 0:t.children)??"",w=typeof y=="string"?y.toLowerCase():typeof a=="string"?a.toLowerCase():"",O=(((j=t==null?void 0:t.value)==null?void 0:j.toString())??"").toLowerCase(),V=w.replace(/\s/g,"");return M.every(l=>w.indexOf(l)>=0||O.indexOf(l)>=0||V.indexOf(l)>=0)}catch(a){return console.log(a),!0}}),popupRender:T,children:m===null?void 0:m??(i?i==null?void 0:i.map(_??H):n.jsx(n.Fragment,{}))})})})})}module.exports=U;

package/dist/common/select/SelectComponent.d.ts

@@ -17,5 +17,5 @@ interface SelectComponentProps<T> extends SelectProps<any>, FormItemProps<any> {
     filterOption?: SelectProps["filterOption"];
     tagRender?: SelectTagRenderProps;
 }
-declare function SelectComponent<T = any>({ label, rules, required, placeholder, notSearch, children, readOnly, items, dropdownRender, itemBuilder, loading, showLoadingInEmptyIndicator, nameFieldInArray, innerRef, tooltip, filterOption, tagRender, help, ...props }: Readonly<SelectComponentProps<T>>): import("react/jsx-runtime").JSX.Element;
+declare function SelectComponent<T = any>({ layout, label, rules, required, placeholder, notSearch, children, readOnly, items, dropdownRender, itemBuilder, loading, showLoadingInEmptyIndicator, nameFieldInArray, innerRef, tooltip, filterOption, tagRender, help, ...props }: Readonly<SelectComponentProps<T>>): import("react/jsx-runtime").JSX.Element;
 export default SelectComponent;

package/dist/common/select/SelectComponent.es.js

@@ -1,79 +1,81 @@
-import { jsx as r, Fragment as B } from "react/jsx-runtime";
-import { ConfigProvider as D, Form as E, Select as P, Spin as R } from "antd";
-import { useCallback as U } from "react";
-import { useTranslationLib as W } from "../../locale/index.es.js";
-import $ from "../tooltip/TooltipComponent.es.js";
-import q from "../../util/ValidationUtil.es.js";
-function Z({
+import { jsx as r, Fragment as D } from "react/jsx-runtime";
+import { ConfigProvider as E, Form as P, Select as R, Spin as U } from "antd";
+import { useCallback as W } from "react";
+import { useTranslationLib as $ } from "../../locale/index.es.js";
+import q from "../tooltip/TooltipComponent.es.js";
+import z from "../../util/ValidationUtil.es.js";
+function A({
+  layout: S,
   label: o,
-  rules: S = [],
+  rules: L = [],
   required: d,
   placeholder: s,
-  notSearch: L,
+  notSearch: u,
   children: l,
   readOnly: c,
   items: i,
-  dropdownRender: u,
-  itemBuilder: T,
+  dropdownRender: T,
+  itemBuilder: _,
   loading: h,
-  showLoadingInEmptyIndicator: _,
+  showLoadingInEmptyIndicator: N,
   nameFieldInArray: g = "name",
-  innerRef: N,
-  tooltip: b,
-  filterOption: k,
-  tagRender: F,
-  help: H,
+  innerRef: b,
+  tooltip: k,
+  filterOption: F,
+  tagRender: H,
+  help: I,
   ...n
 }) {
-  const { t: z } = W(), I = U(
+  const { t: G } = $(), M = W(
     (t) => {
       const e = typeof t == "string" || typeof t == "number" ? t : t == null ? void 0 : t.id, m = typeof t == "string" || typeof t == "number" ? t : t == null ? void 0 : t[g];
       return /* @__PURE__ */ r("option", { value: e, children: /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: m } }) }, e);
     },
     [g]
-  ), M = o || s || "";
+  ), O = o || s || "";
   return /* @__PURE__ */ r(
-    D,
+    E,
     {
-      renderEmpty: _ && h ? () => /* @__PURE__ */ r(R, {}) : void 0,
-      children: /* @__PURE__ */ r($, { title: b, children: /* @__PURE__ */ r(
-        E.Item,
+      renderEmpty: N && h ? () => /* @__PURE__ */ r(U, {}) : void 0,
+      children: /* @__PURE__ */ r(q, { title: k, children: /* @__PURE__ */ r(
+        P.Item,
         {
           label: o,
           name: n.name,
-          help: H,
+          help: I,
+          layout: S,
           className: n.className,
           required: d,
           rules: [
-            ...S,
-            ...d ? q.required(M) : []
+            ...L,
+            ...d ? z.required(O) : []
           ],
           children: /* @__PURE__ */ r(
-            P,
+            R,
             {
-              ref: N,
+              ref: b,
               loading: h,
               open: c ? !1 : void 0,
               onChange: !c && n.onChange,
               allowClear: !c && n.allowClear,
-              showSearch: !L,
+              showSearch: !u,
               className: `max-width ${c ? "readOnly" : ""}`,
               ...n,
-              tagRender: F,
+              tagRender: H,
               placeholder: s || o,
-              filterOption: k ?? ((t, e) => {
+              filterOption: F ?? ((t, e) => {
                 var m, C, p, y;
                 try {
-                  const f = (p = (C = (m = e == null ? void 0 : e.children) == null ? void 0 : m.props) == null ? void 0 : C.dangerouslySetInnerHTML) == null ? void 0 : p.__html, O = t.toLowerCase().split(/\s+/), w = (e == null ? void 0 : e.children) ?? "", x = typeof w == "string" ? w.toLowerCase() : typeof f == "string" ? f.toLowerCase() : "", V = (((y = e == null ? void 0 : e.value) == null ? void 0 : y.toString()) ?? "").toLowerCase(), j = x.replace(/\s/g, "");
-                  return O.every(
-                    (a) => x.indexOf(a) >= 0 || V.indexOf(a) >= 0 || j.indexOf(a) >= 0
+                  const f = (p = (C = (m = e == null ? void 0 : e.children) == null ? void 0 : m.props) == null ? void 0 : C.dangerouslySetInnerHTML) == null ? void 0 : p.__html, V = t.toLowerCase().split(/\s+/), w = (e == null ? void 0 : e.children) ?? "", x = typeof w == "string" ? w.toLowerCase() : typeof f == "string" ? f.toLowerCase() : "", j = (((y = e == null ? void 0 : e.value) == null ? void 0 : y.toString()) ?? "").toLowerCase(), B = x.replace(/\s/g, "");
+                  return V.every(
+                    (a) => x.indexOf(a) >= 0 || j.indexOf(a) >= 0 || B.indexOf(a) >= 0
                   );
                 } catch (f) {
                   return console.log(f), !0;
                 }
               }),
-              popupRender: u,
-              children: l === null ? void 0 : l ?? (i ? i == null ? void 0 : i.map(T ?? I) : /* @__PURE__ */ r(B, {}))
+              popupRender: T,
+              children: l === null ? void 0 : l ?? (i ? i == null ? void 0 : i.map(_ ?? M) : /* @__PURE__ */ r(D, {}))
             }
           )
         }
@@ -82,5 +84,5 @@ function Z({
   );
 }
 export {
-  Z as default
+  A as default
 };

package/dist/crud/CrudComponent.d.ts

@@ -1,6 +1,6 @@
 import { ButtonProps, ColorPickerProps } from 'antd';
 import { Rule } from 'antd/es/form';
-import { FormInstance, TablePaginationConfig } from 'antd/lib';
+import { FormInstance, FormItemProps, TablePaginationConfig } from 'antd/lib';
 import { Dayjs } from 'dayjs';
 import { default as React, ReactElement, ReactNode } from 'react';
 import { CrudSearchComponentProps } from './CrudSearchComponent';
@@ -20,6 +20,7 @@ export type SelectFieldItem = {
     disabled?: boolean;
 };
 export interface InitialCrudField<T> {
+    formLayoutProps?: Pick<FormItemProps, "layout" | 'labelCol' | 'wrapperCol'>;
     label: string;
     fieldHelper?: ReactNode;
     updatingValue?: T;

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