@spacego/fe-components 0.1.0 → 0.2.0

package/lib/fe-form/fe-form-date-range-picker/index.js

@@ -0,0 +1,99 @@
+import { jsx as m } from "react/jsx-runtime";
+import { dayjs as Y, classnames as A } from "@spacego/turbo-utils";
+import { DatePicker as q } from "antd";
+import { useState as D, useRef as h, useEffect as M } from "react";
+import R from "../fe-form-item/index.js";
+import { getFormItemProps as S, getLabelProps as E } from "../utils/index.js";
+/* empty css           */
+const { RangePicker: C } = q, _ = ({
+  pickerId: t,
+  activePanel: o,
+  onPanelChange: a,
+  value: u,
+  onChange: d,
+  dateRangePickerProps: l,
+  pickerRef: s
+}) => (M(() => {
+  (() => {
+    const n = document.querySelector(`[data-picker-id="${t}"]`);
+    if (n) {
+      const r = n.querySelector(".ant-picker") || n;
+      r && r.setAttribute && r.setAttribute("data-panel-active", String(o));
+    }
+    const i = document.querySelector(".date-range-picker__popup");
+    i && i.setAttribute("data-panel-active", String(o));
+  })();
+  const c = new MutationObserver((n) => {
+    for (const i of n)
+      if (i.type === "childList") {
+        const r = document.querySelector(".date-range-picker__popup");
+        r && r.setAttribute("data-panel-active", String(o));
+      }
+  });
+  return c.observe(document.body, { childList: !0, subtree: !0 }), () => {
+    c.disconnect();
+  };
+}, [o, t]), M(() => {
+  const f = (c) => {
+    const n = c.target, i = n.closest(`[data-picker-id="${t}"]`);
+    if (!i) return;
+    const r = i.querySelectorAll(".ant-picker-input");
+    if (r.length >= 2) {
+      const p = r[0], k = r[1], e = n.closest(".ant-picker-input");
+      e === p ? a(0) : e === k && a(1);
+    }
+  };
+  return document.addEventListener("click", f, !0), () => {
+    document.removeEventListener("click", f, !0);
+  };
+}, [t, a]), /* @__PURE__ */ m("div", { "data-picker-id": t, style: { display: "contents" }, children: /* @__PURE__ */ m(
+  C,
+  {
+    ref: s,
+    className: "date-range-picker",
+    value: u,
+    onChange: d,
+    style: { width: "100%" },
+    ...l,
+    popupClassName: A("date-range-picker__popup", l.popupClassName)
+  }
+) })), N = (t) => {
+  const o = Y.default, { dateRangePickerAttributes: a, onChange: u, value: d } = t, { hasTime: l = !0, ...s } = a || {}, [f, c] = D(0), n = h(`date-range-picker-${Date.now()}-${Math.random()}`), i = h(null), { valueType: r, ...p } = S(t), k = (e) => {
+    u == null || u(e);
+  };
+  return /* @__PURE__ */ m(
+    R,
+    {
+      name: t.dataIndex,
+      required: t.required ?? !1,
+      rules: t.rules,
+      type: t.type,
+      requiredMessage: t.requiredMessage,
+      valueType: r ?? "array",
+      getValueProps: (e) => e ? Array.isArray(d) && d.length >= 2 ? { value: [e[0] ? o(e[0]) : null, e[1] ? o(e[1]) : null] } : { value: void 0 } : { value: void 0 },
+      normalize: (e) => {
+        if (!(e != null && e[0]) || !(e != null && e[1])) return;
+        const y = (g, P) => l && !s.showTime ? P ? g.startOf("day") : g.endOf("day") : g, b = s.picker === "month" ? "YYYY-MM" : l || s.showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+        return [y(e[0], !0).format(b), y(e[1], !1).format(b)];
+      },
+      ...E(t),
+      ...p,
+      attributes: { ...t.attributes || {} },
+      children: /* @__PURE__ */ m(
+        _,
+        {
+          pickerId: n.current,
+          activePanel: f,
+          onPanelChange: c,
+          value: d,
+          onChange: k,
+          dateRangePickerProps: s,
+          pickerRef: i
+        }
+      )
+    }
+  );
+};
+export {
+  N as default
+};

