antd-crud-table 0.4.0 → 0.7.0

package/dist/CrudTable-Btf58zof.js

@@ -0,0 +1,610 @@
+import { n as e, t } from "./useCrudTable-DxjnXVlQ.js";
+import { t as n } from "./en_US-DGCMDOdX.js";
+import { exportData as r } from "./exportData.js";
+import { EllipsisOutlined as i, PlusOutlined as a } from "@ant-design/icons";
+import { ProConfigProvider as o, ProTable as s, enUSIntl as c, findIntlKeyByAntdLocaleKey as l, intlMap as u } from "@ant-design/pro-components";
+import { Button as d, ColorPicker as f, ConfigProvider as ee, DatePicker as p, Dropdown as te, Form as m, Image as h, Input as g, InputNumber as _, Modal as v, Progress as y, Rate as b, Select as x, Switch as S, Tag as C, TimePicker as w, Typography as T, message as E } from "antd";
+import { useCallback as D, useContext as O, useMemo as k, useRef as ne, useState as A } from "react";
+import j from "dayjs";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+import F from "antd/locale/en_US";
+//#region lib/fields/registry.tsx
+var I = (e, t) => t[e.dataIndex], L = (e) => e != null && e !== "", R = (e) => L(e) ? String(e) : "", z = (e) => {
+	let t = Number(e);
+	return Number.isFinite(t) ? t : 0;
+}, B = (e) => String(e), V = ["http", "https"], H = [
+	"http",
+	"https",
+	"mailto"
+], U = /^([a-z][a-z0-9+.-]*):/i, W = /^data:image\/(png|jpe?g|gif|webp|avif|bmp|x-icon)[;,]/i, G = (e, t) => {
+	let n = e.replace(/[\u0000-\u0020\u007F-\u009F]/g, ""), r = U.exec(n);
+	return !r || t.includes(r[1].toLowerCase());
+}, K = (e) => {
+	let t = e.replace(/[\u0000-\u0020\u007F-\u009F]/g, "");
+	return W.test(t) ? !0 : G(e, V);
+}, re = "YYYY-MM-DD HH:mm", q = "YYYY-MM-DD", J = "HH:mm:ss", Y = {
+	string: { formControl: (e, t) => /* @__PURE__ */ N(g, { disabled: t }) },
+	number: {
+		column: (e) => ({
+			valueType: "digit",
+			render: (t, n) => {
+				let r = I(e, n);
+				return typeof r == "number" ? r.toLocaleString() : R(r);
+			}
+		}),
+		formControl: (e, t) => /* @__PURE__ */ N(_, {
+			style: { width: "100%" },
+			disabled: t
+		})
+	},
+	date: {
+		column: (e, t) => ({
+			valueType: "dateTime",
+			render: (n, r) => {
+				let i = I(e, r);
+				if (!i) return t.empty;
+				let a = j(R(i));
+				return /* @__PURE__ */ N("span", { children: a.isValid() ? a.format(re) : R(i) });
+			}
+		}),
+		formControl: (e, t) => /* @__PURE__ */ N(p, {
+			style: { width: "100%" },
+			showTime: !0,
+			disabled: t
+		}),
+		toFormValue: (e) => L(e) ? j(R(e)) : e,
+		fromFormValue: (e) => j.isDayjs(e) ? e.toISOString() : e
+	},
+	boolean: {
+		column: (e, t) => ({
+			valueType: "switch",
+			render: (n, r) => /* @__PURE__ */ N(C, {
+				color: I(e, r) ? "green" : "red",
+				children: I(e, r) ? t.yes : t.no
+			})
+		}),
+		formControl: (e, t) => /* @__PURE__ */ N(S, { disabled: t }),
+		valuePropName: "checked"
+	},
+	enum: {
+		column: (e) => ({
+			valueType: "select",
+			valueEnum: e.enumOptions,
+			render: (t, n) => {
+				let r = I(e, n), i = e.enumOptions?.[B(r)];
+				return i ? /* @__PURE__ */ N(C, {
+					color: i.color,
+					children: i.text
+				}) : R(r);
+			}
+		}),
+		formControl: (e, t, n) => /* @__PURE__ */ N(x, {
+			disabled: t,
+			placeholder: n.selectPlaceholder(e.title),
+			options: Object.entries(e.enumOptions || {}).map(([e, t]) => ({
+				label: t.text,
+				value: e
+			}))
+		})
+	},
+	custom: {
+		column: (e) => ({ render: (t, n) => e.customRender?.(I(e, n), n) ?? null }),
+		formControl: () => null
+	},
+	textarea: {
+		column: () => ({
+			valueType: "textarea",
+			ellipsis: !0
+		}),
+		formControl: (e, t) => /* @__PURE__ */ N(g.TextArea, {
+			rows: 3,
+			disabled: t
+		})
+	},
+	email: {
+		column: (e, t) => ({ render: (n, r) => {
+			let i = I(e, r);
+			if (!L(i)) return t.empty;
+			let a = R(i);
+			return G(a, H) ? /* @__PURE__ */ N("a", {
+				href: `mailto:${encodeURIComponent(a)}`,
+				children: a
+			}) : /* @__PURE__ */ N("span", { children: a });
+		} }),
+		formControl: (e, t) => /* @__PURE__ */ N(g, {
+			type: "email",
+			disabled: t
+		}),
+		rules: (e, t) => [{
+			type: "email",
+			message: t.invalidEmail
+		}]
+	},
+	url: {
+		column: (e, t) => ({ render: (n, r) => {
+			let i = I(e, r);
+			if (!L(i)) return t.empty;
+			let a = R(i);
+			return G(a, V) ? /* @__PURE__ */ N("a", {
+				href: a,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				children: a
+			}) : /* @__PURE__ */ N("span", { children: a });
+		} }),
+		formControl: (e, t) => /* @__PURE__ */ N(g, { disabled: t }),
+		rules: (e, t) => [{
+			type: "url",
+			message: t.invalidUrl
+		}]
+	},
+	password: {
+		column: (e, t) => ({
+			search: !1,
+			render: (n, r) => L(I(e, r)) ? "••••••••" : t.empty
+		}),
+		formControl: (e, t) => /* @__PURE__ */ N(g.Password, { disabled: t })
+	},
+	money: {
+		column: () => ({ valueType: "money" }),
+		formControl: (e, t) => /* @__PURE__ */ N(_, {
+			style: { width: "100%" },
+			precision: 2,
+			min: 0,
+			disabled: t
+		})
+	},
+	percent: {
+		column: () => ({ valueType: "percent" }),
+		formControl: (e, t) => /* @__PURE__ */ N(_, {
+			style: { width: "100%" },
+			min: 0,
+			max: 100,
+			addonAfter: "%",
+			disabled: t
+		})
+	},
+	rating: {
+		column: (e) => ({
+			search: !1,
+			render: (t, n) => /* @__PURE__ */ N(b, {
+				disabled: !0,
+				allowHalf: !0,
+				value: z(I(e, n))
+			})
+		}),
+		formControl: (e, t) => /* @__PURE__ */ N(b, {
+			allowHalf: !0,
+			disabled: t
+		})
+	},
+	progress: {
+		column: (e) => ({
+			search: !1,
+			render: (t, n) => /* @__PURE__ */ N(y, {
+				percent: z(I(e, n)),
+				size: "small"
+			})
+		}),
+		formControl: (e, t) => /* @__PURE__ */ N(_, {
+			style: { width: "100%" },
+			min: 0,
+			max: 100,
+			disabled: t
+		})
+	},
+	time: {
+		column: () => ({ valueType: "time" }),
+		formControl: (e, t) => /* @__PURE__ */ N(w, {
+			style: { width: "100%" },
+			disabled: t
+		}),
+		toFormValue: (e) => L(e) ? j(R(e), J) : e,
+		fromFormValue: (e) => j.isDayjs(e) ? e.format(J) : e
+	},
+	dateRange: {
+		column: (e, t) => ({
+			valueType: "dateRange",
+			render: (n, r) => {
+				let i = I(e, r);
+				if (!Array.isArray(i) || i.length !== 2) return t.empty;
+				let [a, o] = i.map((e) => j(R(e)));
+				return !a.isValid() || !o.isValid() ? R(i) : `${a.format(q)} ~ ${o.format(q)}`;
+			}
+		}),
+		formControl: (e, t) => /* @__PURE__ */ N(p.RangePicker, {
+			style: { width: "100%" },
+			disabled: t
+		}),
+		toFormValue: (e) => Array.isArray(e) ? e.map((e) => L(e) ? j(R(e)) : e) : e,
+		fromFormValue: (e) => Array.isArray(e) ? e.map((e) => j.isDayjs(e) ? e.toISOString() : e) : e
+	},
+	tags: {
+		column: (e, t) => ({ render: (n, r) => {
+			let i = I(e, r);
+			return !Array.isArray(i) || i.length === 0 ? t.empty : /* @__PURE__ */ N(M, { children: i.map((e) => /* @__PURE__ */ N(C, { children: R(e) }, R(e))) });
+		} }),
+		formControl: (e, t, n) => /* @__PURE__ */ N(x, {
+			mode: "tags",
+			open: !1,
+			suffixIcon: null,
+			disabled: t,
+			placeholder: n.tagsPlaceholder
+		})
+	},
+	image: {
+		column: (e, t) => ({
+			search: !1,
+			render: (n, r) => {
+				let i = I(e, r);
+				if (!L(i)) return t.empty;
+				let a = R(i);
+				return K(a) ? /* @__PURE__ */ N(h, {
+					src: a,
+					width: 48,
+					height: 48,
+					style: { objectFit: "cover" }
+				}) : /* @__PURE__ */ N("span", { children: a });
+			}
+		}),
+		formControl: (e, t) => /* @__PURE__ */ N(g, {
+			placeholder: "https://...",
+			disabled: t
+		}),
+		rules: (e, t) => [{
+			type: "url",
+			message: t.invalidImageUrl
+		}]
+	},
+	color: {
+		column: (e, t) => ({
+			search: !1,
+			render: (n, r) => {
+				let i = I(e, r);
+				if (!L(i)) return t.empty;
+				let a = R(i);
+				return /* @__PURE__ */ P("span", {
+					style: {
+						display: "inline-flex",
+						alignItems: "center",
+						gap: 8
+					},
+					children: [/* @__PURE__ */ N("span", { style: {
+						display: "inline-block",
+						width: 14,
+						height: 14,
+						borderRadius: 3,
+						border: "1px solid rgba(0,0,0,0.15)",
+						backgroundColor: a
+					} }), a]
+				});
+			}
+		}),
+		formControl: (e, t) => /* @__PURE__ */ N(f, {
+			showText: !0,
+			disabled: t
+		}),
+		fromFormValue: (e) => e && typeof e == "object" && "toHexString" in e ? e.toHexString() : e
+	},
+	json: {
+		column: (e, t) => ({
+			search: !1,
+			ellipsis: !0,
+			render: (n, r) => {
+				let i = I(e, r);
+				return i == null ? t.empty : /* @__PURE__ */ N(T.Text, {
+					code: !0,
+					children: JSON.stringify(i)
+				});
+			}
+		}),
+		formControl: (e, t) => /* @__PURE__ */ N(g.TextArea, {
+			rows: 4,
+			style: { fontFamily: "monospace" },
+			disabled: t
+		}),
+		toFormValue: (e) => typeof e == "string" ? e : JSON.stringify(e, null, 2),
+		fromFormValue: (e) => typeof e == "string" && e.trim() !== "" ? JSON.parse(e) : e,
+		rules: (e, t) => [{ validator: async (e, n) => {
+			if (n != null && n !== "" && typeof n == "string") try {
+				JSON.parse(n);
+			} catch {
+				throw Error(t.invalidJson);
+			}
+		} }]
+	}
+}, X = (e) => Y[e ?? "string"] ?? Y.string, Z = n, ie = (e) => {
+	let t = O(ee.ConfigContext).locale;
+	return k(() => {
+		let r = e ? {
+			...n,
+			...e
+		} : n, i = t?.locale ? l(t.locale) : void 0;
+		return {
+			strings: r,
+			intl: i && ((e) => e in u)(i) ? u[i] : c,
+			antdLocale: t ? void 0 : F,
+			inherited: !!t
+		};
+	}, [e, t]);
+}, ae = (e, t, n, r) => {
+	let { current: i = 1, pageSize: a = 10, ...o } = e, s = {};
+	for (let [e, t] of Object.entries(o)) r.has(e) && t !== void 0 && t !== "" && (s[e] = t);
+	for (let [e, t] of Object.entries(n)) t && t.length > 0 && r.has(e) && (s[e] = t[0]);
+	return {
+		page: i,
+		pageSize: a,
+		sort: Object.entries(t).filter(([, e]) => e === "ascend" || e === "descend").map(([e, t]) => ({
+			field: e,
+			direction: t
+		})),
+		filters: s
+	};
+}, Q = (n) => {
+	let { columns: c, rowKey: l, title: u, defaultPageSize: f = 10, hookConfig: p, enableBulkOperations: h = !1, enableColumnSettings: g = !0, enableExport: _ = !0, exportScope: y = "all", customActions: b, locale: x } = n, { strings: S, intl: C, antdLocale: w } = ie(x), T = e(l, {
+		defaultPageSize: f,
+		...p,
+		locale: S,
+		refreshAfterMutation: !1
+	}), [O, j] = A(!1), [M, F] = A(null), [I, L] = A([]), [R] = m.useForm(), z = ne([]), B = ne({
+		page: 1,
+		pageSize: f
+	}), [V, H] = A(!1), U = k(() => new Set(c.map((e) => e.dataIndex)), [c]), W = D((e) => ({
+		dataIndex: e.dataIndex,
+		title: e.title,
+		fieldType: e.fieldType,
+		enumOptions: e.enumOptions,
+		customRender: e.customRender
+	}), []), G = D((e) => {
+		if (F(e ?? null), !e) {
+			R.resetFields(), j(!0);
+			return;
+		}
+		let t = { ...e };
+		for (let e of c) {
+			let n = e.dataIndex, { toFormValue: r } = X(e.fieldType);
+			if (r && t[n] !== void 0) try {
+				t[n] = r(t[n]);
+			} catch {}
+		}
+		R.setFieldsValue(t), j(!0);
+	}, [c, R]), K = D((e) => {
+		v.confirm({
+			title: S.confirmDeleteTitle,
+			content: S.confirmDeleteContent,
+			okText: S.confirmDeleteOk,
+			okType: "danger",
+			cancelText: S.cancel,
+			onOk: async () => {
+				await T.remove(e) && T.actionRef.current?.reload();
+			}
+		});
+	}, [T, S]), re = k(() => {
+		let e = c.map((e) => {
+			let t = W(e), n = X(e.fieldType);
+			return {
+				...e,
+				dataIndex: e.dataIndex,
+				title: e.title,
+				search: e.searchable !== !1,
+				...n.column?.(t, S)
+			};
+		});
+		return e.push({
+			title: S.actions,
+			valueType: "option",
+			width: 200,
+			render: (e, t) => [
+				/* @__PURE__ */ N(d, {
+					type: "link",
+					size: "small",
+					onClick: () => G(t),
+					children: S.edit
+				}, "edit"),
+				/* @__PURE__ */ N(d, {
+					type: "link",
+					size: "small",
+					danger: !0,
+					onClick: () => K(t[l]),
+					children: S.delete
+				}, "delete"),
+				...b?.(t, T) ?? []
+			]
+		}), e;
+	}, [
+		c,
+		W,
+		G,
+		K,
+		l,
+		b,
+		T,
+		S
+	]), q = async (e, n, r) => {
+		try {
+			let t = ae(e, n, r, U);
+			B.current = t;
+			let i = await T.dataSource.list(t);
+			return z.current = i.items, {
+				data: [...i.items],
+				success: !0,
+				total: i.total
+			};
+		} catch (e) {
+			let n = t(e);
+			return p.onError?.("list", n), E.error(n.message), {
+				data: [],
+				success: !1,
+				total: 0
+			};
+		}
+	}, J = async () => {
+		let e;
+		try {
+			e = await R.validateFields();
+		} catch {
+			return;
+		}
+		let n = { ...e };
+		for (let r of c) {
+			let i = r.dataIndex, { fromFormValue: a } = X(r.fieldType);
+			if (a && e[i] !== void 0) try {
+				n[i] = a(e[i]);
+			} catch (e) {
+				p.onError?.(M ? "update" : "create", t(e));
+				return;
+			}
+			let o = r.formConfig?.transform;
+			o && (n[i] = o(n[i]));
+		}
+		(M ? await T.update(M[l], n) : await T.create(n)) !== null && (j(!1), T.actionRef.current?.reload());
+	}, Y = () => {
+		if (I.length === 0) {
+			E.warning(S.selectItemsToDelete);
+			return;
+		}
+		v.confirm({
+			title: S.confirmBulkDeleteTitle(I.length),
+			content: S.confirmDeleteContent,
+			okText: S.confirmBulkDeleteOk,
+			okType: "danger",
+			cancelText: S.cancel,
+			onOk: async () => {
+				let e = await Promise.all(I.map(async (e) => ({
+					key: e,
+					ok: await T.remove(e)
+				}))), t = e.filter((e) => !e.ok);
+				L(t.map((e) => e.key)), t.length === 0 ? E.success(S.bulkDeleteSuccess(e.length)) : E.error(S.bulkDeletePartial(e.length - t.length, e.length, t.length)), T.actionRef.current?.reload();
+			}
+		});
+	}, Z = y === "all" && typeof T.dataSource.listAll == "function", Q = async (e) => {
+		H(!0);
+		try {
+			let t = Z ? await T.dataSource.listAll({
+				sort: B.current.sort,
+				filters: B.current.filters
+			}) : z.current;
+			if (t.length === 0) {
+				E.warning(S.nothingToExport);
+				return;
+			}
+			let n = c.filter((e) => e.fieldType !== "password").map((e) => ({
+				title: e.title,
+				dataIndex: String(e.dataIndex),
+				fieldType: e.fieldType,
+				enumOptions: e.enumOptions
+			}));
+			r({
+				data: [...t],
+				columns: n,
+				filename: u ? u.toLowerCase().replace(/\s+/g, "-") : "export",
+				format: e
+			});
+		} catch (e) {
+			let n = t(e);
+			p.onError?.("list", n), E.error(S.exportFailed(n.message));
+		} finally {
+			H(!1);
+		}
+	}, $ = Z ? S.exportAll : S.exportPage, oe = /* @__PURE__ */ P(o, {
+		needDeps: !0,
+		intl: C,
+		children: [/* @__PURE__ */ N(s, {
+			headerTitle: u,
+			rowKey: l,
+			rowClassName: (e, t) => t % 2 == 0 ? "row-differentiator" : "",
+			actionRef: T.actionRef,
+			columns: re,
+			request: q,
+			search: { labelWidth: "auto" },
+			pagination: {
+				pageSize: f,
+				showSizeChanger: !0,
+				showQuickJumper: !0
+			},
+			rowSelection: h ? {
+				selectedRowKeys: I,
+				onChange: L
+			} : void 0,
+			toolBarRender: () => [
+				/* @__PURE__ */ N(d, {
+					type: "primary",
+					icon: /* @__PURE__ */ N(a, {}),
+					onClick: () => G(),
+					children: S.create
+				}, "add"),
+				...h && I.length > 0 ? [/* @__PURE__ */ N(d, {
+					danger: !0,
+					onClick: Y,
+					children: S.deleteSelected(I.length)
+				}, "bulk-delete")] : [],
+				/* @__PURE__ */ N(te, {
+					menu: { items: [..._ ? [
+						{
+							key: "export-csv",
+							label: $("CSV"),
+							disabled: V,
+							onClick: () => void Q("csv")
+						},
+						{
+							key: "export-json",
+							label: $("JSON"),
+							disabled: V,
+							onClick: () => void Q("json")
+						},
+						{
+							key: "export-excel",
+							label: $("Excel"),
+							disabled: V,
+							onClick: () => void Q("excel")
+						},
+						{ type: "divider" }
+					] : [], {
+						key: "refresh",
+						label: S.refresh,
+						onClick: () => T.actionRef.current?.reload()
+					}] },
+					children: /* @__PURE__ */ N(d, { children: /* @__PURE__ */ N(i, {}) })
+				}, "menu")
+			],
+			options: {
+				setting: g ? { listsHeight: 400 } : !1,
+				density: g,
+				reload: !0
+			},
+			dateFormatter: "string"
+		}), /* @__PURE__ */ N(v, {
+			title: M ? S.editTitle : S.createTitle,
+			open: O,
+			onOk: J,
+			onCancel: () => j(!1),
+			okText: S.ok,
+			cancelText: S.cancel,
+			destroyOnHidden: !0,
+			width: 600,
+			children: /* @__PURE__ */ N(m, {
+				form: R,
+				layout: "vertical",
+				children: c.map((e) => {
+					let t = e.dataIndex, n = !(e.fieldEditable ?? !0), r = X(e.fieldType), i = W(e), a = e.formConfig?.rules ?? (e.formConfig?.required ? [{
+						required: !0,
+						message: S.requiredField(e.title)
+					}] : []), o = [...r.rules?.(i, S) ?? [], ...a], s = e.formConfig?.component ?? r.formControl(i, n, S);
+					return s ? /* @__PURE__ */ N(m.Item, {
+						name: t,
+						label: e.title,
+						rules: o,
+						valuePropName: r.valuePropName,
+						children: s
+					}, t) : null;
+				})
+			})
+		})]
+	});
+	return w ? /* @__PURE__ */ N(ee, {
+		locale: w,
+		children: oe
+	}) : oe;
+};
+//#endregion
+export { X as a, Y as i, ie as n, Z as r, Q as t };

