antd-crud-table 0.2.0 → 0.4.0

package/dist/CrudTableExperimental.cjs

@@ -1 +0,0 @@
-const e=require(`./chunk-BZRuZbSa.cjs`),t=require(`./CrudTable-CDqv0ksy.cjs`),n=require(`./message-C5ORE39N.cjs`),r=require(`./jsx-runtime-D8R_Hd8N.cjs`),i=require(`./useCrudTable.cjs`);let a=require(`react`);var o=e.i(t.h(),1),s=r.t(),c=e=>{let{columns:r,rowKey:c,title:l,defaultPageSize:u=10,hookConfig:d,enableBulkOperations:f=!1,customActions:p}=e,m=i.useCrudTable(c,{defaultPageSize:u,...d}),[h,g]=(0,a.useState)(!1),[_,v]=(0,a.useState)(null),[y,b]=(0,a.useState)([]),[x]=t.d.useForm();(0,a.useEffect)(()=>{m.refresh()},[]);let S=r.map(e=>{let n={...e,dataIndex:e.dataIndex,title:e.title,search:e.searchable!==!1};switch(e.fieldType){case`date`:return{...n,valueType:`dateTime`,render:(n,r)=>{let i=r[e.dataIndex];if(!i)return`-`;try{return(0,s.jsx)(`span`,{children:t.r(t.t(i),`yyyy-MM-dd HH:mm`)})}catch{return(0,s.jsx)(`span`,{children:i})}}};case`enum`:return{...n,valueType:`select`,valueEnum:e.enumOptions,render:(n,r)=>{let i=r[e.dataIndex],a=e.enumOptions?.[i];return a?(0,s.jsx)(t.s,{color:a.color,children:a.text}):i}};case`number`:return{...n,valueType:`digit`,render:(t,n)=>{let r=n[e.dataIndex];return typeof r==`number`?r.toLocaleString():r}};case`boolean`:return{...n,valueType:`switch`,render:(n,r)=>(0,s.jsx)(t.s,{color:r[e.dataIndex]?`green`:`red`,children:r[e.dataIndex]?`Yes`:`No`})};case`custom`:return{...n,render:(t,n)=>e.customRender?.(n[e.dataIndex],n)};default:return n}});S.push({title:`Actions`,valueType:`option`,width:200,render:(e,n)=>{let r=[(0,s.jsx)(t.g,{type:`link`,size:`small`,onClick:()=>w(n),children:`Edit`},`edit`),(0,s.jsx)(t.g,{type:`link`,size:`small`,danger:!0,onClick:()=>E(n[c]),children:`Delete`},`delete`)],i=p?.(n,m)||[];return[...r,...i]}});let C=async(e,t,r)=>{try{let n={current:e.current,pageSize:e.pageSize,sortBy:Object.keys(t)[0],sortOrder:Object.values(t)[0],...r,...e},i=m.operations;if(i?.getList){let e=await i.getList(n);return{data:e.data,success:!0,total:e.total}}return{data:m.state.data,success:!0,total:m.state.total}}catch{return n.t.error(`Failed to fetch data`),{data:[],success:!1,total:0}}},w=e=>{if(v(e||null),e){let t={...e};r.forEach(e=>{let n=e.dataIndex;if(e.fieldType===`date`&&t[n])try{t[n]=(0,o.default)(t[n])}catch{}}),x.setFieldsValue(t)}else x.resetFields();g(!0)},T=async()=>{try{let e=await x.validateFields(),n={...e};r.forEach(r=>{let i=r.dataIndex;if(r.fieldType===`date`&&e[i])try{n[i]=t.n(e[i])}catch{}r.formConfig?.transform&&(n[i]=r.formConfig.transform(e[i]))}),_&&_[c]?await m.update(_[c],n):await m.create(n),g(!1),m.actionRef.current?.reload()}catch(e){console.error(`Form validation failed:`,e)}},E=async e=>{t.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()}})},D=async()=>{if(y.length===0){n.t.warning(`Please select items to delete`);return}t.l.confirm({title:`Delete ${y.length} items?`,content:`This action cannot be undone.`,okText:`Yes, Delete All`,okType:`danger`,cancelText:`Cancel`,onOk:async()=>{let e=y.map(e=>m.delete(e));await Promise.allSettled(e),b([]),m.actionRef.current?.reload()}})},O=f?{selectedRowKeys:y,onChange:b}:void 0;return(0,s.jsxs)(t.a,{needDeps:!0,intl:t.o,children:[(0,s.jsx)(t.i,{headerTitle:l,rowKey:c,rowClassName:(e,t)=>t%2==0?`row-differentiator`:``,actionRef:m.actionRef,columns:S,request:C,search:{labelWidth:`auto`},pagination:{pageSize:u,showSizeChanger:!0,showQuickJumper:!0},loading:m.state.loading,rowSelection:O,toolBarRender:()=>[(0,s.jsx)(t.g,{type:`primary`,icon:(0,s.jsx)(t.v,{}),onClick:()=>w(),children:`New`},`add`),...f&&y.length>0?[(0,s.jsxs)(t.g,{danger:!0,onClick:D,children:[`Delete Selected (`,y.length,`)`]},`bulk-delete`)]:[],(0,s.jsx)(t.f,{menu:{items:[{key:`export`,label:`Export`,disabled:!0},{key:`refresh`,label:`Refresh`,onClick:()=>m.refresh()}]},children:(0,s.jsx)(t.g,{children:(0,s.jsx)(t.y,{})})},`menu`)],options:{setting:{listsHeight:400},reload:()=>m.refresh()},dateFormatter:`string`}),(0,s.jsx)(t.l,{title:_?`Edit Item`:`Create Item`,open:h,onOk:T,onCancel:()=>g(!1),destroyOnClose:!0,width:600,children:(0,s.jsx)(t.d,{form:x,layout:`vertical`,children:r.map(e=>{if(!e.dataIndex)return null;let n=e.dataIndex,r=e.title,i=!(e.fieldEditable??!0),a=e.formConfig?.rules||(e.formConfig?.required?[{required:!0,message:`${r} is required`}]:[]);if(e.formConfig?.component)return(0,s.jsx)(t.d.Item,{name:n,label:r,rules:a,children:e.formConfig.component},n);switch(e.fieldType){case`string`:return(0,s.jsx)(t.d.Item,{name:n,label:r,rules:a,children:(0,s.jsx)(t.u,{disabled:i})},n);case`number`:return(0,s.jsx)(t.d.Item,{name:n,label:r,rules:a,children:(0,s.jsx)(t.m,{style:{width:`100%`},disabled:i})},n);case`date`:return(0,s.jsx)(t.d.Item,{name:n,label:r,rules:a,children:(0,s.jsx)(t.p,{style:{width:`100%`},showTime:!0,disabled:i})},n);case`boolean`:return(0,s.jsx)(t.d.Item,{name:n,label:r,valuePropName:`checked`,children:(0,s.jsx)(t.c,{disabled:i})},n);case`enum`:return(0,s.jsx)(t.d.Item,{name:n,label:r,rules:a,children:(0,s.jsx)(t._,{disabled:i,placeholder:`Select ${r.toLowerCase()}`,options:Object.entries(e.enumOptions||{}).map(([e,t])=>({label:t.text,value:e}))})},n);default:return null}})})})]})};module.exports=c;