package/lib/fe-form/fe-form-input/index.js

@@ -0,0 +1,53 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Space as c } from "antd";
+import { useMemo as o } from "react";
+import d from "../../fe-button/index.js";
+import p from "../../fe-input/index.js";
+import h from "../fe-form-item/index.js";
+import { getFormItemProps as b, getLabelProps as f } from "../utils/index.js";
+const i = (t) => {
+  const { value: n, onChange: r, attr: u, ...m } = t, l = o(() => {
+    if (!u.inputAttributes) return {};
+    const a = { ...u.inputAttributes };
+    return delete a.inputType, a;
+  }, [t.attr]);
+  return /* @__PURE__ */ e(
+    p,
+    {
+      allowClear: !0,
+      placeholder: t.attr.placeholder ?? `请输入${t.attr.label}`,
+      value: n,
+      onChange: r,
+      ...l,
+      ...m
+    }
+  );
+}, C = (t) => /* @__PURE__ */ s(c.Compact, { style: { width: "100%" }, children: [
+  /* @__PURE__ */ e(i, { value: t.value, onChange: t.onChange, attr: t.attr }),
+  /* @__PURE__ */ e(d, { ...t.attr.buttonAttributes || {} })
+] }), g = /* @__PURE__ */ new Map([
+  ["input", i],
+  ["inputWithBtn", C]
+]), x = (t) => {
+  const n = o(() => {
+    var r;
+    return g.get(((r = t.inputAttributes) == null ? void 0 : r.inputType) ?? "input");
+  }, [t.inputAttributes]);
+  return /* @__PURE__ */ e(
+    h,
+    {
+      name: t.dataIndex,
+      required: t.required ?? !1,
+      type: t.type,
+      rules: t.rules,
+      requiredMessage: t.requiredMessage,
+      ...f(t),
+      ...b(t),
+      attributes: { ...t.attributes || {} },
+      children: /* @__PURE__ */ e(n, { attr: { ...t, placeholder: t.placeholder } })
+    }
+  );
+};
+export {
+  x as default
+};

package/lib/fe-form/fe-form-input-input/index.js

@@ -0,0 +1,63 @@
+import { jsx as a } from "react/jsx-runtime";
+import { isString as d, classnames as m, isArray as c } from "@spacego/turbo-utils";
+import { Row as f, Space as b, Col as I } from "antd";
+import s from "../fe-form-input/index.js";
+import h from "../fe-form-item/index.js";
+import { getFormItemProps as o, getLabelProps as F } from "../utils/index.js";
+const x = (e) => {
+  var u;
+  return e = { ...e }, e.attributes = e.attributes ?? {}, /* @__PURE__ */ a(
+    s,
+    {
+      ...e,
+      placeholder: e.placeholder,
+      needLabel: !1,
+      inputAttributes: {
+        ...e.inputInputAttributes,
+        inputType: "input"
+      },
+      requiredMessage: e.requiredMessage ?? e.placeholder,
+      attributes: {
+        ...e.attributes,
+        className: m("fe-form-input-input-multi__item", (u = e.attributes) == null ? void 0 : u.className)
+      }
+    }
+  );
+}, C = (e) => {
+  var i;
+  e = { ...e }, e.dataIndex = (d(e.dataIndex) ? [e.dataIndex] : e.dataIndex) ?? [];
+  const u = (l) => {
+    var r;
+    const t = (r = e.inputInputAttributes) == null ? void 0 : r.colSpan, n = 24 / e.dataIndex.length;
+    return !e.inputInputAttributes || !t ? n : (c(t) ? t[l] : t) ?? n;
+  };
+  return /* @__PURE__ */ a(
+    h,
+    {
+      required: e.required ?? !1,
+      type: e.type,
+      rules: e.rules,
+      ...F(e),
+      ...o(e),
+      labelLeft: e.required && /* @__PURE__ */ a("span", { className: "fe-form-custom__required", children: "*" }),
+      attributes: {
+        ...e.attributes || {},
+        className: m("fe-form-input-input-multi", (i = e.attributes) == null ? void 0 : i.className)
+      },
+      children: /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(b.Compact, { block: !0, children: e.dataIndex.map((l, t) => {
+        var n;
+        return /* @__PURE__ */ a(I, { span: u(t), children: /* @__PURE__ */ a(
+          x,
+          {
+            ...e,
+            dataIndex: l,
+            placeholder: d(e.placeholder) ? e.placeholder : ((n = e.placeholder) == null ? void 0 : n[t]) ?? `请输入${e.label}`
+          }
+        ) }, l);
+      }) }) })
+    }
+  );
+};
+export {
+  C as default
+};