package/dist/CrudTable-DRN70sET.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));const c=require("./useCrudTable-40jpmCkr.cjs"),l=require("./en_US-D3Kl6g3n.cjs"),u=require("./exportData.cjs");let d=require("@ant-design/icons"),f=require("@ant-design/pro-components"),p=require("antd"),m=require("react"),h=require("dayjs");h=s(h,1);let g=require("react/jsx-runtime"),_=require("antd/locale/en_US");_=s(_,1);var v=(e,t)=>t[e.dataIndex],y=e=>e!=null&&e!==``,b=e=>y(e)?String(e):``,x=e=>{let t=Number(e);return Number.isFinite(t)?t:0},S=e=>String(e),C=[`http`,`https`],w=[`http`,`https`,`mailto`],T=/^([a-z][a-z0-9+.-]*):/i,E=/^data:image\/(png|jpe?g|gif|webp|avif|bmp|x-icon)[;,]/i,D=(e,t)=>{let n=e.replace(/[\u0000-\u0020\u007F-\u009F]/g,``),r=T.exec(n);return!r||t.includes(r[1].toLowerCase())},O=e=>{let t=e.replace(/[\u0000-\u0020\u007F-\u009F]/g,``);return E.test(t)?!0:D(e,C)},k=`YYYY-MM-DD HH:mm`,A=`YYYY-MM-DD`,j=`HH:mm:ss`,M={string:{formControl:(e,t)=>(0,g.jsx)(p.Input,{disabled:t})},number:{column:e=>({valueType:`digit`,render:(t,n)=>{let r=v(e,n);return typeof r==`number`?r.toLocaleString():b(r)}}),formControl:(e,t)=>(0,g.jsx)(p.InputNumber,{style:{width:`100%`},disabled:t})},date:{column:(e,t)=>({valueType:`dateTime`,render:(n,r)=>{let i=v(e,r);if(!i)return t.empty;let a=(0,h.default)(b(i));return(0,g.jsx)(`span`,{children:a.isValid()?a.format(k):b(i)})}}),formControl:(e,t)=>(0,g.jsx)(p.DatePicker,{style:{width:`100%`},showTime:!0,disabled:t}),toFormValue:e=>y(e)?(0,h.default)(b(e)):e,fromFormValue:e=>h.default.isDayjs(e)?e.toISOString():e},boolean:{column:(e,t)=>({valueType:`switch`,render:(n,r)=>(0,g.jsx)(p.Tag,{color:v(e,r)?`green`:`red`,children:v(e,r)?t.yes:t.no})}),formControl:(e,t)=>(0,g.jsx)(p.Switch,{disabled:t}),valuePropName:`checked`},enum:{column:e=>({valueType:`select`,valueEnum:e.enumOptions,render:(t,n)=>{let r=v(e,n),i=e.enumOptions?.[S(r)];return i?(0,g.jsx)(p.Tag,{color:i.color,children:i.text}):b(r)}}),formControl:(e,t,n)=>(0,g.jsx)(p.Select,{disabled:t,placeholder:n.selectPlaceholder(e.title),options:Object.entries(e.enumOptions||{}).map(([e,t])=>({label:t.text,value:e}))})},custom:{column:e=>({render:(t,n)=>e.customRender?.(v(e,n),n)??null}),formControl:()=>null},textarea:{column:()=>({valueType:`textarea`,ellipsis:!0}),formControl:(e,t)=>(0,g.jsx)(p.Input.TextArea,{rows:3,disabled:t})},email:{column:(e,t)=>({render:(n,r)=>{let i=v(e,r);if(!y(i))return t.empty;let a=b(i);return D(a,w)?(0,g.jsx)(`a`,{href:`mailto:${encodeURIComponent(a)}`,children:a}):(0,g.jsx)(`span`,{children:a})}}),formControl:(e,t)=>(0,g.jsx)(p.Input,{type:`email`,disabled:t}),rules:(e,t)=>[{type:`email`,message:t.invalidEmail}]},url:{column:(e,t)=>({render:(n,r)=>{let i=v(e,r);if(!y(i))return t.empty;let a=b(i);return D(a,C)?(0,g.jsx)(`a`,{href:a,target:`_blank`,rel:`noopener noreferrer`,children:a}):(0,g.jsx)(`span`,{children:a})}}),formControl:(e,t)=>(0,g.jsx)(p.Input,{disabled:t}),rules:(e,t)=>[{type:`url`,message:t.invalidUrl}]},password:{column:(e,t)=>({search:!1,render:(n,r)=>y(v(e,r))?`••••••••`:t.empty}),formControl:(e,t)=>(0,g.jsx)(p.Input.Password,{disabled:t})},money:{column:()=>({valueType:`money`}),formControl:(e,t)=>(0,g.jsx)(p.InputNumber,{style:{width:`100%`},precision:2,min:0,disabled:t})},percent:{column:()=>({valueType:`percent`}),formControl:(e,t)=>(0,g.jsx)(p.InputNumber,{style:{width:`100%`},min:0,max:100,addonAfter:`%`,disabled:t})},rating:{column:e=>({search:!1,render:(t,n)=>(0,g.jsx)(p.Rate,{disabled:!0,allowHalf:!0,value:x(v(e,n))})}),formControl:(e,t)=>(0,g.jsx)(p.Rate,{allowHalf:!0,disabled:t})},progress:{column:e=>({search:!1,render:(t,n)=>(0,g.jsx)(p.Progress,{percent:x(v(e,n)),size:`small`})}),formControl:(e,t)=>(0,g.jsx)(p.InputNumber,{style:{width:`100%`},min:0,max:100,disabled:t})},time:{column:()=>({valueType:`time`}),formControl:(e,t)=>(0,g.jsx)(p.TimePicker,{style:{width:`100%`},disabled:t}),toFormValue:e=>y(e)?(0,h.default)(b(e),j):e,fromFormValue:e=>h.default.isDayjs(e)?e.format(j):e},dateRange:{column:(e,t)=>({valueType:`dateRange`,render:(n,r)=>{let i=v(e,r);if(!Array.isArray(i)||i.length!==2)return t.empty;let[a,o]=i.map(e=>(0,h.default)(b(e)));return!a.isValid()||!o.isValid()?b(i):`${a.format(A)} ~ ${o.format(A)}`}}),formControl:(e,t)=>(0,g.jsx)(p.DatePicker.RangePicker,{style:{width:`100%`},disabled:t}),toFormValue:e=>Array.isArray(e)?e.map(e=>y(e)?(0,h.default)(b(e)):e):e,fromFormValue:e=>Array.isArray(e)?e.map(e=>h.default.isDayjs(e)?e.toISOString():e):e},tags:{column:(e,t)=>({render:(n,r)=>{let i=v(e,r);return!Array.isArray(i)||i.length===0?t.empty:(0,g.jsx)(g.Fragment,{children:i.map(e=>(0,g.jsx)(p.Tag,{children:b(e)},b(e)))})}}),formControl:(e,t,n)=>(0,g.jsx)(p.Select,{mode:`tags`,open:!1,suffixIcon:null,disabled:t,placeholder:n.tagsPlaceholder})},image:{column:(e,t)=>({search:!1,render:(n,r)=>{let i=v(e,r);if(!y(i))return t.empty;let a=b(i);return O(a)?(0,g.jsx)(p.Image,{src:a,width:48,height:48,style:{objectFit:`cover`}}):(0,g.jsx)(`span`,{children:a})}}),formControl:(e,t)=>(0,g.jsx)(p.Input,{placeholder:`https://...`,disabled:t}),rules:(e,t)=>[{type:`url`,message:t.invalidImageUrl}]},color:{column:(e,t)=>({search:!1,render:(n,r)=>{let i=v(e,r);if(!y(i))return t.empty;let a=b(i);return(0,g.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:8},children:[(0,g.jsx)(`span`,{style:{display:`inline-block`,width:14,height:14,borderRadius:3,border:`1px solid rgba(0,0,0,0.15)`,backgroundColor:a}}),a]})}}),formControl:(e,t)=>(0,g.jsx)(p.ColorPicker,{showText:!0,disabled:t}),fromFormValue:e=>e&&typeof e==`object`&&`toHexString`in e?e.toHexString():e},json:{column:(e,t)=>({search:!1,ellipsis:!0,render:(n,r)=>{let i=v(e,r);return i==null?t.empty:(0,g.jsx)(p.Typography.Text,{code:!0,children:JSON.stringify(i)})}}),formControl:(e,t)=>(0,g.jsx)(p.Input.TextArea,{rows:4,style:{fontFamily:`monospace`},disabled:t}),toFormValue:e=>typeof e==`string`?e:JSON.stringify(e,null,2),fromFormValue:e=>typeof e==`string`&&e.trim()!==``?JSON.parse(e):e,rules:(e,t)=>[{validator:async(e,n)=>{if(n!=null&&n!==``&&typeof n==`string`)try{JSON.parse(n)}catch{throw Error(t.invalidJson)}}}]}},N=e=>M[e??`string`]??M.string,P=l.t,F=e=>{let t=(0,m.useContext)(p.ConfigProvider.ConfigContext).locale;return(0,m.useMemo)(()=>{let n=e?{...l.t,...e}:l.t,r=t?.locale?(0,f.findIntlKeyByAntdLocaleKey)(t.locale):void 0;return{strings:n,intl:r&&(e=>e in f.intlMap)(r)?f.intlMap[r]:f.enUSIntl,antdLocale:t?void 0:_.default,inherited:!!t}},[e,t])},I=(e,t,n,r)=>{let{current:i=1,pageSize:a=10,...o}=e,s={};for(let[e,t]of Object.entries(o))r.has(e)&&t!==void 0&&t!==``&&(s[e]=t);for(let[e,t]of Object.entries(n))t&&t.length>0&&r.has(e)&&(s[e]=t[0]);return{page:i,pageSize:a,sort:Object.entries(t).filter(([,e])=>e===`ascend`||e===`descend`).map(([e,t])=>({field:e,direction:t})),filters:s}},L=e=>{let{columns:t,rowKey:n,title:r,defaultPageSize:i=10,hookConfig:a,enableBulkOperations:o=!1,enableColumnSettings:s=!0,enableExport:l=!0,exportScope:h=`all`,customActions:_,locale:v}=e,{strings:y,intl:b,antdLocale:x}=F(v),S=c.n(n,{defaultPageSize:i,...a,locale:y,refreshAfterMutation:!1}),[C,w]=(0,m.useState)(!1),[T,E]=(0,m.useState)(null),[D,O]=(0,m.useState)([]),[k]=p.Form.useForm(),A=(0,m.useRef)([]),j=(0,m.useRef)({page:1,pageSize:i}),[M,P]=(0,m.useState)(!1),L=(0,m.useMemo)(()=>new Set(t.map(e=>e.dataIndex)),[t]),R=(0,m.useCallback)(e=>({dataIndex:e.dataIndex,title:e.title,fieldType:e.fieldType,enumOptions:e.enumOptions,customRender:e.customRender}),[]),z=(0,m.useCallback)(e=>{if(E(e??null),!e){k.resetFields(),w(!0);return}let n={...e};for(let e of t){let t=e.dataIndex,{toFormValue:r}=N(e.fieldType);if(r&&n[t]!==void 0)try{n[t]=r(n[t])}catch{}}k.setFieldsValue(n),w(!0)},[t,k]),B=(0,m.useCallback)(e=>{p.Modal.confirm({title:y.confirmDeleteTitle,content:y.confirmDeleteContent,okText:y.confirmDeleteOk,okType:`danger`,cancelText:y.cancel,onOk:async()=>{await S.remove(e)&&S.actionRef.current?.reload()}})},[S,y]),V=(0,m.useMemo)(()=>{let e=t.map(e=>{let t=R(e),n=N(e.fieldType);return{...e,dataIndex:e.dataIndex,title:e.title,search:e.searchable!==!1,...n.column?.(t,y)}});return e.push({title:y.actions,valueType:`option`,width:200,render:(e,t)=>[(0,g.jsx)(p.Button,{type:`link`,size:`small`,onClick:()=>z(t),children:y.edit},`edit`),(0,g.jsx)(p.Button,{type:`link`,size:`small`,danger:!0,onClick:()=>B(t[n]),children:y.delete},`delete`),..._?.(t,S)??[]]}),e},[t,R,z,B,n,_,S,y]),H=async(e,t,n)=>{try{let r=I(e,t,n,L);j.current=r;let i=await S.dataSource.list(r);return A.current=i.items,{data:[...i.items],success:!0,total:i.total}}catch(e){let t=c.t(e);return a.onError?.(`list`,t),p.message.error(t.message),{data:[],success:!1,total:0}}},U=async()=>{let e;try{e=await k.validateFields()}catch{return}let r={...e};for(let n of t){let t=n.dataIndex,{fromFormValue:i}=N(n.fieldType);if(i&&e[t]!==void 0)try{r[t]=i(e[t])}catch(e){a.onError?.(T?`update`:`create`,c.t(e));return}let o=n.formConfig?.transform;o&&(r[t]=o(r[t]))}(T?await S.update(T[n],r):await S.create(r))!==null&&(w(!1),S.actionRef.current?.reload())},W=()=>{if(D.length===0){p.message.warning(y.selectItemsToDelete);return}p.Modal.confirm({title:y.confirmBulkDeleteTitle(D.length),content:y.confirmDeleteContent,okText:y.confirmBulkDeleteOk,okType:`danger`,cancelText:y.cancel,onOk:async()=>{let e=await Promise.all(D.map(async e=>({key:e,ok:await S.remove(e)}))),t=e.filter(e=>!e.ok);O(t.map(e=>e.key)),t.length===0?p.message.success(y.bulkDeleteSuccess(e.length)):p.message.error(y.bulkDeletePartial(e.length-t.length,e.length,t.length)),S.actionRef.current?.reload()}})},G=h===`all`&&typeof S.dataSource.listAll==`function`,K=async e=>{P(!0);try{let n=G?await S.dataSource.listAll({sort:j.current.sort,filters:j.current.filters}):A.current;if(n.length===0){p.message.warning(y.nothingToExport);return}let i=t.filter(e=>e.fieldType!==`password`).map(e=>({title:e.title,dataIndex:String(e.dataIndex),fieldType:e.fieldType,enumOptions:e.enumOptions}));u.exportData({data:[...n],columns:i,filename:r?r.toLowerCase().replace(/\s+/g,`-`):`export`,format:e})}catch(e){let t=c.t(e);a.onError?.(`list`,t),p.message.error(y.exportFailed(t.message))}finally{P(!1)}},q=G?y.exportAll:y.exportPage,J=(0,g.jsxs)(f.ProConfigProvider,{needDeps:!0,intl:b,children:[(0,g.jsx)(f.ProTable,{headerTitle:r,rowKey:n,rowClassName:(e,t)=>t%2==0?`row-differentiator`:``,actionRef:S.actionRef,columns:V,request:H,search:{labelWidth:`auto`},pagination:{pageSize:i,showSizeChanger:!0,showQuickJumper:!0},rowSelection:o?{selectedRowKeys:D,onChange:O}:void 0,toolBarRender:()=>[(0,g.jsx)(p.Button,{type:`primary`,icon:(0,g.jsx)(d.PlusOutlined,{}),onClick:()=>z(),children:y.create},`add`),...o&&D.length>0?[(0,g.jsx)(p.Button,{danger:!0,onClick:W,children:y.deleteSelected(D.length)},`bulk-delete`)]:[],(0,g.jsx)(p.Dropdown,{menu:{items:[...l?[{key:`export-csv`,label:q(`CSV`),disabled:M,onClick:()=>void K(`csv`)},{key:`export-json`,label:q(`JSON`),disabled:M,onClick:()=>void K(`json`)},{key:`export-excel`,label:q(`Excel`),disabled:M,onClick:()=>void K(`excel`)},{type:`divider`}]:[],{key:`refresh`,label:y.refresh,onClick:()=>S.actionRef.current?.reload()}]},children:(0,g.jsx)(p.Button,{children:(0,g.jsx)(d.EllipsisOutlined,{})})},`menu`)],options:{setting:s?{listsHeight:400}:!1,density:s,reload:!0},dateFormatter:`string`}),(0,g.jsx)(p.Modal,{title:T?y.editTitle:y.createTitle,open:C,onOk:U,onCancel:()=>w(!1),okText:y.ok,cancelText:y.cancel,destroyOnHidden:!0,width:600,children:(0,g.jsx)(p.Form,{form:k,layout:`vertical`,children:t.map(e=>{let t=e.dataIndex,n=!(e.fieldEditable??!0),r=N(e.fieldType),i=R(e),a=e.formConfig?.rules??(e.formConfig?.required?[{required:!0,message:y.requiredField(e.title)}]:[]),o=[...r.rules?.(i,y)??[],...a],s=e.formConfig?.component??r.formControl(i,n,y);return s?(0,g.jsx)(p.Form.Item,{name:t,label:e.title,rules:o,valuePropName:r.valuePropName,children:s},t):null})})})]});return x?(0,g.jsx)(p.ConfigProvider,{locale:x,children:J}):J};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return L}});

