@kingteza/crud-component 1.0.4 → 1.0.6

package/dist/src/components/crud/CrudField.js

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

package/dist/src/components/crud/CrudForm.cjs

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

package/dist/src/components/crud/CrudForm.js

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

package/dist/src/components/crud/CrudFormWizard.cjs

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

package/dist/src/components/crud/CrudFormWizard.js

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