package/lib/fe-form/fe-form-input-number/index.js

@@ -0,0 +1,43 @@
+import { jsx as o } from "react/jsx-runtime";
+import { thousands as c } from "@spacego/turbo-utils";
+import { useMemo as b } from "react";
+import N from "../../fe-input-number/index.js";
+import h from "../fe-form-item/index.js";
+import { getFormItemProps as P, getLabelProps as g } from "../utils/index.js";
+const T = (e) => {
+  const { valueType: u, ...f } = P(e), d = b(() => {
+    var r;
+    return u || ((r = e.inputNumberAttributes) != null && r.stringMode ? "string" : "number");
+  }, [e, u]), l = b(() => {
+    var a, m, n;
+    if (!e.inputNumberAttributes) return {};
+    const { hasThousands: r, thousandsParams: A, ...s } = e.inputNumberAttributes;
+    if (r) {
+      const i = {
+        precision: ((a = e.inputNumberAttributes.thousandsParams) == null ? void 0 : a.precision) ?? 2,
+        fillZero: ((m = e.inputNumberAttributes.thousandsParams) == null ? void 0 : m.fillZero) ?? !1,
+        separator: ((n = e.inputNumberAttributes.thousandsParams) == null ? void 0 : n.separator) ?? ","
+      };
+      s.formatter = (t) => t ? c(Number(t), i.precision, i.fillZero, i.separator) : "", s.parser = (t) => t ? t == null ? void 0 : t.replace(/(,*)/g, "") : "";
+    }
+    return s;
+  }, [e.inputNumberAttributes]);
+  return /* @__PURE__ */ o(
+    h,
+    {
+      name: e.dataIndex,
+      required: e.required ?? !1,
+      type: e.type,
+      rules: e.rules,
+      valueType: d,
+      requiredMessage: e.requiredMessage,
+      ...g(e),
+      ...f,
+      attributes: { ...e.attributes || {} },
+      children: /* @__PURE__ */ o(N, { placeholder: `请输入${e.label}`, ...l || {} })
+    }
+  );
+};
+export {
+  T as default
+};

package/lib/fe-form/fe-form-item/index.js

