aio-table 11.1.2 → 11.2.0

package/index.d.ts

@@ -23,7 +23,14 @@ export type I_table_column<T> = {
     title?: any;
     sort?: true | I_table_sort<T>;
     jalali?: boolean;
-    filterId?: string;
+    filter?: {
+        operators?: UT.I_filter_operator[];
+        options?: {
+            text: string;
+            value: string;
+        }[];
+        type?: I_table_column<any>["type"];
+    };
     search?: boolean;
     id: string;
     width?: any;

package/index.js

@@ -116,7 +116,7 @@ const AIOTable = (props) => {
         let searchColumns = [], excelColumns = [], filterColumns = [], toggleColumns = [];
         let updatedColumns = columns.map((column, i) => {
             const cellDetail = tableHook.getCellDetail({ column });
-            const filterId = getColumnOption('filterId', cellDetail);
+            const filter = getColumnOption('filter', cellDetail);
             const search = getColumnOption('search', cellDetail);
             const excel = getColumnOption('excel', cellDetail);
             const toggle = getColumnOption('toggle', cellDetail);
@@ -130,7 +130,7 @@ const AIOTable = (props) => {
             if (excel) {
                 excelColumns.push(column);
             }
-            if (filterId) {
+            if (filter) {
                 filterColumns.push(column);
             }
             if (toggle) {
@@ -266,8 +266,12 @@ const AIOTable = (props) => {
     return (_jsxs(Provider, { value: context, children: [_jsxs("div", Object.assign({}, attrs, { children: [_jsx(TableToolbar, {}), !!props.filter &&
                         _jsx(UT.Filterbar, { columns: filterColumns, filter: props.filter, fa: props.fa, columnOption: {
                                 text: (column) => getColumnOption('title', tableHook.getCellDetail({ column })),
-                                id: (column) => getColumnOption('filterId', tableHook.getCellDetail({ column })),
-                                type: (column) => getColumnOption('type', tableHook.getCellDetail({ column })) || 'text'
+                                id: (column) => getColumnOption('id', tableHook.getCellDetail({ column })),
+                                type: (column) => getColumnOption('type', tableHook.getCellDetail({ column })) || 'text',
+                                options: (column) => {
+                                    const filter = getColumnOption('filter', tableHook.getCellDetail({ column }));
+                                    return filter === null || filter === void 0 ? void 0 : filter.options;
+                                },
                             } }), _jsxs("div", { className: 'aio-table-unit aio-table-scroll', style: { gap: gap[1] }, children: [_jsx(TableHeader, {}), _jsx(TableRows, {})] }), pagingHook.render()] })), popup.render()] }));
 };
 export default AIOTable;
@@ -431,7 +435,14 @@ const TableCell = (props) => {
     const beforeValue = tableHook.getCellValue(cellDetail, before, undefined);
     const afterValue = tableHook.getCellValue(cellDetail, after, undefined);
     const subtextValue = tableHook.getCellValue(cellDetail, subtext, undefined);
-    return (_jsx(Fragment, { children: _jsxs("div", Object.assign({}, tableHook.getCellAttrs(props.cellDetail, props.cellValue, isOdd, rootProps.striped), { children: [beforeValue !== undefined && _jsx("div", { className: "aio-table-cell-before", children: beforeValue }), _jsxs("div", { className: `aio-table-cell-value${subtext !== undefined ? ' has-subtext' : ''}`, "data-subtext": subtextValue, children: [templateValue !== undefined && templateValue, templateValue === undefined && cellValue] }), afterValue !== undefined && _jsx("div", { className: "aio-table-cell-after", children: afterValue })] })) }, rowId + ' ' + colId));
+    let content;
+    if (templateValue !== undefined) {
+        content = templateValue;
+    }
+    else {
+        content = cellValue;
+    }
+    return (_jsx(Fragment, { children: _jsxs("div", Object.assign({}, tableHook.getCellAttrs(props.cellDetail, cellValue, isOdd, rootProps.striped), { children: [beforeValue !== undefined && _jsx("div", { className: "aio-table-cell-before", children: beforeValue }), _jsx("div", { className: `aio-table-cell-value${subtext !== undefined ? ' has-subtext' : ''}`, "data-subtext": subtextValue, children: content }), afterValue !== undefined && _jsx("div", { className: "aio-table-cell-after", children: afterValue })] })) }, rowId + ' ' + colId));
 };
 const useTable = (getProps, getPaging, getColumnOption) => {
     const DragRows = UT.useDrag((dragIndex, dropIndex, reOrder) => {
@@ -502,7 +513,14 @@ const useTable = (getProps, getPaging, getColumnOption) => {
         const width = getColumnOption('width', cellDetail);
         const minWidth = getColumnOption('minWidth', cellDetail);
         const className = `aio-table-cell` + (justify ? ` aio-table-cell-justify` : '');
-        const style = { width, minWidth, flex: width ? undefined : 1 };
+        let isNumber = false;
+        try {
+            if (!isNaN(+cellValue)) {
+                isNumber = true;
+            }
+        }
+        catch (_a) { }
+        const style = { width, minWidth, flex: width ? undefined : 1, direction: isNumber ? 'ltr' : undefined };
         if (striped) {
             style.background = isOdd ? striped[0] : striped[1];
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "aio-table",
-    "version": "11.1.2",
+    "version": "11.2.0",
     "description": "all in one table. tree mode , simple mode , tree mode, gantt mode , groupby mode, freeze mode.",
     "main": "index.js",
     "types": "index.d.ts",