package/dist/CrudTableExperimental.d.ts

@@ -1,34 +0,0 @@
-import { ProColumns } from '@ant-design/pro-components';
-import { UseCrudTableConfig, CrudTableActions } from './hooks/useCrudTable';
-type DataType = Record<string, any>;
-type FieldType = 'string' | 'number' | 'date' | 'boolean' | 'enum' | 'custom';
-interface CrudColumn<T extends DataType> extends ProColumns<T> {
-    fieldType?: FieldType;
-    enumOptions?: Record<string, {
-        text: string;
-        [key: string]: any;
-    }>;
-    customRender?: (value: any, record: T) => React.ReactNode;
-    formConfig?: {
-        required?: boolean;
-        component?: React.ReactNode;
-        transform?: (value: any) => any;
-        rules?: any[];
-    };
-    fieldEditable?: boolean;
-    searchable?: boolean;
-}
-interface EnhancedCrudTableConfig<T extends DataType> {
-    columns: CrudColumn<T>[];
-    rowKey: keyof T;
-    title: string;
-    defaultPageSize?: number;
-    hookConfig: UseCrudTableConfig<T>;
-    enableBulkOperations?: boolean;
-    enableColumnSettings?: boolean;
-    enableExport?: boolean;
-    customActions?: (record: T, actions: CrudTableActions<T>) => React.ReactNode[];
-}
-declare const CrudTableExperimental: <T extends DataType>(config: EnhancedCrudTableConfig<T>) => import("react/jsx-runtime").JSX.Element;
-export default CrudTableExperimental;
-export type { EnhancedCrudTableConfig, CrudColumn, DataType };

package/dist/CrudTableExperimental.js

@@ -1,304 +0,0 @@
-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 };

package/dist/CrudTableExperimentalLazy.d.ts

@@ -1,4 +0,0 @@
-import { EnhancedCrudTableConfig, DataType } from './CrudTableExperimental';
-declare const CrudTableExperimentalLazy: <T extends DataType>(props: EnhancedCrudTableConfig<T>) => import("react/jsx-runtime").JSX.Element;
-export default CrudTableExperimentalLazy;
-export type { EnhancedCrudTableConfig, DataType };

package/dist/chunk-BZRuZbSa.cjs

@@ -1 +0,0 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(e&&(t=e(e=0)),t),s=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),c=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},l=(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},u=(n,r,a)=>(a=n==null?{}:e(i(n)),l(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/dist/chunk-DrlAKpkd.js

@@ -1,23 +0,0 @@
-//#region \0rolldown/runtime.js
-var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (e && (t = e(e = 0)), t), s = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), c = (e, n) => {
-	let r = {};
-	for (var i in e) t(r, i, {
-		get: e[i],
-		enumerable: !0
-	});
-	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
-}, l = (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;
-}, u = (n, r, a) => (a = n == null ? {} : e(i(n)), l(r || !n || !n.__esModule ? t(a, "default", {
-	value: n,
-	enumerable: !0
-}) : a, n)), d = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
-	if (typeof require < "u") return require.apply(this, arguments);
-	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-});
-//#endregion
-export { u as a, d as i, o as n, c as r, s as t };