@@ -0,0 +1,46 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Form as n } from "antd";
+import { useMemo as m } from "react";
+import d from "../fe-form-label/index.js";
+const h = (e) => {
+  const i = m(() => {
+    let l = [], t = `${e.label}不能为空`;
+    if (["select", "treeSelect", "cascader", "tagSelect"].includes(e.type) && (t = `请选择${e.label}`), e.required) {
+      const u = e.requiredMessage ?? t;
+      l.push({
+        required: !0,
+        message: u,
+        validateTrigger: e.validateTrigger ?? "onBlur",
+        type: e.valueType ?? "string"
+      });
+    }
+    return e.rules && e.rules.length > 0 && (l = l.concat(e.rules)), l;
+  }, [e.label, e.type, e.requiredMessage, e.rules, e.required]), r = typeof e.needLabel == "boolean" ? e.needLabel : !0;
+  return /* @__PURE__ */ a(
+    n.Item,
+    {
+      label: r ? /* @__PURE__ */ a(d, { ...e }) : null,
+      labelAlign: e.labelAlign ?? "right",
+      labelCol: {
+        style: {
+          width: e.labelWidth ?? "100px",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        }
+      },
+      name: e.name,
+      rules: i,
+      initialValue: e.initialValue,
+      valuePropName: "value",
+      validateFirst: !0,
+      getValueProps: e.getValueProps,
+      normalize: e.normalize,
+      ...e.attributes ?? {},
+      children: e.children
+    }
+  );
+};
+export {
+  h as default
+};

package/lib/fe-form/fe-form-label/index.js

@@ -0,0 +1,20 @@
+import { jsx as i, jsxs as e, Fragment as l } from "react/jsx-runtime";
+import { Tooltip as r } from "antd";
+import { QuestionCircleOutlined as h, PlusCircleOutlined as m } from "@ant-design/icons";
+const C = (t) => {
+  const n = /* @__PURE__ */ e(l, { children: [
+    /* @__PURE__ */ i("span", { children: " " }),
+    /* @__PURE__ */ i(m, { style: { color: "#1890ff" }, onClick: (c) => t.onAddClick && t.onAddClick(c) })
+  ] }), o = /* @__PURE__ */ i(r, { title: t.hintText, children: /* @__PURE__ */ i(h, { style: { marginLeft: "4px", cursor: "pointer", fontSize: "14px" } }) }), d = t.showAdd || t.showHint ? /* @__PURE__ */ e(l, { children: [
+    t.showAdd && n,
+    t.showHint && o
+  ] }) : /* @__PURE__ */ i(l, { children: t.labelRight ?? "" });
+  return /* @__PURE__ */ e("div", { children: [
+    t.labelLeft ?? "",
+    t.label ?? "",
+    d
+  ] });
+};
+export {
+  C as default
+};

package/lib/fe-form/fe-form-radio/index.js

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+import t from "../../fe-radio-group/index.js";
+import i from "../fe-form-item/index.js";
+import { getFormItemProps as a, getLabelProps as m } from "../utils/index.js";
+const f = (e) => /* @__PURE__ */ r(
+  i,
+  {
+    name: e.dataIndex,
+    required: e.required ?? !1,
+    type: e.type,
+    rules: e.rules,
+    requiredMessage: e.requiredMessage,
+    ...m(e),
+    ...a(e),
+    attributes: { ...e.attributes || {} },
+    children: /* @__PURE__ */ r(t, { ...e.radioGroupAttributes || {} })
+  }
+);
+export {
+  f as default
+};

package/lib/fe-form/fe-form-render/index.js

@@ -0,0 +1,33 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useState as u, useEffect as m } from "react";
+import d from "../../fe-error-block/index.js";
+import l from "../fe-form-item/index.js";
+import { getFormItemProps as a, getLabelProps as c } from "../utils/index.js";
+const f = (e) => {
+  var r;
+  const [i, t] = u();
+  return m(() => {
+    e != null && e.children ? typeof (e == null ? void 0 : e.children) != "function" ? t("children must be a function") : t(void 0) : t("children is required");
+  }, [e]), /* @__PURE__ */ n(d, { message: i, children: (r = e == null ? void 0 : e.children) == null ? void 0 : r.call(e, e) });
+}, q = (e) => {
+  var r;
+  const { valueType: i, ...t } = a(e);
+  return /* @__PURE__ */ n(
+    l,
+    {
+      name: e.dataIndex,
+      required: e.required ?? !1,
+      rules: e.rules,
+      type: e.type,
+      valueType: ((r = e.renderAttributes) == null ? void 0 : r.valueType) ?? i ?? "string",
+      requiredMessage: e.requiredMessage,
+      ...c(e),
+      ...t,
+      attributes: { ...e.attributes || {} },
+      children: /* @__PURE__ */ n(f, { ...e.renderAttributes ?? {} })
+    }
+  );
+};
+export {
+  q as default
+};