package/dist/CrudTable.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const c=require(`./useCrudTable.cjs`);let l=require(`@ant-design/icons`),u=require(`@ant-design/pro-components`),d=require(`antd`),f=require(`react`),p=require(`date-fns`),m=require(`dayjs`);m=s(m,1);let h=require(`react/jsx-runtime`);var g=e=>{let{columns:t,rowKey:n,title:r,defaultPageSize:i=10,hookConfig:a,enableBulkOperations:o=!1,customActions:s}=e,g=c.useCrudTable(n,{defaultPageSize:i,...a}),[_,v]=(0,f.useState)(!1),[y,b]=(0,f.useState)(null),[x,S]=(0,f.useState)([]),[C]=d.Form.useForm();(0,f.useEffect)(()=>{g.refresh()},[]);let w=t.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(0,h.jsx)(`span`,{children:(0,p.format)((0,p.parseISO)(r),`yyyy-MM-dd HH:mm`)})}catch{return(0,h.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?(0,h.jsx)(d.Tag,{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)=>(0,h.jsx)(d.Tag,{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}});w.push({title:`Actions`,valueType:`option`,width:200,render:(e,t)=>{let r=[(0,h.jsx)(d.Button,{type:`link`,size:`small`,onClick:()=>E(t),children:`Edit`},`edit`),(0,h.jsx)(d.Button,{type:`link`,size:`small`,danger:!0,onClick:()=>O(t[n]),children:`Delete`},`delete`)],i=s?.(t,g)||[];return[...r,...i]}});let T=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=g.operations;if(i?.getList){let e=await i.getList(r);return{data:e.data,success:!0,total:e.total}}return{data:g.state.data,success:!0,total:g.state.total}}catch{return d.message.error(`Failed to fetch data`),{data:[],success:!1,total:0}}},E=e=>{if(b(e||null),e){let n={...e};t.forEach(e=>{let t=e.dataIndex;if(e.fieldType===`date`&&n[t])try{n[t]=(0,m.default)(n[t])}catch{}}),C.setFieldsValue(n)}else C.resetFields();v(!0)},D=async()=>{try{let e=await C.validateFields(),r={...e};t.forEach(t=>{let n=t.dataIndex;if(t.fieldType===`date`&&e[n])try{r[n]=(0,p.formatISO)(e[n])}catch{}t.formConfig?.transform&&(r[n]=t.formConfig.transform(e[n]))}),y&&y[n]?await g.update(y[n],r):await g.create(r),v(!1),g.actionRef.current?.reload()}catch(e){console.error(`Form validation failed:`,e)}},O=async e=>{d.Modal.confirm({title:`Are you sure?`,content:`This action cannot be undone.`,okText:`Yes, Delete`,okType:`danger`,cancelText:`Cancel`,onOk:async()=>{await g.delete(e)&&g.actionRef.current?.reload()}})},k=async()=>{if(x.length===0){d.message.warning(`Please select items to delete`);return}d.Modal.confirm({title:`Delete ${x.length} items?`,content:`This action cannot be undone.`,okText:`Yes, Delete All`,okType:`danger`,cancelText:`Cancel`,onOk:async()=>{let e=x.map(e=>g.delete(e));await Promise.allSettled(e),S([]),g.actionRef.current?.reload()}})},A=o?{selectedRowKeys:x,onChange:S}:void 0;return(0,h.jsxs)(u.ProConfigProvider,{needDeps:!0,intl:u.enUSIntl,children:[(0,h.jsx)(u.ProTable,{headerTitle:r,rowKey:n,rowClassName:(e,t)=>t%2==0?`row-differentiator`:``,actionRef:g.actionRef,columns:w,request:T,search:{labelWidth:`auto`},pagination:{pageSize:i,showSizeChanger:!0,showQuickJumper:!0},loading:g.state.loading,rowSelection:A,toolBarRender:()=>[(0,h.jsx)(d.Button,{type:`primary`,icon:(0,h.jsx)(l.PlusOutlined,{}),onClick:()=>E(),children:`New`},`add`),...o&&x.length>0?[(0,h.jsxs)(d.Button,{danger:!0,onClick:k,children:[`Delete Selected (`,x.length,`)`]},`bulk-delete`)]:[],(0,h.jsx)(d.Dropdown,{menu:{items:[{key:`export`,label:`Export`,disabled:!0},{key:`refresh`,label:`Refresh`,onClick:()=>g.refresh()}]},children:(0,h.jsx)(d.Button,{children:(0,h.jsx)(l.EllipsisOutlined,{})})},`menu`)],options:{setting:{listsHeight:400},reload:()=>g.refresh()},dateFormatter:`string`}),(0,h.jsx)(d.Modal,{title:y?`Edit Item`:`Create Item`,open:_,onOk:D,onCancel:()=>v(!1),destroyOnClose:!0,width:600,children:(0,h.jsx)(d.Form,{form:C,layout:`vertical`,children:t.map(e=>{if(!e.dataIndex)return null;let t=e.dataIndex,n=e.title,r=!(e.fieldEditable??!0),i=e.formConfig?.rules||(e.formConfig?.required?[{required:!0,message:`${n} is required`}]:[]);if(e.formConfig?.component)return(0,h.jsx)(d.Form.Item,{name:t,label:n,rules:i,children:e.formConfig.component},t);switch(e.fieldType){case`string`:return(0,h.jsx)(d.Form.Item,{name:t,label:n,rules:i,children:(0,h.jsx)(d.Input,{disabled:r})},t);case`number`:return(0,h.jsx)(d.Form.Item,{name:t,label:n,rules:i,children:(0,h.jsx)(d.InputNumber,{style:{width:`100%`},disabled:r})},t);case`date`:return(0,h.jsx)(d.Form.Item,{name:t,label:n,rules:i,children:(0,h.jsx)(d.DatePicker,{style:{width:`100%`},showTime:!0,disabled:r})},t);case`boolean`:return(0,h.jsx)(d.Form.Item,{name:t,label:n,valuePropName:`checked`,children:(0,h.jsx)(d.Switch,{disabled:r})},t);case`enum`:return(0,h.jsx)(d.Form.Item,{name:t,label:n,rules:i,children:(0,h.jsx)(d.Select,{disabled:r,placeholder:`Select ${n.toLowerCase()}`,options:Object.entries(e.enumOptions||{}).map(([e,t])=>({label:t.text,value:e}))})},t);default:return null}})})})]})};exports.default=g,exports.t=s;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./CrudTable-DRN70sET.cjs");require("./exportData.cjs"),exports.default=e.t;