antd-crud-table 0.0.13 → 0.1.0

package/dist/CrudTableExperimental.js

@@ -1,373 +1,304 @@
-import { j as r } from "./jsx-runtime-Drh4NO5G.js";
-import { useState as g, useEffect as A } from "react";
-import { F as l, T as v, f as L, p as V, P as $, a as H, B as f, R as K, D as Y, b as J, M as b, S as Q, c as W, e as G, g as U, I as X, d as Z, h as ee } from "./CrudTable-W5dD5mDc.js";
-import { useCrudTable as te } from "./useCrudTable.js";
-import { s as R } from "./index-DNXRWKhU.js";
-const oe = (S) => {
-  const { columns: m, rowKey: c, title: O, defaultPageSize: j = 10, hookConfig: D, enableBulkOperations: C = !1, customActions: x } = S, i = te(c, {
-    defaultPageSize: j,
-    ...D
-  }), [E, y] = g(!1), [h, F] = g(null), [d, w] = g([]), [p] = l.useForm();
-  A(() => {
-    i.refresh();
-  }, []);
-  const I = m.map((e) => {
-    const t = {
-      ...e,
-      dataIndex: e.dataIndex,
-      title: e.title,
-      search: e.searchable !== !1
-      // Default to searchable
-    };
-    switch (e.fieldType) {
-      case "date":
-        return {
-          ...t,
-          valueType: "dateTime",
-          render: (a, n) => {
-            const s = n[e.dataIndex];
-            if (!s) return "-";
-            try {
-              return /* @__PURE__ */ r.jsx("span", { children: L(V(s), "yyyy-MM-dd HH:mm") });
-            } catch {
-              return /* @__PURE__ */ r.jsx("span", { children: s });
-            }
-          }
-        };
-      case "enum":
-        return {
-          ...t,
-          valueType: "select",
-          valueEnum: e.enumOptions,
-          render: (a, n) => {
-            var u;
-            const s = n[e.dataIndex], o = (u = e.enumOptions) == null ? void 0 : u[s];
-            return o ? /* @__PURE__ */ r.jsx(v, { color: o.color, children: o.text }) : s;
-          }
-        };
-      case "number":
-        return {
-          ...t,
-          valueType: "digit",
-          render: (a, n) => {
-            const s = n[e.dataIndex];
-            return typeof s == "number" ? s.toLocaleString() : s;
-          }
-        };
-      case "boolean":
-        return {
-          ...t,
-          valueType: "switch",
-          render: (a, n) => /* @__PURE__ */ r.jsx(v, { color: n[e.dataIndex] ? "green" : "red", children: n[e.dataIndex] ? "Yes" : "No" })
-        };
-      case "custom":
-        return {
-          ...t,
-          render: (a, n) => {
-            var s;
-            return (s = e.customRender) == null ? void 0 : s.call(e, n[e.dataIndex], n);
-          }
-        };
-      default:
-        return t;
-    }
-  });
-  I.push({
-    title: "Actions",
-    valueType: "option",
-    width: 200,
-    render: (e, t) => {
-      const a = [
-        /* @__PURE__ */ r.jsx(
-          f,
-          {
-            type: "link",
-            size: "small",
-            onClick: () => T(t),
-            children: "Edit"
-          },
-          "edit"
-        ),
-        /* @__PURE__ */ r.jsx(
-          f,
-          {
-            type: "link",
-            size: "small",
-            danger: !0,
-            onClick: () => M(t[c]),
-            children: "Delete"
-          },
-          "delete"
-        )
-      ], n = (x == null ? void 0 : x(t, i)) || [];
-      return [...a, ...n];
-    }
-  });
-  const P = async (e, t, a) => {
-    try {
-      const n = {
-        current: e.current,
-        pageSize: e.pageSize,
-        sortBy: Object.keys(t)[0],
-        sortOrder: Object.values(t)[0],
-        ...a,
-        ...e
-        // Include search parameters
-      }, s = i.operations;
-      if (s != null && s.getList) {
-        const o = await s.getList(n);
-        return {
-          data: o.data,
-          success: !0,
-          total: o.total
-        };
-      }
-      return {
-        data: i.state.data,
-        success: !0,
-        total: i.state.total
-      };
-    } catch {
-      return R.error("Failed to fetch data"), { data: [], success: !1, total: 0 };
-    }
-  }, T = (e) => {
-    if (F(e || null), e) {
-      const t = { ...e };
-      m.forEach((a) => {
-        const n = a.dataIndex;
-        if (a.fieldType === "date" && t[n])
-          try {
-            t[n] = Z(t[n]);
-          } catch {
-          }
-      }), p.setFieldsValue(t);
-    } else
-      p.resetFields();
-    y(!0);
-  }, z = async () => {
-    var e;
-    try {
-      const t = await p.validateFields(), a = { ...t };
-      m.forEach((n) => {
-        var o;
-        const s = n.dataIndex;
-        if (n.fieldType === "date" && t[s])
-          try {
-            a[s] = ee(t[s]);
-          } catch {
-          }
-        (o = n.formConfig) != null && o.transform && (a[s] = n.formConfig.transform(t[s]));
-      }), h && h[c] ? await i.update(h[c], a) : await i.create(a), y(!1), (e = i.actionRef.current) == null || e.reload();
-    } catch (t) {
-      console.error("Form validation failed:", t);
-    }
-  }, M = async (e) => {
-    b.confirm({
-      title: "Are you sure?",
-      content: "This action cannot be undone.",
-      okText: "Yes, Delete",
-      okType: "danger",
-      cancelText: "Cancel",
-      onOk: async () => {
-        var a;
-        await i.delete(e) && ((a = i.actionRef.current) == null || a.reload());
-      }
-    });
-  }, _ = async () => {
-    if (d.length === 0) {
-      R.warning("Please select items to delete");
-      return;
-    }
-    b.confirm({
-      title: `Delete ${d.length} items?`,
-      content: "This action cannot be undone.",
-      okText: "Yes, Delete All",
-      okType: "danger",
-      cancelText: "Cancel",
-      onOk: async () => {
-        var t;
-        const e = d.map((a) => i.delete(a));
-        await Promise.allSettled(e), w([]), (t = i.actionRef.current) == null || t.reload();
-      }
-    });
-  }, q = C ? {
-    selectedRowKeys: d,
-    onChange: w
-  } : void 0;
-  return /* @__PURE__ */ r.jsxs($, { needDeps: !0, children: [
-    /* @__PURE__ */ r.jsx(
-      H,
-      {
-        headerTitle: O,
-        rowKey: c,
-        rowClassName: (e, t) => t % 2 === 0 ? "row-differentiator" : "",
-        actionRef: i.actionRef,
-        columns: I,
-        request: P,
-        search: { labelWidth: "auto" },
-        pagination: {
-          pageSize: j,
-          showSizeChanger: !0,
-          showQuickJumper: !0
-        },
-        loading: i.state.loading,
-        rowSelection: q,
-        toolBarRender: () => [
-          /* @__PURE__ */ r.jsx(
-            f,
-            {
-              type: "primary",
-              icon: /* @__PURE__ */ r.jsx(K, {}),
-              onClick: () => T(),
-              children: "New"
-            },
-            "add"
-          ),
-          ...C && d.length > 0 ? [
-            /* @__PURE__ */ r.jsxs(
-              f,
-              {
-                danger: !0,
-                onClick: _,
-                children: [
-                  "Delete Selected (",
-                  d.length,
-                  ")"
-                ]
-              },
-              "bulk-delete"
-            )
-          ] : [],
-          /* @__PURE__ */ r.jsx(
-            Y,
-            {
-              menu: {
-                items: [
-                  {
-                    key: "export",
-                    label: "Export",
-                    disabled: !0
-                    // TODO: Implement export
-                  },
-                  {
-                    key: "refresh",
-                    label: "Refresh",
-                    onClick: () => i.refresh()
-                  }
-                ]
-              },
-              children: /* @__PURE__ */ r.jsx(f, { children: /* @__PURE__ */ r.jsx(J, {}) })
-            },
-            "menu"
-          )
-        ],
-        options: {
-          setting: { listsHeight: 400 },
-          reload: () => i.refresh()
-        },
-        dateFormatter: "string"
-      }
-    ),
-    /* @__PURE__ */ r.jsx(
-      b,
-      {
-        title: h ? "Edit Item" : "Create Item",
-        open: E,
-        onOk: z,
-        onCancel: () => y(!1),
-        destroyOnClose: !0,
-        width: 600,
-        children: /* @__PURE__ */ r.jsx(l, { form: p, layout: "vertical", children: m.map((e) => {
-          var o, u, k;
-          if (!e.dataIndex) return null;
-          const t = e.dataIndex, a = e.title, n = !(e.fieldEditable ?? !0), s = ((o = e.formConfig) == null ? void 0 : o.rules) || ((u = e.formConfig) != null && u.required ? [
-            { required: !0, message: `${a} is required` }
-          ] : []);
-          if ((k = e.formConfig) != null && k.component)
-            return /* @__PURE__ */ r.jsx(
-              l.Item,
-              {
-                name: t,
-                label: a,
-                rules: s,
-                children: e.formConfig.component
-              },
-              t
-            );
-          switch (e.fieldType) {
-            case "string":
-              return /* @__PURE__ */ r.jsx(
-                l.Item,
-                {
-                  name: t,
-                  label: a,
-                  rules: s,
-                  children: /* @__PURE__ */ r.jsx(X, { disabled: n })
-                },
-                t
-              );
-            case "number":
-              return /* @__PURE__ */ r.jsx(
-                l.Item,
-                {
-                  name: t,
-                  label: a,
-                  rules: s,
-                  children: /* @__PURE__ */ r.jsx(U, { style: { width: "100%" }, disabled: n })
-                },
-                t
-              );
-            case "date":
-              return /* @__PURE__ */ r.jsx(
-                l.Item,
-                {
-                  name: t,
-                  label: a,
-                  rules: s,
-                  children: /* @__PURE__ */ r.jsx(G, { style: { width: "100%" }, showTime: !0, disabled: n })
-                },
-                t
-              );
-            case "boolean":
-              return /* @__PURE__ */ r.jsx(
-                l.Item,
-                {
-                  name: t,
-                  label: a,
-                  valuePropName: "checked",
-                  children: /* @__PURE__ */ r.jsx(W, { disabled: n })
-                },
-                t
-              );
-            case "enum":
-              return /* @__PURE__ */ r.jsx(
-                l.Item,
-                {
-                  name: t,
-                  label: a,
-                  rules: s,
-                  children: /* @__PURE__ */ r.jsx(
-                    Q,
-                    {
-                      disabled: n,
-                      placeholder: `Select ${a.toLowerCase()}`,
-                      options: Object.entries(e.enumOptions || {}).map(([B, N]) => ({
-                        label: N.text,
-                        value: B
-                      }))
-                    }
-                  )
-                },
-                t
-              );
-            default:
-              return null;
-          }
-        }) })
-      }
-    )
-  ] });
-};
-export {
-  oe as default
+import { a as e } from "./chunk-DrlAKpkd.js";
+import { _ as t, a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "./CrudTable-DbG9ZeYQ.js";
+import { t as b } from "./message-C9NNC2sM.js";
+import { t as x } from "./jsx-runtime-Blo4gjKb.js";
+import { useCrudTable as S } from "./useCrudTable.js";
+import { useEffect as C, useState as w } from "react";
+//#region lib/CrudTableExperimental.tsx
+var T = /* @__PURE__ */ e(s(), 1), E = x(), D = (e) => {
+	let { columns: s, rowKey: x, title: D, defaultPageSize: O = 10, hookConfig: k, enableBulkOperations: A = !1, customActions: j } = e, M = S(x, {
+		defaultPageSize: O,
+		...k
+	}), [N, P] = w(!1), [F, I] = w(null), [L, R] = w([]), [z] = i.useForm();
+	C(() => {
+		M.refresh();
+	}, []);
+	let B = s.map((e) => {
+		let t = {
+			...e,
+			dataIndex: e.dataIndex,
+			title: e.title,
+			search: e.searchable !== !1
+		};
+		switch (e.fieldType) {
+			case "date": return {
+				...t,
+				valueType: "dateTime",
+				render: (t, n) => {
+					let r = n[e.dataIndex];
+					if (!r) return "-";
+					try {
+						return /* @__PURE__ */ (0, E.jsx)("span", { children: m(g(r), "yyyy-MM-dd HH:mm") });
+					} catch {
+						return /* @__PURE__ */ (0, E.jsx)("span", { children: r });
+					}
+				}
+			};
+			case "enum": return {
+				...t,
+				valueType: "select",
+				valueEnum: e.enumOptions,
+				render: (t, n) => {
+					let r = n[e.dataIndex], i = e.enumOptions?.[r];
+					return i ? /* @__PURE__ */ (0, E.jsx)(h, {
+						color: i.color,
+						children: i.text
+					}) : r;
+				}
+			};
+			case "number": return {
+				...t,
+				valueType: "digit",
+				render: (t, n) => {
+					let r = n[e.dataIndex];
+					return typeof r == "number" ? r.toLocaleString() : r;
+				}
+			};
+			case "boolean": return {
+				...t,
+				valueType: "switch",
+				render: (t, n) => /* @__PURE__ */ (0, E.jsx)(h, {
+					color: n[e.dataIndex] ? "green" : "red",
+					children: n[e.dataIndex] ? "Yes" : "No"
+				})
+			};
+			case "custom": return {
+				...t,
+				render: (t, n) => e.customRender?.(n[e.dataIndex], n)
+			};
+			default: return t;
+		}
+	});
+	B.push({
+		title: "Actions",
+		valueType: "option",
+		width: 200,
+		render: (e, t) => {
+			let n = [/* @__PURE__ */ (0, E.jsx)(o, {
+				type: "link",
+				size: "small",
+				onClick: () => H(t),
+				children: "Edit"
+			}, "edit"), /* @__PURE__ */ (0, E.jsx)(o, {
+				type: "link",
+				size: "small",
+				danger: !0,
+				onClick: () => W(t[x]),
+				children: "Delete"
+			}, "delete")], r = j?.(t, M) || [];
+			return [...n, ...r];
+		}
+	});
+	let V = async (e, t, n) => {
+		try {
+			let r = {
+				current: e.current,
+				pageSize: e.pageSize,
+				sortBy: Object.keys(t)[0],
+				sortOrder: Object.values(t)[0],
+				...n,
+				...e
+			}, i = M.operations;
+			if (i?.getList) {
+				let e = await i.getList(r);
+				return {
+					data: e.data,
+					success: !0,
+					total: e.total
+				};
+			}
+			return {
+				data: M.state.data,
+				success: !0,
+				total: M.state.total
+			};
+		} catch {
+			return b.error("Failed to fetch data"), {
+				data: [],
+				success: !1,
+				total: 0
+			};
+		}
+	}, H = (e) => {
+		if (I(e || null), e) {
+			let t = { ...e };
+			s.forEach((e) => {
+				let n = e.dataIndex;
+				if (e.fieldType === "date" && t[n]) try {
+					t[n] = (0, T.default)(t[n]);
+				} catch {}
+			}), z.setFieldsValue(t);
+		} else z.resetFields();
+		P(!0);
+	}, U = async () => {
+		try {
+			let e = await z.validateFields(), t = { ...e };
+			s.forEach((n) => {
+				let r = n.dataIndex;
+				if (n.fieldType === "date" && e[r]) try {
+					t[r] = d(e[r]);
+				} catch {}
+				n.formConfig?.transform && (t[r] = n.formConfig.transform(e[r]));
+			}), F && F[x] ? await M.update(F[x], t) : await M.create(t), P(!1), M.actionRef.current?.reload();
+		} catch (e) {
+			console.error("Form validation failed:", e);
+		}
+	}, W = async (e) => {
+		l.confirm({
+			title: "Are you sure?",
+			content: "This action cannot be undone.",
+			okText: "Yes, Delete",
+			okType: "danger",
+			cancelText: "Cancel",
+			onOk: async () => {
+				await M.delete(e) && M.actionRef.current?.reload();
+			}
+		});
+	}, G = async () => {
+		if (L.length === 0) {
+			b.warning("Please select items to delete");
+			return;
+		}
+		l.confirm({
+			title: `Delete ${L.length} items?`,
+			content: "This action cannot be undone.",
+			okText: "Yes, Delete All",
+			okType: "danger",
+			cancelText: "Cancel",
+			onOk: async () => {
+				let e = L.map((e) => M.delete(e));
+				await Promise.allSettled(e), R([]), M.actionRef.current?.reload();
+			}
+		});
+	}, K = A ? {
+		selectedRowKeys: L,
+		onChange: R
+	} : void 0;
+	return /* @__PURE__ */ (0, E.jsxs)(n, {
+		needDeps: !0,
+		intl: f,
+		children: [/* @__PURE__ */ (0, E.jsx)(c, {
+			headerTitle: D,
+			rowKey: x,
+			rowClassName: (e, t) => t % 2 == 0 ? "row-differentiator" : "",
+			actionRef: M.actionRef,
+			columns: B,
+			request: V,
+			search: { labelWidth: "auto" },
+			pagination: {
+				pageSize: O,
+				showSizeChanger: !0,
+				showQuickJumper: !0
+			},
+			loading: M.state.loading,
+			rowSelection: K,
+			toolBarRender: () => [
+				/* @__PURE__ */ (0, E.jsx)(o, {
+					type: "primary",
+					icon: /* @__PURE__ */ (0, E.jsx)(v, {}),
+					onClick: () => H(),
+					children: "New"
+				}, "add"),
+				...A && L.length > 0 ? [/* @__PURE__ */ (0, E.jsxs)(o, {
+					danger: !0,
+					onClick: G,
+					children: [
+						"Delete Selected (",
+						L.length,
+						")"
+					]
+				}, "bulk-delete")] : [],
+				/* @__PURE__ */ (0, E.jsx)(a, {
+					menu: { items: [{
+						key: "export",
+						label: "Export",
+						disabled: !0
+					}, {
+						key: "refresh",
+						label: "Refresh",
+						onClick: () => M.refresh()
+					}] },
+					children: /* @__PURE__ */ (0, E.jsx)(o, { children: /* @__PURE__ */ (0, E.jsx)(y, {}) })
+				}, "menu")
+			],
+			options: {
+				setting: { listsHeight: 400 },
+				reload: () => M.refresh()
+			},
+			dateFormatter: "string"
+		}), /* @__PURE__ */ (0, E.jsx)(l, {
+			title: F ? "Edit Item" : "Create Item",
+			open: N,
+			onOk: U,
+			onCancel: () => P(!1),
+			destroyOnClose: !0,
+			width: 600,
+			children: /* @__PURE__ */ (0, E.jsx)(i, {
+				form: z,
+				layout: "vertical",
+				children: s.map((e) => {
+					if (!e.dataIndex) return null;
+					let n = e.dataIndex, a = e.title, o = !(e.fieldEditable ?? !0), s = e.formConfig?.rules || (e.formConfig?.required ? [{
+						required: !0,
+						message: `${a} is required`
+					}] : []);
+					if (e.formConfig?.component) return /* @__PURE__ */ (0, E.jsx)(i.Item, {
+						name: n,
+						label: a,
+						rules: s,
+						children: e.formConfig.component
+					}, n);
+					switch (e.fieldType) {
+						case "string": return /* @__PURE__ */ (0, E.jsx)(i.Item, {
+							name: n,
+							label: a,
+							rules: s,
+							children: /* @__PURE__ */ (0, E.jsx)(_, { disabled: o })
+						}, n);
+						case "number": return /* @__PURE__ */ (0, E.jsx)(i.Item, {
+							name: n,
+							label: a,
+							rules: s,
+							children: /* @__PURE__ */ (0, E.jsx)(u, {
+								style: { width: "100%" },
+								disabled: o
+							})
+						}, n);
+						case "date": return /* @__PURE__ */ (0, E.jsx)(i.Item, {
+							name: n,
+							label: a,
+							rules: s,
+							children: /* @__PURE__ */ (0, E.jsx)(p, {
+								style: { width: "100%" },
+								showTime: !0,
+								disabled: o
+							})
+						}, n);
+						case "boolean": return /* @__PURE__ */ (0, E.jsx)(i.Item, {
+							name: n,
+							label: a,
+							valuePropName: "checked",
+							children: /* @__PURE__ */ (0, E.jsx)(r, { disabled: o })
+						}, n);
+						case "enum": return /* @__PURE__ */ (0, E.jsx)(i.Item, {
+							name: n,
+							label: a,
+							rules: s,
+							children: /* @__PURE__ */ (0, E.jsx)(t, {
+								disabled: o,
+								placeholder: `Select ${a.toLowerCase()}`,
+								options: Object.entries(e.enumOptions || {}).map(([e, t]) => ({
+									label: t.text,
+									value: e
+								}))
+							})
+						}, n);
+						default: return null;
+					}
+				})
+			})
+		})]
+	});
 };
+//#endregion
+export { D as default };