@kingteza/crud-component 1.0.55 → 1.0.57

package/crud/CrudField.es.js

@@ -1,85 +1,86 @@
-import { jsx as o, Fragment as S, jsxs as D } from "react/jsx-runtime";
-import { Form as j, Radio as E, Select as I, Tag as W, ColorPicker as z } from "antd";
-import { useEffect as L, useState as G, useCallback as J } from "react";
-import K from "react-highlight-words";
-import { useTranslationLib as Q } from "../locale/index.es.js";
-import X from "./FileCrudField.es.js";
-import Y from "./ImageCrudField.es.js";
-import Z from "../common/check-box/CheckBox.es.js";
-import V from "../common/date-picker/DatePicker.es.js";
-import ee from "../common/date-picker/TimePicker.es.js";
-import M from "../common/select/SelectComponent.es.js";
-import re from "../common/text-field/NumberField.es.js";
-import te from "../common/text-field/TextField.es.js";
-import oe from "../common/tooltip/TooltipComponent.es.js";
-import ae from "./CrudTextAreaComponent.es.js";
-function Te(v) {
+import { jsx as t, Fragment as S, jsxs as E } from "react/jsx-runtime";
+import { Form as j, Radio as M, Select as I, Tag as W, ColorPicker as X } from "antd";
+import { useEffect as L, useState as G, useMemo as _, useCallback as Y } from "react";
+import Z from "react-highlight-words";
+import { useTranslationLib as V } from "../locale/index.es.js";
+import ee from "./FileCrudField.es.js";
+import re from "./ImageCrudField.es.js";
+import te from "../common/check-box/CheckBox.es.js";
+import ae from "../common/date-picker/DatePicker.es.js";
+import oe from "../common/date-picker/TimePicker.es.js";
+import z from "../common/select/SelectComponent.es.js";
+import le from "../common/text-field/NumberField.es.js";
+import ne from "../common/text-field/TextField.es.js";
+import ie from "../common/tooltip/TooltipComponent.es.js";
+import de from "./CrudTextAreaComponent.es.js";
+import $ from "../util/CrudUtil.es.js";
+function Re(v) {
   const {
     label: n,
     name: c,
-    type: f,
+    type: p,
     required: d,
-    hidden: w,
+    hidden: k,
     rules: m = [],
     updatable: u = !0,
-    readonly: k = !1,
-    fieldClassName: p,
-    customFormFieldRender: R,
+    readonly: R = !1,
+    fieldClassName: f,
+    customFormFieldRender: P,
     fieldTooltip: b,
     ...e
   } = v, h = j.useFormInstance();
   L(() => {
-    if (f === "select") {
+    if (p === "select") {
       const {
         items: l = [],
         onSearch: i,
-        searchOnType: a
+        searchOnType: o
       } = e;
-      !(l != null && l.length) && !a && (i == null || i(void 0, h, e == null ? void 0 : e.updatingValue));
+      !(l != null && l.length) && !o && (i == null || i(void 0, h, e == null ? void 0 : e.updatingValue));
     }
-  }, [h, e, f, e == null ? void 0 : e.updatingValue]);
-  const { t: N } = Q();
-  if (k || w) return /* @__PURE__ */ o(S, {});
-  if (R)
-    return R(h, v);
-  switch (f) {
+  }, [h, e, p, e == null ? void 0 : e.updatingValue]);
+  const { t: T } = V();
+  if (R || k) return /* @__PURE__ */ t(S, {});
+  if (P)
+    return P(h, v);
+  switch (p) {
     case "text":
     case "email":
     case "password": {
       const { onChange: l, placeholder: i } = e;
-      return /* @__PURE__ */ o(
-        te,
+      return /* @__PURE__ */ t(
+        ne,
         {
           placeholder: i,
           disabled: !u,
           rules: m,
           required: d,
-          onChange: l ? (a) => l(a, h) : void 0,
-          type: f,
+          onChange: l ? (o) => l(o, h) : void 0,
+          type: p,
           name: c,
           tooltip: b,
           label: n,
-          className: p,
+          className: f,
           autoComplete: "new-password"
         }
       );
     }
     case "number": {
-      const { onChange: l, placeholder: i, allowMinus: a } = e;
-      return /* @__PURE__ */ o(
-        re,
+      const { onChange: l, placeholder: i, allowMinus: o } = e;
+      return /* @__PURE__ */ t(
+        le,
         {
           placeholder: i,
           disabled: !u,
           moneyField: !!e.formatted,
-          type: f,
+          type: p,
           onChange: l ? (C) => l(C, h) : void 0,
           rules: m,
           autoComplete: "false",
           required: d,
           tooltip: b,
-          className: p,
-          min: a ? null : void 0,
+          className: f,
+          min: o ? null : void 0,
           name: c,
           label: n
         }
@@ -89,28 +90,28 @@ function Te(v) {
       const {
         range: l,
         disableToday: i,
-        disabledFutureDays: a,
+        disabledFutureDays: o,
         disabledPastDays: C,
         onChange: y,
         placeholder: g,
         format: x
       } = e;
-      return /* @__PURE__ */ o(
-        V,
+      return /* @__PURE__ */ t(
+        ae,
         {
           placeholder: g,
           required: d,
           disabled: !u,
-          type: f,
+          type: p,
           format: x,
           tooltip: b,
           range: l,
           name: c,
           label: n,
-          onChange: y ? (T) => y(T, h) : void 0,
-          className: p,
+          onChange: y ? (F) => y(F, h) : void 0,
+          className: f,
           disableToday: i,
-          disabledFutureDays: a,
+          disabledFutureDays: o,
           disabledPastDays: C
         }
       );
@@ -119,79 +120,79 @@ function Te(v) {
       const {
         range: l = !1,
         disableCurrent: i,
-        disabledFuture: a,
+        disabledFuture: o,
         disabledPast: C,
         onChange: y,
         use12Hours: g,
         format: x,
-        placeholder: T
+        placeholder: F
       } = e;
-      return /* @__PURE__ */ o(
-        ee,
+      return /* @__PURE__ */ t(
+        oe,
         {
-          placeholder: T,
+          placeholder: F,
           required: d,
           format: x,
           disabled: !u,
-          type: f,
+          type: p,
           tooltip: b,
           range: l,
           use12Hours: g,
           name: c,
           label: n,
-          onChange: y ? (r) => y(r, h) : void 0,
-          className: p,
+          onChange: y ? (a) => y(a, h) : void 0,
+          className: f,
           disableCurrent: i,
-          disabledFuture: a,
+          disabledFuture: o,
           disabledPast: C
         }
       );
     }
     case "textarea":
-      return /* @__PURE__ */ o(ae, { ...v });
+      return /* @__PURE__ */ t(de, { ...v });
     case "image":
-      return /* @__PURE__ */ o(
-        Y,
+      return /* @__PURE__ */ t(
+        re,
         {
           ...e,
           required: d,
           name: c,
           label: n,
           rules: m,
-          fieldClassName: p,
+          fieldClassName: f,
           onRemoved: e.onRemoved,
           onUploading: e.onUploading,
           provider: e.provider
         }
       );
     case "file":
-      return /* @__PURE__ */ o(
-        X,
+      return /* @__PURE__ */ t(
+        ee,
         {
           ...e,
           required: d,
           name: c,
           label: n,
           rules: m,
-          fieldClassName: p,
+          fieldClassName: f,
           onRemoved: e.onRemoved,
           onUploading: e.onUploading,
           provider: e.provider
         }
       );
     case "select":
-      return /* @__PURE__ */ o(
-        le,
+      return /* @__PURE__ */ t(
+        se,
         {
           ...e,
           required: d,
           name: c,
           label: n,
           rules: m,
-          fieldClassName: p,
+          fieldClassName: f,
           form: h,
           updatable: u,
-          readonly: k,
+          readonly: R,
           fieldTooltip: b
         }
       );
@@ -199,13 +200,13 @@ function Te(v) {
       const {
         enum: l,
         radio: i = !1,
-        translation: a,
+        translation: o,
         onChange: C,
         onSearch: y,
         multiple: g,
         tagRender: x
-      } = e, T = Array.isArray(l) ? l : Object.keys(l);
-      return i ? /* @__PURE__ */ o(
+      } = e, F = Array.isArray(l) ? l : Object.keys(l);
+      return i ? /* @__PURE__ */ t(
         j.Item,
         {
           ...e,
@@ -214,49 +215,49 @@ function Te(v) {
           tooltip: b,
           rules: m,
           label: n,
-          className: ["w-100", p].join(" "),
-          children: /* @__PURE__ */ o(
-            E.Group,
+          className: ["w-100", f].join(" "),
+          children: /* @__PURE__ */ t(
+            M.Group,
             {
               ...e,
-              onChange: C ? (r) => {
-                var F;
-                return C((F = r == null ? void 0 : r.target) == null ? void 0 : F.value, h);
+              onChange: C ? (a) => {
+                var w;
+                return C((w = a == null ? void 0 : a.target) == null ? void 0 : w.value, h);
               } : void 0,
-              children: T.map((r) => /* @__PURE__ */ o(E, { disabled: !u, value: r, children: a ? N(a[r]) : r }, r))
+              children: F.map((a) => /* @__PURE__ */ t(M, { disabled: !u, value: a, children: o ? T(o[a]) : a }, a))
             }
           )
         }
-      ) : /* @__PURE__ */ o(
-        M,
+      ) : /* @__PURE__ */ t(
+        z,
         {
           ...e,
-          tagRender: typeof x == "function" ? x : x ? (r) => {
-            const { value: F, label: O } = r, P = x[F];
-            return P ? /* @__PURE__ */ o(W, { color: P.color, children: O }) : /* @__PURE__ */ o(W, { children: O });
+          tagRender: typeof x == "function" ? x : x ? (a) => {
+            const { value: w, label: N } = a, O = x[w];
+            return O ? /* @__PURE__ */ t(W, { color: O.color, children: N }) : /* @__PURE__ */ t(W, { children: N });
           } : void 0,
-          onChange: C ? (r) => C(r, h) : void 0,
-          className: ["w-100", p].join(" "),
+          onChange: C ? (a) => C(a, h) : void 0,
+          className: ["w-100", f].join(" "),
           name: c,
-          items: T,
+          items: F,
           required: d,
           tooltip: b,
           rules: m,
           label: n,
           disabled: !u,
-          onSearch: y ? (r) => y(r, h) : void 0,
+          onSearch: y ? (a) => y(a, h) : void 0,
           allowClear: !0,
           mode: g ? "multiple" : void 0,
-          itemBuilder: (r) => /* @__PURE__ */ o(I.Option, { value: r, children: a ? N(a[r]) : r }, r)
+          itemBuilder: (a) => /* @__PURE__ */ t(I.Option, { value: a, children: o ? T(o[a]) : a }, a)
         }
       );
     }
     case "checkbox": {
       const { onChange: l } = e;
-      return /* @__PURE__ */ o(
-        Z,
+      return /* @__PURE__ */ t(
+        te,
         {
-          className: p,
+          className: f,
           rules: m,
           onChange: l ? (i) => l(i, h) : void 0,
           label: n,
@@ -267,8 +268,8 @@ function Te(v) {
       );
     }
     case "color":
-      return /* @__PURE__ */ o(
-        ne,
+      return /* @__PURE__ */ t(
+        ce,
         {
           ...e,
           type: "color",
@@ -276,109 +277,109 @@ function Te(v) {
           name: c,
           label: n,
           rules: m,
-          fieldClassName: p,
+          fieldClassName: f,
           updatable: u,
-          readonly: k,
+          readonly: R,
           fieldTooltip: b
         }
       );
     default:
-      return /* @__PURE__ */ o(S, { children: `${f} Not Implemented` });
+      return /* @__PURE__ */ t(S, { children: `${p} Not Implemented` });
   }
 }
-function le(v) {
+function se(v) {
   const {
     items: n = [],
     loading: c,
-    searchOnType: f,
+    searchOnType: p,
     onSearch: d,
-    multiple: w,
+    multiple: k,
     onChange: m,
     highlightSearch: u,
-    required: k,
-    fieldClassName: p,
-    rules: R,
+    required: R,
+    fieldClassName: f,
+    rules: P,
     fieldTooltip: b,
     updatable: e,
     label: h,
-    name: N,
+    name: T,
     tagRender: l,
     updatingValue: i,
-    onSet: a,
+    onSet: o,
     placeholder: C,
     allowClear: y = !0
-  } = v, g = v.form, [x, T] = G(""), r = j.useWatch(N, g), [F, O] = G(!0);
+  } = v, g = v.form, [x, F] = G(""), a = _(() => $.getRealName(T), [T]), w = _(() => $.getRealName(T, "upsertFieldName"), [T]), N = j.useWatch(a, g), [O, U] = G(!0);
   L(() => {
-    a && F && r && (a == null || a(r, n, g), O(!1));
-  }, [F, g, n, N, a, r]), L(() => {
-    r && O(!0);
-  }, [r]);
-  const P = J(
-    async (t) => {
-      T(t), f && (d == null || d(t, g, i));
+    o && O && N && (o == null || o(N, n, g), U(!1));
+  }, [O, g, n, a, o, N]), L(() => {
+    N && U(!0);
+  }, [N]);
+  const J = Y(
+    async (r) => {
+      F(r), p && (d == null || d(r, g, i));
     },
-    [g, d, f, i]
+    [g, d, p, i]
   );
-  return /* @__PURE__ */ o(
-    M,
+  return /* @__PURE__ */ t(
+    z,
     {
       ...v,
       maxTagCount: "responsive",
-      maxTagPlaceholder: (t) => /* @__PURE__ */ D(
-        oe,
+      maxTagPlaceholder: (r) => /* @__PURE__ */ E(
+        ie,
         {
-          title: /* @__PURE__ */ o(S, { children: t.map((s) => /* @__PURE__ */ D(S, { children: [
+          title: /* @__PURE__ */ t(S, { children: r.map((s) => /* @__PURE__ */ E(S, { children: [
             s.label,
             " ",
-            /* @__PURE__ */ o("br", {})
+            /* @__PURE__ */ t("br", {})
           ] })) }),
           children: [
             "+",
-            t == null ? void 0 : t.length
+            r == null ? void 0 : r.length
           ]
         }
       ),
       placeholder: C,
-      onSelect: (t) => {
-        a == null || a(t == null ? void 0 : t.key, n, g);
+      onSelect: (r) => {
+        o == null || o(r == null ? void 0 : r.key, n, g);
       },
-      onChange: m ? (t) => {
-        T(""), m(t, g);
+      onChange: m ? (r) => {
+        F(""), m(r, g);
       } : void 0,
-      mode: w ? "multiple" : void 0,
-      className: ["w-100", p].join(" "),
-      name: N,
+      mode: k ? "multiple" : void 0,
+      className: ["w-100", f].join(" "),
+      name: w,
       items: n,
-      required: k,
+      required: R,
       tooltip: b,
       tagRender: l,
-      rules: R,
+      rules: P,
       disabled: !e,
       label: h,
       allowClear: y,
-      onSearch: P,
+      onSearch: J,
       loading: c,
-      filterOption: u ? (t, s) => {
+      filterOption: u ? (r, s) => {
         var A, B, H;
         try {
-          const U = t.toLowerCase().split(/\s+/), _ = ((typeof (s == null ? void 0 : s.children) == "string" ? s == null ? void 0 : s.children : (B = (A = s == null ? void 0 : s.children) == null ? void 0 : A.props) == null ? void 0 : B.textToHighlight) ?? "").toLowerCase(), $ = (((H = s == null ? void 0 : s.value) == null ? void 0 : H.toString()) ?? "").toLowerCase();
-          return U.every(
-            (q) => _.indexOf(q) >= 0 || $.indexOf(q) >= 0
+          const q = r.toLowerCase().split(/\s+/), K = ((typeof (s == null ? void 0 : s.children) == "string" ? s == null ? void 0 : s.children : (B = (A = s == null ? void 0 : s.children) == null ? void 0 : A.props) == null ? void 0 : B.textToHighlight) ?? "").toLowerCase(), Q = (((H = s == null ? void 0 : s.value) == null ? void 0 : H.toString()) ?? "").toLowerCase();
+          return q.every(
+            (D) => K.indexOf(D) >= 0 || Q.indexOf(D) >= 0
           );
         } catch {
           return !0;
         }
       } : void 0,
-      itemBuilder: u ? (t) => {
-        const s = t.value ? String(t.value) : void 0;
-        return /* @__PURE__ */ o(
+      itemBuilder: u ? (r) => {
+        const s = r.value ? String(r.value) : void 0;
+        return /* @__PURE__ */ t(
           I.Option,
           {
-            value: t.key,
+            value: r.key,
             title: s,
-            disabled: t.disabled,
-            children: /* @__PURE__ */ o(
-              K,
+            disabled: r.disabled,
+            children: /* @__PURE__ */ t(
+              Z,
               {
                 highlightClassName: "highlight-text",
                 searchWords: (x ?? "").split(" "),
@@ -387,41 +388,41 @@ function le(v) {
               }
             )
           },
-          t.key
+          r.key
         );
-      } : (t) => /* @__PURE__ */ o(
+      } : (r) => /* @__PURE__ */ t(
         I.Option,
         {
-          value: t.key,
-          title: t.value,
-          disabled: t.disabled,
-          children: t.value
+          value: r.key,
+          title: r.value,
+          disabled: r.disabled,
+          children: r.value
         },
-        t.key
+        r.key
       )
     }
   );
 }
-function ne(v) {
+function ce(v) {
   const {
     required: n,
     fieldClassName: c,
-    rules: f,
+    rules: p,
     fieldTooltip: d,
-    updatable: w,
+    updatable: k,
     label: m,
     name: u
   } = v;
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ t(
     j.Item,
     {
       label: m,
       name: u,
       required: n,
-      rules: f,
+      rules: p,
       tooltip: d,
-      children: /* @__PURE__ */ o(
-        z,
+      children: /* @__PURE__ */ t(
+        X,
         {
           disabledAlpha: !0,
           format: "hex",
@@ -429,7 +430,7 @@ function ne(v) {
           showText: !0,
           trigger: "click",
           className: c,
-          disabled: !w,
+          disabled: !k,
           ...v.innerProps
         }
       )
@@ -437,7 +438,7 @@ function ne(v) {
   );
 }
 export {
-  ne as ColorCrudFieldComponent,
-  le as SelectCrudFieldComponent,
-  Te as default
+  ce as ColorCrudFieldComponent,
+  se as SelectCrudFieldComponent,
+  Re as default
 };

package/crud/CrudForm.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),c=require("antd"),l=require("./CrudField.cjs.js");function x({form:d,purpose:y="new",...m}){return e.jsx(c.Form,{form:d,layout:"vertical",children:e.jsx(h,{...m,purpose:y})})}function h({fields:d,formBuilder:y,grid:m,onDeleteFile:i,onUploadFile:u,purpose:o}){const p=s.useMemo(()=>d.filter(t=>!t.readonly).map(t=>{const a={onUploading:t.type==="image"||t.type==="file"?r=>{var n;t.onUploading&&((n=t.onUploading)==null||n.call(t,r)),u==null||u(r)}:void 0,onDelete:t.type==="image"||t.type==="file"?r=>{var n;t.onUploading&&((n=t.onDelete)==null||n.call(t,r)),i==null||i(r)}:void 0};return e.jsx(s.Fragment,{children:t.grid&&m?e.jsx(c.Col,{...t.grid,children:s.createElement(l.default,{...t,...a,key:typeof t.name=="string"?t.name:String(t.name),updatable:o!=="update"?!0:t.updatable})}):s.createElement(l.default,{...t,...a,key:typeof t.name=="string"?t.name:String(t.name),updatable:o!=="update"?!0:t.updatable})},t.name)}),[d,m,i,u,o]),b=s.useCallback((t,a={})=>{const r=d.find(n=>n.name===t);if(r!=null&&r.hidden)return e.jsx(e.Fragment,{});if(r){const n={onUploading:r.type==="image"||r.type==="file"?g=>{var f;r.onUploading&&((f=r.onUploading)==null||f.call(r,g)),u==null||u(g)}:void 0,onDelete:r.type==="image"||r.type==="file"?g=>{var f;r.onUploading&&((f=r.onDelete)==null||f.call(r,g)),i==null||i(g)}:void 0},j=s.createElement(l.default,{...r,...a,...n,key:typeof r.name=="string"?r.name:String(r.name),updatable:o!=="update"?!0:r.updatable});return a.render?a.render(j):j}return e.jsx(e.Fragment,{})},[d,o]);return e.jsx(e.Fragment,{children:y?e.jsxs(e.Fragment,{children:[y(b,{isAnyFieldHidden(...t){const a=Array.isArray(t)?t:[t];return d.filter(n=>a.includes(n.name)).some(n=>n.hidden)},isAllFieldsHidden(...t){const a=Array.isArray(t)?t:[t];return d.filter(n=>a.includes(n.name)).every(n=>n.hidden)}}),e.jsxs(c.Form.Item,{hidden:!0,noStyle:!0,children:[e.jsx(c.Input,{name:"id"}),e.jsx(c.Input,{})]})]}):m?e.jsx(c.Row,{gutter:[8,8],children:p}):p})}exports.CrudForm=x;exports.CrudFormFields=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),c=require("antd"),p=require("./CrudField.cjs.js"),b=require("../util/CrudUtil.cjs.js");function v({form:i,purpose:y="new",...m}){return e.jsx(c.Form,{form:i,layout:"vertical",children:e.jsx(x,{...m,purpose:y})})}function x({fields:i,formBuilder:y,grid:m,onDeleteFile:d,onUploadFile:u,purpose:o}){const j=s.useMemo(()=>i.filter(t=>!t.readonly).map(t=>{const a={onUploading:t.type==="image"||t.type==="file"?r=>{var n;t.onUploading&&((n=t.onUploading)==null||n.call(t,r)),u==null||u(r)}:void 0,onDelete:t.type==="image"||t.type==="file"?r=>{var n;t.onUploading&&((n=t.onDelete)==null||n.call(t,r)),d==null||d(r)}:void 0};return e.jsx(s.Fragment,{children:t.grid&&m?e.jsx(c.Col,{...t.grid,children:s.createElement(p.default,{...t,...a,key:typeof t.name=="string"?t.name:String(t.name),updatable:o!=="update"?!0:t.updatable})}):s.createElement(p.default,{...t,...a,key:typeof t.name=="string"?t.name:String(t.name),updatable:o!=="update"?!0:t.updatable})},t.name)}),[i,m,d,u,o]),C=s.useCallback((t,a={})=>{const r=i.find(n=>b.getRealName(n.name)===t);if(r!=null&&r.hidden)return e.jsx(e.Fragment,{});if(r){const n={onUploading:r.type==="image"||r.type==="file"?g=>{var f;r.onUploading&&((f=r.onUploading)==null||f.call(r,g)),u==null||u(g)}:void 0,onDelete:r.type==="image"||r.type==="file"?g=>{var f;r.onUploading&&((f=r.onDelete)==null||f.call(r,g)),d==null||d(g)}:void 0},l=b.getRealName(r.name),h=s.createElement(p.default,{...r,...a,...n,key:typeof l=="string"?l:String(l),updatable:o!=="update"?!0:r.updatable});return a.render?a.render(h):h}return e.jsx(e.Fragment,{})},[i,o]);return e.jsx(e.Fragment,{children:y?e.jsxs(e.Fragment,{children:[y(C,{isAnyFieldHidden(...t){const a=Array.isArray(t)?t:[t];return i.filter(n=>a.includes(n.name)).some(n=>n.hidden)},isAllFieldsHidden(...t){const a=Array.isArray(t)?t:[t];return i.filter(n=>a.includes(n.name)).every(n=>n.hidden)}}),e.jsxs(c.Form.Item,{hidden:!0,noStyle:!0,children:[e.jsx(c.Input,{name:"id"}),e.jsx(c.Input,{})]})]}):m?e.jsx(c.Row,{gutter:[8,8],children:j}):j})}exports.CrudForm=v;exports.CrudFormFields=x;