@kingteza/crud-component 1.3.0 → 1.4.1

package/dist/crud/CrudField.es.js

@@ -1,160 +1,160 @@
-import { jsx as t, Fragment as S, jsxs as E } from "react/jsx-runtime";
-import { Form as j, Radio as M, Select as A, Tag as W, ColorPicker as X } from "antd";
+import { jsx as t, Fragment as P, jsxs as E } from "react/jsx-runtime";
+import { Form as A, Radio as M, Select as j, Tag as W, ColorPicker as X } from "antd";
 import { useEffect as B, useState as G, useMemo as _, useCallback as Y } from "react";
 import Z from "react-highlight-words";
 import { useTranslationLibNoNS as V } from "../locale/index.es.js";
 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 le from "../common/date-picker/TimePicker.es.js";
+import le from "../common/date-picker/DatePicker.es.js";
+import ae from "../common/date-picker/TimePicker.es.js";
 import z from "../common/select/SelectComponent.es.js";
 import oe 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 ie from "../common/text-field/TextField.es.js";
+import ne from "../common/tooltip/TooltipComponent.es.js";
 import de from "./CrudTextAreaComponent.es.js";
 import $ from "../util/CrudUtil.es.js";
 function Re(N) {
   const {
-    label: i,
+    label: n,
     name: u,
-    type: g,
-    required: d,
+    type: C,
+    required: s,
     hidden: k,
     rules: h = [],
     updatable: f = !0,
     readonly: w = !1,
-    fieldClassName: C,
-    customFormFieldRender: H,
-    fieldTooltip: v,
-    fieldHelper: y,
+    fieldClassName: b,
+    customFormFieldRender: O,
+    fieldTooltip: y,
+    fieldHelper: p,
     ...e
-  } = N, s = j.useFormInstance();
+  } = N, c = A.useFormInstance();
   B(() => {
-    if (g === "select") {
+    if (C === "select") {
       const {
-        items: l = [],
-        onSearch: a,
-        searchOnType: c
+        items: a = [],
+        onSearch: l,
+        searchOnType: d
       } = e;
-      !(l != null && l.length) && !c && (a == null || a(void 0, s, e == null ? void 0 : e.updatingValue));
+      !(a != null && a.length) && !d && (l == null || l(void 0, c, e == null ? void 0 : e.updatingValue));
     }
-  }, [s, e, g, e == null ? void 0 : e.updatingValue]);
-  const { t: P } = V();
-  if (w || k) return /* @__PURE__ */ t(S, {});
-  if (H)
-    return H(s, N);
-  switch (g) {
+  }, [c, e, C, e == null ? void 0 : e.updatingValue]);
+  const { t: S } = V();
+  if (w || k) return /* @__PURE__ */ t(P, {});
+  if (O)
+    return O(c, N);
+  switch (C) {
     case "text":
     case "email":
     case "password": {
-      const { onChange: l, placeholder: a, addonAfter: c, addonBefore: p } = e;
+      const { onChange: a, placeholder: l, addonAfter: d, addonBefore: g } = e;
       return /* @__PURE__ */ t(
-        ne,
+        ie,
         {
-          placeholder: a,
+          placeholder: l,
           disabled: !f,
           rules: h,
-          required: d,
-          onChange: l ? (n) => l(n, s) : void 0,
-          type: g,
+          required: s,
+          onChange: a ? (i) => a(i, c) : void 0,
+          type: C,
           name: u,
-          tooltip: v,
-          label: i,
-          className: C,
+          tooltip: y,
+          label: n,
+          className: b,
           autoComplete: "new-password",
-          addonAfter: c,
-          addonBefore: p,
-          help: y
+          addonAfter: d,
+          addonBefore: g,
+          help: p
         }
       );
     }
     case "number": {
-      const { onChange: l, placeholder: a, allowMinus: c, min: p, max: n, addonAfter: T, addonBefore: b } = e;
+      const { onChange: a, placeholder: l, allowMinus: d, min: g, max: i, addonAfter: T, addonBefore: v } = e;
       return /* @__PURE__ */ t(
         oe,
         {
-          placeholder: a,
+          placeholder: l,
           disabled: !f,
           moneyField: !!e.formatted,
-          type: g,
-          onChange: l ? (x) => l(x, s) : void 0,
+          type: C,
+          onChange: a ? (x) => a(x, c) : void 0,
           rules: h,
           autoComplete: "false",
-          required: d,
-          tooltip: v,
-          className: C,
-          min: c ? null : p,
-          max: n,
+          required: s,
+          tooltip: y,
+          className: b,
+          min: d ? null : g,
+          max: i,
           addonAfter: T,
-          addonBefore: b,
+          addonBefore: v,
           name: u,
-          label: i,
-          help: y
+          label: n,
+          help: p
         }
       );
     }
     case "date": {
       const {
-        range: l,
-        disableToday: a,
-        disabledFutureDays: c,
-        disabledPastDays: p,
-        onChange: n,
+        range: a,
+        disableToday: l,
+        disabledFutureDays: d,
+        disabledPastDays: g,
+        onChange: i,
         placeholder: T,
-        format: b
+        format: v
       } = e;
       return /* @__PURE__ */ t(
-        ae,
+        le,
         {
           placeholder: T,
-          required: d,
+          required: s,
           disabled: !f,
-          type: g,
-          format: b,
-          tooltip: v,
-          range: l,
+          type: C,
+          format: v,
+          tooltip: y,
+          range: a,
           name: u,
-          label: i,
-          onChange: n ? (x) => n(x, s) : void 0,
-          className: C,
-          disableToday: a,
-          disabledFutureDays: c,
-          disabledPastDays: p,
-          help: y
+          label: n,
+          onChange: i ? (x) => i(x, c) : void 0,
+          className: b,
+          disableToday: l,
+          disabledFutureDays: d,
+          disabledPastDays: g,
+          help: p
         }
       );
     }
     case "time": {
       const {
-        range: l = !1,
-        disableCurrent: a,
-        disabledFuture: c,
-        disabledPast: p,
-        onChange: n,
+        range: a = !1,
+        disableCurrent: l,
+        disabledFuture: d,
+        disabledPast: g,
+        onChange: i,
         use12Hours: T,
-        format: b,
+        format: v,
         placeholder: x
       } = e;
       return /* @__PURE__ */ t(
-        le,
+        ae,
         {
           placeholder: x,
-          required: d,
-          format: b,
+          required: s,
+          format: v,
           disabled: !f,
-          type: g,
-          tooltip: v,
-          range: l,
+          type: C,
+          tooltip: y,
+          range: a,
           use12Hours: T,
           name: u,
-          label: i,
-          onChange: n ? (o) => n(o, s) : void 0,
-          className: C,
-          disableCurrent: a,
-          disabledFuture: c,
-          disabledPast: p,
-          help: y
+          label: n,
+          onChange: i ? (o) => i(o, c) : void 0,
+          className: b,
+          disableCurrent: l,
+          disabledFuture: d,
+          disabledPast: g,
+          help: p
         }
       );
     }
@@ -165,11 +165,12 @@ function Re(N) {
         re,
         {
           ...e,
-          required: d,
+          required: s,
           name: u,
-          label: i,
+          label: n,
           rules: h,
-          fieldClassName: C,
+          fieldHelper: p,
+          fieldClassName: b,
           onRemoved: e.onRemoved,
           onUploading: e.onUploading,
           provider: e.provider
@@ -180,11 +181,12 @@ function Re(N) {
         ee,
         {
           ...e,
-          required: d,
+          required: s,
           name: u,
-          label: i,
+          label: n,
           rules: h,
-          fieldClassName: C,
+          fieldHelper: p,
+          fieldClassName: b,
           onRemoved: e.onRemoved,
           onUploading: e.onUploading,
           provider: e.provider
@@ -195,48 +197,49 @@ function Re(N) {
         se,
         {
           ...e,
-          required: d,
+          required: s,
           name: u,
-          label: i,
+          label: n,
           rules: h,
-          fieldClassName: C,
-          form: s,
+          fieldClassName: b,
+          form: c,
+          help: p,
           updatable: f,
           readonly: w,
-          fieldTooltip: v,
-          fieldHelper: y
+          fieldTooltip: y,
+          fieldHelper: p
         }
       );
     case "enum": {
       const {
-        enum: l,
-        radio: a = !1,
-        translation: c,
-        onChange: p,
-        onSearch: n,
+        enum: a,
+        radio: l = !1,
+        translation: d,
+        onChange: g,
+        onSearch: i,
         multiple: T,
-        tagRender: b
-      } = e, x = Array.isArray(l) ? l : Object.keys(l);
-      return a ? /* @__PURE__ */ t(
-        j.Item,
+        tagRender: v
+      } = e, x = Array.isArray(a) ? a : Object.keys(a);
+      return l ? /* @__PURE__ */ t(
+        A.Item,
         {
           ...e,
           name: u,
-          required: d,
-          tooltip: v,
+          required: s,
+          tooltip: y,
           rules: h,
-          label: i,
-          className: ["w-100", C].join(" "),
-          help: y,
+          label: n,
+          className: ["w-100", b].join(" "),
+          help: p,
           children: /* @__PURE__ */ t(
             M.Group,
             {
               ...e,
-              onChange: p ? (o) => {
+              onChange: g ? (o) => {
                 var F;
-                return p((F = o == null ? void 0 : o.target) == null ? void 0 : F.value, s);
+                return g((F = o == null ? void 0 : o.target) == null ? void 0 : F.value, c);
               } : void 0,
-              children: x.map((o) => /* @__PURE__ */ t(M, { disabled: !f, value: o, children: c ? P(c[o]) : o }, o))
+              children: x.map((o) => /* @__PURE__ */ t(M, { disabled: !f, value: o, children: d ? S(d[o]) : o }, o))
             }
           )
         }
@@ -244,96 +247,97 @@ function Re(N) {
         z,
         {
           ...e,
-          tagRender: typeof b == "function" ? b : b ? (o) => {
-            const { value: F, label: R } = o, O = b[F];
-            return O ? /* @__PURE__ */ t(W, { color: O.color, children: R }) : /* @__PURE__ */ t(W, { children: R });
+          tagRender: typeof v == "function" ? v : v ? (o) => {
+            const { value: F, label: R } = o, H = v[F];
+            return H ? /* @__PURE__ */ t(W, { color: H.color, children: R }) : /* @__PURE__ */ t(W, { children: R });
           } : void 0,
-          onChange: p ? (o) => p(o, s) : void 0,
-          className: ["w-100", C].join(" "),
+          onChange: g ? (o) => g(o, c) : void 0,
+          className: ["w-100", b].join(" "),
           name: u,
           items: x,
-          required: d,
-          tooltip: v,
+          required: s,
+          tooltip: y,
           rules: h,
-          label: i,
-          help: y,
+          label: n,
+          help: p,
           disabled: !f,
-          onSearch: n ? (o) => n(o, s) : void 0,
+          onSearch: i ? (o) => i(o, c) : void 0,
           allowClear: !0,
           mode: T ? "multiple" : void 0,
-          itemBuilder: (o) => /* @__PURE__ */ t(A.Option, { value: o, children: c ? P(c[o]) : o }, o)
+          itemBuilder: (o) => /* @__PURE__ */ t(j.Option, { value: o, children: d ? S(d[o]) : o }, o)
         }
       );
     }
     case "checkbox": {
-      const { onChange: l } = e;
+      const { onChange: a, switch: l } = e;
       return /* @__PURE__ */ t(
         te,
         {
-          className: C,
+          className: b,
           rules: h,
-          onChange: l ? (a) => l(a, s) : void 0,
-          label: i,
-          tooltip: v,
+          onChange: a ? (d) => a(d, c) : void 0,
+          label: n,
+          tooltip: y,
           disabled: !f,
           name: u,
-          help: y
+          help: p,
+          switch: l
         }
       );
     }
     case "color":
       return /* @__PURE__ */ t(
-        me,
+        ce,
         {
           ...e,
           type: "color",
-          required: d,
+          required: s,
           name: u,
-          label: i,
+          label: n,
           rules: h,
-          fieldClassName: C,
+          fieldClassName: b,
           updatable: f,
           readonly: w,
-          fieldTooltip: v,
-          fieldHelper: y
+          fieldTooltip: y,
+          fieldHelper: p
         }
       );
     default:
-      return /* @__PURE__ */ t(S, { children: `${g} Not Implemented` });
+      return /* @__PURE__ */ t(P, { children: `${C} Not Implemented` });
   }
 }
 function se(N) {
   const {
-    items: i = [],
+    items: n = [],
     loading: u,
-    searchOnType: g,
-    onSearch: d,
+    searchOnType: C,
+    onSearch: s,
     multiple: k,
     onChange: h,
     highlightSearch: f,
     required: w,
-    fieldClassName: C,
-    rules: H,
-    fieldTooltip: v,
-    updatable: y,
+    fieldClassName: b,
+    rules: O,
+    fieldTooltip: y,
+    updatable: p,
     label: e,
-    name: s,
-    tagRender: P,
-    updatingValue: l,
-    onSet: a,
-    placeholder: c,
-    allowClear: p = !0
-  } = N, n = N.form, [T, b] = G(""), x = _(() => $.getRealName(s), [s]), o = _(() => $.getRealName(s, "upsertFieldName"), [s]), F = j.useWatch(x, n), [R, O] = G(!0);
+    name: c,
+    tagRender: S,
+    updatingValue: a,
+    onSet: l,
+    placeholder: d,
+    allowClear: g = !0
+  } = N, i = N.form, [T, v] = G(""), x = _(() => $.getRealName(c), [c]), o = _(() => $.getRealName(c, "upsertFieldName"), [c]), F = A.useWatch(x, i), [R, H] = G(!0);
   B(() => {
-    a && R && F && (a == null || a(F, i, n), O(!1));
-  }, [R, n, i, x, a, F]), B(() => {
-    F && O(!0);
+    l && R && F && (l == null || l(F, n, i), H(!1));
+  }, [R, i, n, x, l, F]), B(() => {
+    F && H(!0);
   }, [F]);
   const J = Y(
     async (r) => {
-      b(r), g && (d == null || d(r, n, l));
+      v(r), C && (s == null || s(r, i, a));
     },
-    [n, d, g, l]
+    [i, s, C, a]
   );
   return /* @__PURE__ */ t(
     z,
@@ -341,9 +345,9 @@ function se(N) {
       ...N,
       maxTagCount: "responsive",
       maxTagPlaceholder: (r) => /* @__PURE__ */ E(
-        ie,
+        ne,
         {
-          title: /* @__PURE__ */ t(S, { children: r.map((m) => /* @__PURE__ */ E(S, { children: [
+          title: /* @__PURE__ */ t(P, { children: r.map((m) => /* @__PURE__ */ E(P, { children: [
             m.label,
             " ",
             /* @__PURE__ */ t("br", {})
@@ -354,24 +358,24 @@ function se(N) {
           ]
         }
       ),
-      placeholder: c,
+      placeholder: d,
       onSelect: (r) => {
-        a == null || a(r == null ? void 0 : r.key, i, n);
+        l == null || l(r == null ? void 0 : r.key, n, i);
       },
       onChange: h ? (r) => {
-        b(""), h(r, n);
+        v(""), h(r, i);
       } : void 0,
       mode: k ? "multiple" : void 0,
-      className: ["w-100", C].join(" "),
+      className: ["w-100", b].join(" "),
       name: o,
-      items: i,
+      items: n,
       required: w,
-      tooltip: v,
-      tagRender: P,
-      rules: H,
-      disabled: !y,
+      tooltip: y,
+      tagRender: S,
+      rules: O,
+      disabled: !p,
       label: e,
-      allowClear: p,
+      allowClear: g,
       onSearch: J,
       loading: u,
       filterOption: f ? (r, m) => {
@@ -388,7 +392,7 @@ function se(N) {
       itemBuilder: f ? (r) => {
         const m = r.value ? String(r.value) : void 0;
         return /* @__PURE__ */ t(
-          A.Option,
+          j.Option,
           {
             value: r.key,
             title: m,
@@ -406,7 +410,7 @@ function se(N) {
           r.key
         );
       } : (r) => /* @__PURE__ */ t(
-        A.Option,
+        j.Option,
         {
           value: r.key,
           title: r.value,
@@ -418,25 +422,25 @@ function se(N) {
     }
   );
 }
-function me(N) {
+function ce(N) {
   const {
-    required: i,
+    required: n,
     fieldClassName: u,
-    rules: g,
-    fieldTooltip: d,
+    rules: C,
+    fieldTooltip: s,
     updatable: k,
     label: h,
     name: f,
     fieldHelper: w
   } = N;
   return /* @__PURE__ */ t(
-    j.Item,
+    A.Item,
     {
       label: h,
       name: f,
-      required: i,
-      rules: g,
-      tooltip: d,
+      required: n,
+      rules: C,
+      tooltip: s,
       help: w,
       children: /* @__PURE__ */ t(
         X,
@@ -455,7 +459,7 @@ function me(N) {
   );
 }
 export {
-  me as ColorCrudFieldComponent,
+  ce as ColorCrudFieldComponent,
   se as SelectCrudFieldComponent,
   Re as default
 };

package/dist/crud/CrudTextAreaComponent.cjs.js

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