package/lib/fe-form/fe-form-rich-text/index.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import m from "../../fe-rich-text/index.js";
+import a from "../fe-form-item/index.js";
+import { getFormItemProps as u, getLabelProps as l } from "../utils/index.js";
+const f = (e) => {
+  const { valueType: r, ...i } = u(e);
+  return /* @__PURE__ */ t(
+    a,
+    {
+      name: e.dataIndex,
+      required: e.required ?? !1,
+      rules: e.rules,
+      type: e.type,
+      valueType: r ?? "string",
+      requiredMessage: e.requiredMessage,
+      ...l(e),
+      ...i,
+      attributes: { ...e.attributes || {} },
+      children: /* @__PURE__ */ t(m, { placeholder: `请输入${e.label}`, ...e.richTextAttributes })
+    }
+  );
+};
+export {
+  f as default
+};

package/lib/fe-form/fe-form-select/index.js

@@ -0,0 +1,93 @@
+import { jsxs as x, Fragment as v, jsx as n } from "react/jsx-runtime";
+import { Divider as T, Tooltip as w, Form as A, Checkbox as I } from "antd";
+import { useMemo as c } from "react";
+import C from "../../fe-select/index.js";
+import P from "../fe-form-item/index.js";
+import { getFormItemProps as V, getLabelProps as k } from "../utils/index.js";
+const _ = (e) => {
+  var f;
+  const { valueType: m, ...u } = V(e), i = c(() => !e.selectAttributes || !e.selectAttributes.options ? [] : e.selectAttributes.options.map((l) => ({
+    label: l.label,
+    value: l.dataIndex,
+    disabled: l.disabled || !1
+  })), [e.selectAttributes]), s = c(() => i.filter((l) => !l.disabled), [i]), t = c(() => {
+    if (!e.selectAttributes) return {};
+    const { selectType: l, options: a, showSelectAll: r, onSelectAll: d, ...g } = e.selectAttributes, y = { ...g };
+    return l === "multiple" && r && (y.popupRender = (F) => /* @__PURE__ */ x(v, { children: [
+      /* @__PURE__ */ n(
+        p,
+        {
+          dataIndex: e.dataIndex,
+          selectableOptions: s,
+          onSelectAll: d
+        }
+      ),
+      /* @__PURE__ */ n(T, { style: { margin: "4px 0" } }),
+      F
+    ] })), y;
+  }, [e.dataIndex, e.selectAttributes, s]), o = c(() => e.selectAttributes && e.selectAttributes.selectType === "multiple" ? "array" : "string", [e]), h = c(() => {
+    var l;
+    return ((l = e.selectAttributes) == null ? void 0 : l.selectType) !== "multiple" ? {} : {
+      maxTagCount: "responsive",
+      maxTagPlaceholder: (a) => /* @__PURE__ */ n(
+        w,
+        {
+          styles: { root: { pointerEvents: "none" } },
+          title: a.map(({ label: r }) => r).join(", "),
+          children: /* @__PURE__ */ x("span", { children: [
+            "+",
+            a.length
+          ] })
+        }
+      )
+    };
+  }, [e]), b = c(() => t != null && t.showSearch ? typeof (t == null ? void 0 : t.showSearch) == "boolean" ? {
+    showSearch: {
+      optionFilterProp: "label"
+    }
+  } : {
+    optionFilterProp: "label",
+    ...(t == null ? void 0 : t.showSearch) ?? {}
+  } : {}, [t]);
+  return /* @__PURE__ */ n(
+    P,
+    {
+      name: e.dataIndex,
+      required: e.required ?? !1,
+      type: e.type,
+      rules: e.rules,
+      valueType: m ?? o,
+      requiredMessage: e.requiredMessage,
+      ...k(e),
+      ...u,
+      attributes: { ...e.attributes || {} },
+      children: /* @__PURE__ */ n(
+        C,
+        {
+          allowClear: !0,
+          options: i,
+          placeholder: e.placeholder ?? `请选择${e.label}`,
+          mode: ((f = e.selectAttributes) == null ? void 0 : f.selectType) === "multiple" ? "multiple" : void 0,
+          ...h,
+          ...t,
+          ...b
+        }
+      )
+    }
+  );
+}, p = ({
+  dataIndex: e,
+  selectableOptions: m,
+  onSelectAll: u
+  // 新增回调
+}) => {
+  const i = A.useFormInstance(), s = A.useWatch(e, i) || [], t = m.map((l) => l.value), o = s.filter((l) => t.includes(l)).length, h = o === t.length && t.length > 0, b = o > 0 && o < t.length;
+  return /* @__PURE__ */ n("div", { style: { padding: "8px 12px" }, children: /* @__PURE__ */ n(I, { checked: h, indeterminate: b, onChange: (l) => {
+    const a = l.target.checked;
+    let r;
+    a ? r = [...s.filter((g) => !t.includes(g)), ...t] : r = s.filter((d) => !t.includes(d)), u == null || u(a, r), i.setFieldValue(e, r);
+  }, children: "全选" }) });
+};
+export {
+  _ as default
+};

