@kingteza/crud-component 1.2.0 → 1.2.2

package/dist/crud/CrudComponent.es.js

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

package/dist/crud/CrudField.cjs.js

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

package/dist/crud/CrudField.d.ts

@@ -0,0 +1,4 @@
+import { ColorPickerFieldProps, CrudFieldProps, SelectCrudField } from './CrudComponent';
+export default function CrudField<T>(props0: Readonly<CrudFieldProps<T>>): import("react/jsx-runtime").JSX.Element;
+export declare function SelectCrudFieldComponent<T>(props: Readonly<SelectCrudField<T>>): import("react/jsx-runtime").JSX.Element;
+export declare function ColorCrudFieldComponent<T>(props: ColorPickerFieldProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/crud/CrudField.es.js

@@ -0,0 +1,461 @@
+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 { 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 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 de from "./CrudTextAreaComponent.es.js";
+import $ from "../util/CrudUtil.es.js";
+function Re(N) {
+  const {
+    label: i,
+    name: u,
+    type: g,
+    required: d,
+    hidden: k,
+    rules: h = [],
+    updatable: f = !0,
+    readonly: w = !1,
+    fieldClassName: C,
+    customFormFieldRender: H,
+    fieldTooltip: v,
+    fieldHelper: y,
+    ...e
+  } = N, s = j.useFormInstance();
+  B(() => {
+    if (g === "select") {
+      const {
+        items: l = [],
+        onSearch: a,
+        searchOnType: c
+      } = e;
+      !(l != null && l.length) && !c && (a == null || a(void 0, s, 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) {
+    case "text":
+    case "email":
+    case "password": {
+      const { onChange: l, placeholder: a, addonAfter: c, addonBefore: p } = e;
+      return /* @__PURE__ */ t(
+        ne,
+        {
+          placeholder: a,
+          disabled: !f,
+          rules: h,
+          required: d,
+          onChange: l ? (n) => l(n, s) : void 0,
+          type: g,
+          name: u,
+          tooltip: v,
+          label: i,
+          className: C,
+          autoComplete: "new-password",
+          addonAfter: c,
+          addonBefore: p,
+          help: y
+        }
+      );
+    }
+    case "number": {
+      const { onChange: l, placeholder: a, allowMinus: c, min: p, max: n, addonAfter: T, addonBefore: b } = e;
+      return /* @__PURE__ */ t(
+        oe,
+        {
+          placeholder: a,
+          disabled: !f,
+          moneyField: !!e.formatted,
+          type: g,
+          onChange: l ? (x) => l(x, s) : void 0,
+          rules: h,
+          autoComplete: "false",
+          required: d,
+          tooltip: v,
+          className: C,
+          min: c ? null : p,
+          max: n,
+          addonAfter: T,
+          addonBefore: b,
+          name: u,
+          label: i,
+          help: y
+        }
+      );
+    }
+    case "date": {
+      const {
+        range: l,
+        disableToday: a,
+        disabledFutureDays: c,
+        disabledPastDays: p,
+        onChange: n,
+        placeholder: T,
+        format: b
+      } = e;
+      return /* @__PURE__ */ t(
+        ae,
+        {
+          placeholder: T,
+          required: d,
+          disabled: !f,
+          type: g,
+          format: b,
+          tooltip: v,
+          range: l,
+          name: u,
+          label: i,
+          onChange: n ? (x) => n(x, s) : void 0,
+          className: C,
+          disableToday: a,
+          disabledFutureDays: c,
+          disabledPastDays: p,
+          help: y
+        }
+      );
+    }
+    case "time": {
+      const {
+        range: l = !1,
+        disableCurrent: a,
+        disabledFuture: c,
+        disabledPast: p,
+        onChange: n,
+        use12Hours: T,
+        format: b,
+        placeholder: x
+      } = e;
+      return /* @__PURE__ */ t(
+        le,
+        {
+          placeholder: x,
+          required: d,
+          format: b,
+          disabled: !f,
+          type: g,
+          tooltip: v,
+          range: l,
+          use12Hours: T,
+          name: u,
+          label: i,
+          onChange: n ? (o) => n(o, s) : void 0,
+          className: C,
+          disableCurrent: a,
+          disabledFuture: c,
+          disabledPast: p,
+          help: y
+        }
+      );
+    }
+    case "textarea":
+      return /* @__PURE__ */ t(de, { ...N });
+    case "image":
+      return /* @__PURE__ */ t(
+        re,
+        {
+          ...e,
+          required: d,
+          name: u,
+          label: i,
+          rules: h,
+          fieldClassName: C,
+          onRemoved: e.onRemoved,
+          onUploading: e.onUploading,
+          provider: e.provider
+        }
+      );
+    case "file":
+      return /* @__PURE__ */ t(
+        ee,
+        {
+          ...e,
+          required: d,
+          name: u,
+          label: i,
+          rules: h,
+          fieldClassName: C,
+          onRemoved: e.onRemoved,
+          onUploading: e.onUploading,
+          provider: e.provider
+        }
+      );
+    case "select":
+      return /* @__PURE__ */ t(
+        se,
+        {
+          ...e,
+          required: d,
+          name: u,
+          label: i,
+          rules: h,
+          fieldClassName: C,
+          form: s,
+          updatable: f,
+          readonly: w,
+          fieldTooltip: v,
+          fieldHelper: y
+        }
+      );
+    case "enum": {
+      const {
+        enum: l,
+        radio: a = !1,
+        translation: c,
+        onChange: p,
+        onSearch: n,
+        multiple: T,
+        tagRender: b
+      } = e, x = Array.isArray(l) ? l : Object.keys(l);
+      return a ? /* @__PURE__ */ t(
+        j.Item,
+        {
+          ...e,
+          name: u,
+          required: d,
+          tooltip: v,
+          rules: h,
+          label: i,
+          className: ["w-100", C].join(" "),
+          help: y,
+          children: /* @__PURE__ */ t(
+            M.Group,
+            {
+              ...e,
+              onChange: p ? (o) => {
+                var F;
+                return p((F = o == null ? void 0 : o.target) == null ? void 0 : F.value, s);
+              } : void 0,
+              children: x.map((o) => /* @__PURE__ */ t(M, { disabled: !f, value: o, children: c ? P(c[o]) : o }, o))
+            }
+          )
+        }
+      ) : /* @__PURE__ */ t(
+        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 });
+          } : void 0,
+          onChange: p ? (o) => p(o, s) : void 0,
+          className: ["w-100", C].join(" "),
+          name: u,
+          items: x,
+          required: d,
+          tooltip: v,
+          rules: h,
+          label: i,
+          help: y,
+          disabled: !f,
+          onSearch: n ? (o) => n(o, s) : void 0,
+          allowClear: !0,
+          mode: T ? "multiple" : void 0,
+          itemBuilder: (o) => /* @__PURE__ */ t(A.Option, { value: o, children: c ? P(c[o]) : o }, o)
+        }
+      );
+    }
+    case "checkbox": {
+      const { onChange: l } = e;
+      return /* @__PURE__ */ t(
+        te,
+        {
+          className: C,
+          rules: h,
+          onChange: l ? (a) => l(a, s) : void 0,
+          label: i,
+          tooltip: v,
+          disabled: !f,
+          name: u,
+          help: y
+        }
+      );
+    }
+    case "color":
+      return /* @__PURE__ */ t(
+        me,
+        {
+          ...e,
+          type: "color",
+          required: d,
+          name: u,
+          label: i,
+          rules: h,
+          fieldClassName: C,
+          updatable: f,
+          readonly: w,
+          fieldTooltip: v,
+          fieldHelper: y
+        }
+      );
+    default:
+      return /* @__PURE__ */ t(S, { children: `${g} Not Implemented` });
+  }
+}
+function se(N) {
+  const {
+    items: i = [],
+    loading: u,
+    searchOnType: g,
+    onSearch: d,
+    multiple: k,
+    onChange: h,
+    highlightSearch: f,
+    required: w,
+    fieldClassName: C,
+    rules: H,
+    fieldTooltip: v,
+    updatable: y,
+    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);
+  B(() => {
+    a && R && F && (a == null || a(F, i, n), O(!1));
+  }, [R, n, i, x, a, F]), B(() => {
+    F && O(!0);
+  }, [F]);
+  const J = Y(
+    async (r) => {
+      b(r), g && (d == null || d(r, n, l));
+    },
+    [n, d, g, l]
+  );
+  return /* @__PURE__ */ t(
+    z,
+    {
+      ...N,
+      maxTagCount: "responsive",
+      maxTagPlaceholder: (r) => /* @__PURE__ */ E(
+        ie,
+        {
+          title: /* @__PURE__ */ t(S, { children: r.map((m) => /* @__PURE__ */ E(S, { children: [
+            m.label,
+            " ",
+            /* @__PURE__ */ t("br", {})
+          ] })) }),
+          children: [
+            "+",
+            r == null ? void 0 : r.length
+          ]
+        }
+      ),
+      placeholder: c,
+      onSelect: (r) => {
+        a == null || a(r == null ? void 0 : r.key, i, n);
+      },
+      onChange: h ? (r) => {
+        b(""), h(r, n);
+      } : void 0,
+      mode: k ? "multiple" : void 0,
+      className: ["w-100", C].join(" "),
+      name: o,
+      items: i,
+      required: w,
+      tooltip: v,
+      tagRender: P,
+      rules: H,
+      disabled: !y,
+      label: e,
+      allowClear: p,
+      onSearch: J,
+      loading: u,
+      filterOption: f ? (r, m) => {
+        var I, L, U;
+        try {
+          const q = r.toLowerCase().split(/\s+/), K = ((typeof (m == null ? void 0 : m.children) == "string" ? m == null ? void 0 : m.children : (L = (I = m == null ? void 0 : m.children) == null ? void 0 : I.props) == null ? void 0 : L.textToHighlight) ?? "").toLowerCase(), Q = (((U = m == null ? void 0 : m.value) == null ? void 0 : U.toString()) ?? "").toLowerCase();
+          return q.every(
+            (D) => K.indexOf(D) >= 0 || Q.indexOf(D) >= 0
+          );
+        } catch {
+          return !0;
+        }
+      } : void 0,
+      itemBuilder: f ? (r) => {
+        const m = r.value ? String(r.value) : void 0;
+        return /* @__PURE__ */ t(
+          A.Option,
+          {
+            value: r.key,
+            title: m,
+            disabled: r.disabled,
+            children: /* @__PURE__ */ t(
+              Z,
+              {
+                highlightClassName: "highlight-text",
+                searchWords: (T ?? "").split(" "),
+                autoEscape: !0,
+                textToHighlight: m ?? ""
+              }
+            )
+          },
+          r.key
+        );
+      } : (r) => /* @__PURE__ */ t(
+        A.Option,
+        {
+          value: r.key,
+          title: r.value,
+          disabled: r.disabled,
+          children: r.value
+        },
+        r.key
+      )
+    }
+  );
+}
+function me(N) {
+  const {
+    required: i,
+    fieldClassName: u,
+    rules: g,
+    fieldTooltip: d,
+    updatable: k,
+    label: h,
+    name: f,
+    fieldHelper: w
+  } = N;
+  return /* @__PURE__ */ t(
+    j.Item,
+    {
+      label: h,
+      name: f,
+      required: i,
+      rules: g,
+      tooltip: d,
+      help: w,
+      children: /* @__PURE__ */ t(
+        X,
+        {
+          disabledAlpha: !0,
+          format: "hex",
+          defaultFormat: "hex",
+          showText: !0,
+          trigger: "click",
+          className: u,
+          disabled: !k,
+          ...N.innerProps
+        }
+      )
+    }
+  );
+}
+export {
+  me as ColorCrudFieldComponent,
+  se as SelectCrudFieldComponent,
+  Re as default
+};

package/dist/crud/CrudForm.cjs.js

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

package/dist/crud/CrudForm.d.ts

@@ -0,0 +1,14 @@
+import { FormInstance } from 'antd';
+import { CrudFieldProps, CrudPurpose, FormBuilderFunc } from './CrudComponent';
+export interface CurdFormFieldsProps<T> {
+    onDeleteFile?: (e: any) => void;
+    onUploadFile?: (e: any) => void;
+    grid?: boolean;
+    formBuilder?: FormBuilderFunc<T>;
+    fields: CrudFieldProps<T>[];
+    purpose?: CrudPurpose;
+}
+export declare function CrudForm<T>({ form, purpose, ...props }: Readonly<CurdFormFieldsProps<T> & {
+    form: FormInstance;
+}>): import("react/jsx-runtime").JSX.Element;
+export declare function CrudFormFields<T>({ fields, formBuilder, grid, onDeleteFile, onUploadFile, purpose, }: Readonly<CurdFormFieldsProps<T>>): import("react/jsx-runtime").JSX.Element;