package/lib/fe-form/fe-form-switch/index.js

@@ -0,0 +1,21 @@
+import { jsx as t } from "react/jsx-runtime";
+import r from "../../fe-switch/index.js";
+import i from "../fe-form-item/index.js";
+import { getFormItemProps as m, getLabelProps as a } from "../utils/index.js";
+const f = (e) => /* @__PURE__ */ t(
+  i,
+  {
+    name: e.dataIndex,
+    required: e.required ?? !1,
+    type: e.type,
+    rules: e.rules,
+    requiredMessage: e.requiredMessage,
+    ...a(e),
+    ...m(e),
+    attributes: { ...e.attributes || {} },
+    children: /* @__PURE__ */ t(r, { ...e.switchAttributes || {} })
+  }
+);
+export {
+  f as default
+};

package/lib/fe-form/fe-form-text/index.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import r from "../fe-form-item/index.js";
+import { getFormItemProps as i, getLabelProps as a } from "../utils/index.js";
+const l = (e) => /* @__PURE__ */ t(
+  r,
+  {
+    name: e.dataIndex,
+    required: e.required ?? !1,
+    rules: e.rules,
+    type: e.type,
+    requiredMessage: e.requiredMessage,
+    ...a(e),
+    ...i(e),
+    attributes: { ...e.attributes || {} },
+    children: /* @__PURE__ */ t("div", { ...e.divAttributes, children: e.value ?? "" })
+  }
+);
+export {
+  l as default
+};

package/lib/fe-form/fe-form-text-area/index.js

@@ -0,0 +1,24 @@
+import { jsx as t } from "react/jsx-runtime";
+import a from "../../fe-text-area/index.js";
+import m from "../fe-form-item/index.js";
+import { getFormItemProps as l, getLabelProps as i } from "../utils/index.js";
+const x = (e) => {
+  const r = a;
+  return /* @__PURE__ */ t(
+    m,
+    {
+      name: e.dataIndex,
+      required: e.required ?? !1,
+      type: e.type,
+      rules: e.rules,
+      requiredMessage: e.requiredMessage,
+      ...i(e),
+      ...l(e),
+      attributes: { ...e.attributes || {} },
+      children: /* @__PURE__ */ t(r, { allowClear: !0, placeholder: `请输入${e.label}`, ...e.textAreaAttributes || {} })
+    }
+  );
+};
+export {
+  x as default
+};

package/lib/fe-form/fe-form-time-picker/index.js

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+import t from "../../fe-time-picker/index.js";
+import i from "../fe-form-item/index.js";
+import { getFormItemProps as m, getLabelProps as a } from "../utils/index.js";
+const c = (e) => /* @__PURE__ */ r(
+  i,
+  {
+    name: e.dataIndex,
+    required: e.required ?? !1,
+    rules: e.rules,
+    type: e.type,
+    requiredMessage: e.requiredMessage,
+    ...a(e),
+    ...m(e),
+    attributes: { ...e.attributes || {} },
+    children: /* @__PURE__ */ r(t, { allowClear: !0, placeholder: `请选择${e.label}`, ...e.timePickerAttributes || {} })
+  }
+);
+export {
+  c as default
+};

package/lib/fe-form/fe-form-upload/index.js

@@ -0,0 +1,63 @@
+import { jsx as t } from "react/jsx-runtime";
+import { isString as x } from "@spacego/turbo-utils";
+import { useMemo as c } from "react";
+import F from "../../fe-upload/index.js";
+import m from "../fe-form-item/index.js";
+import { getFormItemProps as n, getLabelProps as r } from "../utils/index.js";
+const b = (e) => {
+  var a, u;
+  e = { ...e }, e.isMulti = e.isMulti ?? !1, e.uploadAttributes = e.uploadAttributes ?? {}, e.uploadAttributes.maxCount = e.uploadAttributes.maxCount ?? (((a = e.uploadAttributes) == null ? void 0 : a.customType) === "card" ? 1 : void 0);
+  const i = c(() => {
+    let l = {
+      label: e.label,
+      name: e.dataIndex,
+      labelWidth: e.labelWidth,
+      required: e.required ?? !1,
+      type: e.type,
+      rules: e.rules,
+      valueType: "array",
+      requiredMessage: e.requiredMessage,
+      attributes: {
+        getValueFromEvent: (f) => f
+      }
+    };
+    return e.isMulti ? (l.label = e.title, l.labelWidth = "0px", l.needLabel = !1) : l = { ...l, ...r(e), ...n(e, { valueType: "array" }) }, l;
+  }, [
+    e.label,
+    e.dataIndex,
+    e.labelWidth,
+    e.required,
+    e.type,
+    e.rules,
+    e.isMulti,
+    e.title
+  ]), d = e.title || ((u = e.uploadAttributes) == null ? void 0 : u.title);
+  return /* @__PURE__ */ t(m, { ...i, children: /* @__PURE__ */ t(F, { ...e.uploadAttributes, title: d }) });
+}, y = (e) => (e = { ...e }, e.dataIndex = x(e.dataIndex) ? [e.dataIndex] : e.dataIndex, /* @__PURE__ */ t(
+  m,
+  {
+    required: e.required ?? !1,
+    type: e.type,
+    rules: e.rules,
+    ...r(e),
+    ...n(e),
+    labelLeft: e.required && /* @__PURE__ */ t("span", { className: "fe-form-upload__required", children: "*" }),
+    attributes: { className: "fe-form-upload-multi", ...e.attributes || {} },
+    children: e.dataIndex.map((i, d) => {
+      var a, u;
+      return /* @__PURE__ */ t(
+        b,
+        {
+          ...e,
+          dataIndex: i,
+          isMulti: !0,
+          title: (u = (a = e.uploadAttributes) == null ? void 0 : a.title) == null ? void 0 : u[d]
+        },
+        i
+      );
+    })
+  }
+)), v = (e) => (e = { ...e }, e.uploadMultiple ? /* @__PURE__ */ t(y, { ...e }) : /* @__PURE__ */ t(b, { ...e }));
+export {
+  v as default
+};