amotify 0.0.0

package/dist/@comps/Functions/Table/Data/parts.js

@@ -0,0 +1,629 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTable = exports.DataComps = exports.DataFNs = void 0;
+var _global_1 = require("@global");
+var _atoms_1 = require("@atoms");
+var _mols_1 = require("@mols");
+var _functions_1 = require("@functions");
+var style_module_scss_1 = __importDefault(require("../style.module.scss"));
+var _1 = require("../_");
+var Components = {
+    __memoryID: $.uuidGen(),
+    Header: function (params) {
+        var _a = __assign({}, params), val_status = _a.val_status, set_status = _a.set_status, KeywordFilterRows = _a.KeywordFilterRows;
+        var order = val_status.order, filter = val_status.filter;
+        var _b = __read(order.current, 2), orderIndex = _b[0], orderDirection = _b[1];
+        var Cols = [];
+        var HEAD = __spreadArray([], __read(val_status.head), false);
+        if (val_status.checker) {
+            Cols.push(_global_1.React.createElement(_1.Comps.TH, __assign({}, val_status.cellStyles, { fontWeight: '2.normal', position: 'sticky', top: 0, unitWidth: 4, padding: 0 }, (0, _1.DefaultCellSystemStyles)({
+                top: true,
+                bottom: !val_status.rows.length,
+                left: true,
+                right: !val_status.colLength
+            }), val_status.cellStylesCallback ? val_status.cellStylesCallback({
+                top: true,
+                bottom: !val_status.rows.length,
+                left: true,
+                right: !val_status.colLength,
+                rowIndex: 0,
+                colIndex: 0,
+                isBody: false,
+                isHeader: true
+            }) : {}, { className: [
+                    style_module_scss_1.default.Cell,
+                    val_status.cellClassName
+                ].join(' '), freeCSS: {
+                    zIndex: 2
+                } }),
+                _global_1.React.createElement(_atoms_1.Box, { flexCenter: true },
+                    _global_1.React.createElement(_functions_1.Input.Checker, { label: null, value: false, onUpdateValidValue: function (_a) {
+                            var value = _a.value;
+                            var newRows = val_status.rows;
+                            newRows.forEach(function (rows) {
+                                rows.checked = value;
+                            });
+                            set_status(__assign(__assign({}, val_status), { rows: newRows }));
+                        } }))));
+        }
+        var _loop_1 = function (colIndex) {
+            var col = HEAD[colIndex];
+            if (!col)
+                return "continue";
+            var DisplayLabel = col.children || col.data;
+            var orderable = order.enabled && order.column[colIndex];
+            var filterable = filter.enabled && filter.column[colIndex];
+            var OrderButton = orderable ? _global_1.React.createElement(_atoms_1.FAIcon, { fontSize: '1.mini', fontColor: colIndex == orderIndex ? '1.clear' : '5.translucent', d: colIndex == orderIndex
+                    ? 'arrow-' + ['up', 'down'][Number(orderDirection == 'DESC')]
+                    : 'arrow-down-arrow-up' }) : null;
+            var FilterButton = _global_1.React.createElement(_global_1.React.Fragment, null);
+            if (filterable) {
+                var ColumnDatas_1 = KeywordFilterRows.map(function (row) {
+                    var _a;
+                    return (_a = row[colIndex]) === null || _a === void 0 ? void 0 : _a.data;
+                });
+                ColumnDatas_1 = __spreadArray([], __read(new Set(ColumnDatas_1)), false).order({
+                    direction: 'ASC',
+                });
+                var filterList_1 = filter.current[colIndex];
+                if (filterList_1) {
+                    var ValueList = ColumnDatas_1.filter(function (data) { return !filterList_1.includes(data); });
+                    var SelectList_1 = [];
+                    ColumnDatas_1.forEach(function (data) {
+                        if (!data)
+                            return;
+                        SelectList_1.push({
+                            value: data,
+                            label: _global_1.React.createElement(_atoms_1.Box, { flexSizing: 'auto' }, data)
+                        });
+                    });
+                    var FilterModaButtonID = 'BUTTON-' + val_status.componentID + '-' + colIndex;
+                    var FilterSheetID_1 = val_status.componentID + '-' + colIndex;
+                    var SheetParams_1 = {
+                        sheetID: FilterSheetID_1,
+                        parent: '#' + FilterModaButtonID,
+                        gravityPoint: 23,
+                        type: 'custom',
+                        content: _global_1.React.createElement(_atoms_1.Flex, { flexType: 'col', border: true, boxShadow: 3, backgroundColor: '1.layer.base', borderRadius: 1, freeCSS: {
+                                minWidth: 12 * 20,
+                                maxWidth: 12 * 30
+                            } },
+                            _global_1.React.createElement(_mols_1.Column, { gap: '1/3', overflow: 'auto', padding: '2/3', freeCSS: {
+                                    maxHeight: 12 * 30
+                                } },
+                                _global_1.React.createElement(_functions_1.Input.Checkbox, { tone: 'cloud', icon: true, value: ValueList, display: 'flex', gap: '1/2', override: 'force', options: SelectList_1, hideInput: true, name: 'DTFilter-col-' + colIndex + '-table-' + val_status.componentID, cellStyles: {
+                                        flexSizing: 'auto',
+                                        padding: '2/3'
+                                    }, onUpdateValidValue: function (_a) {
+                                        var value = _a.value;
+                                        var DropValues = ColumnDatas_1.filter(function (data) { return !value.includes(data); });
+                                        var newOptions = __assign({}, val_status);
+                                        newOptions.filter.current[colIndex] = DropValues;
+                                        set_status(newOptions);
+                                    } })),
+                            _global_1.React.createElement(_mols_1.Row.Separate, { gap: '2/3', padding: '2/3', horizontalAlign: 'right' },
+                                _global_1.React.createElement(_functions_1.Buttons.Button.Border.S, { isRounded: true, onClick: function () {
+                                        _functions_1.Sheet.close(FilterSheetID_1);
+                                    } }, "\u9589\u3058\u308B"),
+                                _global_1.React.createElement(_functions_1.Buttons.Button.Prime.S, { color: 'theme', isRounded: true, ssEffectsOnActive: 'shrink', onClick: function () {
+                                        var newFilterList = [];
+                                        if (!filterList_1.length)
+                                            newFilterList = ColumnDatas_1;
+                                        var newOptions = __assign({}, val_status);
+                                        newOptions.filter.current[colIndex] = newFilterList;
+                                        set_status(newOptions);
+                                    } }, "\u5168\u9078\u629E")))
+                    };
+                    _functions_1.Sheet.refresh(SheetParams_1, true);
+                    FilterButton = _global_1.React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.FilterRegion },
+                        _global_1.React.createElement(_functions_1.Buttons.Button.Sub.S, { ssSphere: 2.5, fontSize: '1.mini', className: style_module_scss_1.default['Filtering_' + !!filterList_1.length], id: FilterModaButtonID, children: _global_1.React.createElement(_atoms_1.FAIcon, { d: 'bars-filter' }), onClick: function (event) {
+                                event.stopPropagation();
+                                _functions_1.Sheet.open(SheetParams_1);
+                            } }));
+                }
+            }
+            col = __assign(__assign(__assign(__assign(__assign({}, val_status.cellStyles), col), (0, _1.DefaultCellSystemStyles)({
+                top: true,
+                bottom: !val_status.rows.length,
+                left: colIndex == Number(val_status.checker),
+                right: colIndex == val_status.colLength - 1
+            })), val_status.cellStylesCallback ? val_status.cellStylesCallback({
+                top: true,
+                bottom: !val_status.rows.length,
+                left: colIndex == Number(val_status.checker),
+                right: colIndex == val_status.colLength - 1,
+                rowIndex: 0,
+                colIndex: colIndex,
+                isBody: false,
+                isHeader: true
+            }) : {}), { ssPushable: orderable, className: [
+                    style_module_scss_1.default.Cell,
+                    val_status.cellClassName,
+                    col.className
+                ].join(' ') });
+            Cols.push(_global_1.React.createElement(_1.Comps.TH, __assign({ fontWeight: '2.normal', position: 'sticky', top: 0 }, col, { freeCSS: __assign({ zIndex: 2 }, col.freeCSS), onClick: function (event) {
+                    if (orderable) {
+                        var newOptions = __assign({}, val_status);
+                        newOptions.order.current = [colIndex, orderIndex === colIndex && orderDirection == 'ASC' ? 'DESC' : 'ASC'];
+                        set_status(newOptions);
+                    }
+                } }),
+                _global_1.React.createElement(_atoms_1.Flex, { flexType: 'row-r', flexWrap: false, height: 1, borderRadius: 'inherit', flexCenter: true },
+                    FilterButton,
+                    _global_1.React.createElement(_atoms_1.Flex, { flexSizing: 0, position: 'relative', borderRadius: 'inherit', gap: '1/3', flexWrap: false, horizontalAlign: 'center' },
+                        DisplayLabel,
+                        OrderButton))));
+        };
+        for (var colIndex = 0; colIndex < val_status.colLength; colIndex++) {
+            _loop_1(colIndex);
+        }
+        return (_global_1.React.createElement(_1.Comps.Row, { className: [style_module_scss_1.default.Row, style_module_scss_1.default.HeadRow].join(' '), children: Cols }));
+    },
+    Body: function (params) {
+        var val_status = params.val_status, PageRows = params.PageRows;
+        var BodyRows = [];
+        PageRows.forEach(function (row, rowIndex) {
+            var ROW = __spreadArray([], __read(row), false);
+            var Cols = [];
+            if (val_status.checker) {
+                Cols.push(_global_1.React.createElement(_1.Comps.TH, __assign({ unitWidth: 4, padding: 0, borderRight: true }, val_status.cellStyles, (0, _1.DefaultCellSystemStyles)({
+                    top: rowIndex == 0 && !val_status.head,
+                    bottom: rowIndex == PageRows.length - 1,
+                    left: true,
+                    right: !val_status.colLength
+                }), val_status.cellStylesCallback ? val_status.cellStylesCallback({
+                    top: rowIndex == 0 && !val_status.head,
+                    bottom: rowIndex == PageRows.length - 1,
+                    left: true,
+                    right: !val_status.colLength,
+                    rowIndex: rowIndex,
+                    colIndex: 0,
+                    isBody: true,
+                    isHeader: false
+                }) : {}, { className: [
+                        style_module_scss_1.default.Cell,
+                        val_status.cellClassName
+                    ].join(' ') }),
+                    _global_1.React.createElement(_atoms_1.Box, { flexCenter: true },
+                        _global_1.React.createElement(_functions_1.Input.Checker, { label: null, value: row.checked, override: 'force', onUpdateValidValue: function (_a) {
+                                var value = _a.value;
+                                var newRows = val_status.rows;
+                                newRows[rowIndex].checked = value;
+                                params.set_status(__assign(__assign({}, val_status), { rows: newRows }));
+                            } }))));
+            }
+            ROW.forEach(function (col, colIndex) {
+                if (!col)
+                    return;
+                var _a = col.type, type = _a === void 0 ? 'td' : _a, Params = __rest(col, ["type"]);
+                Params = __assign(__assign(__assign(__assign(__assign({}, val_status.cellStyles), Params), (0, _1.DefaultCellSystemStyles)({
+                    top: rowIndex == 0 && !val_status.head,
+                    bottom: rowIndex == PageRows.length - 1,
+                    left: val_status.checker ? false : colIndex == 0,
+                    right: colIndex == val_status.colLength - 1
+                })), val_status.cellStylesCallback ? val_status.cellStylesCallback({
+                    top: rowIndex == 0 && !val_status.head,
+                    bottom: rowIndex == PageRows.length - 1,
+                    left: val_status.checker ? false : colIndex == 0,
+                    right: colIndex == val_status.colLength - 1,
+                    rowIndex: rowIndex,
+                    colIndex: colIndex,
+                    isBody: true,
+                    isHeader: false
+                }) : {}), { className: [
+                        style_module_scss_1.default.Cell,
+                        val_status.cellClassName,
+                        Params.className
+                    ].join(' ') });
+                var Cell = _1.Comps[type == 'td' ? 'TD' : 'TH'];
+                Cols.push(_global_1.React.createElement(Cell, __assign({ key: colIndex }, Params)));
+            });
+            BodyRows.push(_global_1.React.createElement(_1.Comps.Row, { key: rowIndex, className: [style_module_scss_1.default.Row, style_module_scss_1.default.BodyRow].join(' '), children: Cols, onClick: function (event) {
+                    if (!val_status.onRowClick)
+                        return;
+                    val_status.onRowClick(JSON.parse(row.rowID), event);
+                } }));
+        });
+        if (!PageRows.length) {
+            var Content = _global_1.React.createElement(_atoms_1.Box, { padding: 2, fontColor: '4.thin', freeCSS: {
+                    textAlign: 'center'
+                }, borderTop: '1.thin', children: 'テーブルがありません' });
+            if (val_status.noRecords) {
+                Content = _global_1.React.createElement(_global_1.React.Fragment, null, val_status.noRecords);
+            }
+            BodyRows.push(_global_1.React.createElement(_1.Comps.Row, { key: 'dataNotFound', className: [
+                    style_module_scss_1.default.Row,
+                    style_module_scss_1.default.BodyRow,
+                    style_module_scss_1.default.DataNotFound
+                ].join(' ') },
+                _global_1.React.createElement(_1.Comps.TD, { colSpan: val_status.colLength, className: style_module_scss_1.default.Cell }, Content)));
+        }
+        return (_global_1.React.createElement(_global_1.React.Fragment, null, BodyRows));
+    },
+    Core: function (params) {
+        var val_status = params.val_status, set_status = params.set_status;
+        var searchKeyword = val_status.searchKeyword, filter = val_status.filter, order = val_status.order, paging = val_status.paging;
+        var MotherRows = __spreadArray([], __read(val_status.rows), false);
+        var KeywordFilterRows = __spreadArray([], __read(val_status.rows), false);
+        var FilterRows = __spreadArray([], __read(val_status.rows), false);
+        var PageRows = __spreadArray([], __read(val_status.rows), false);
+        if (searchKeyword) {
+            KeywordFilterRows = MotherRows.filter(function (row) {
+                if ((row.__sys4SearchKey || '').match(new RegExp(searchKeyword, 'i')))
+                    return 1;
+                return 0;
+            });
+            FilterRows = __spreadArray([], __read(KeywordFilterRows), false);
+            PageRows = __spreadArray([], __read(KeywordFilterRows), false);
+        }
+        if (filter.enabled) {
+            var _loop_2 = function (i) {
+                var enabled = filter.column[i];
+                var current = filter.current[i];
+                if (enabled && current && current.length) {
+                    FilterRows = FilterRows.filter(function (row) { return !current.includes(row[i].data); });
+                    PageRows = __spreadArray([], __read(FilterRows), false);
+                }
+            };
+            for (var i = 0; i < val_status.colLength; i++) {
+                _loop_2(i);
+            }
+        }
+        if (order.enabled) {
+            FilterRows = FilterRows.order({
+                direction: order.current[1],
+                keys: [
+                    order.current[0],
+                    'orderIndex'
+                ]
+            });
+            PageRows = __spreadArray([], __read(FilterRows), false);
+        }
+        {
+            var currentPageIndex = paging.currentPageIndex, rowLength = paging.rowLength;
+            PageRows = __spreadArray([], __read(PageRows), false).splice((currentPageIndex - 1) * rowLength, rowLength);
+        }
+        var tableObjectID = Components.__memoryID + '_' + val_status.tableID;
+        var useStatusOutput = {
+            tableComponentDidMount: true,
+            totalRows: MotherRows.length,
+            pageRows: PageRows.length,
+            filteredRows: FilterRows.length,
+            filter: val_status.filter,
+            order: val_status.order,
+            paging: val_status.paging,
+            searchKeyword: val_status.searchKeyword,
+        };
+        _global_1.useStore.update({
+            key: tableObjectID,
+            value: {
+                status: useStatusOutput,
+                updatePageIndex: function (index) {
+                    var Index = Math.min(Math.max(1, index), val_status.paging.pageLength);
+                    var newOptions = __assign({}, val_status);
+                    newOptions.paging.currentPageIndex = Index;
+                    set_status(newOptions);
+                },
+                updateRowLength: function (index) {
+                    var newOptions = __assign({}, val_status);
+                    newOptions.paging = {
+                        rowLength: index,
+                        currentPageIndex: 1,
+                        pageLength: Math.ceil(FilterRows.length / index)
+                    };
+                    set_status(newOptions);
+                },
+                updateKeyword: function (keyword) {
+                    $.interval.clear('InputSearchTime');
+                    $.interval.standBy('InputSearchTime', 200, function () {
+                        var newOptions = __assign({}, val_status);
+                        newOptions.searchKeyword = keyword;
+                        newOptions.paging.currentPageIndex = 1;
+                        newOptions.filter.current = newOptions.filter.current.map(function () { return []; });
+                        set_status(newOptions);
+                    });
+                },
+                getRowData: function () {
+                    var ReturnRows = __spreadArray([], __read(MotherRows), false);
+                    if (order.enabled) {
+                        ReturnRows = ReturnRows.order({
+                            direction: order.current[1],
+                            keys: [
+                                order.current[0],
+                                'orderIndex'
+                            ]
+                        });
+                    }
+                    ReturnRows.forEach(function (row) {
+                        row.currentPage = false;
+                        row.filtered = false;
+                        // row.checked = val_checked[ row.rowID! ];
+                    });
+                    PageRows.forEach(function (row) {
+                        var rowID = row.rowID;
+                        ReturnRows.find(function (row) { return row.rowID == rowID; }).currentPage = true;
+                    });
+                    FilterRows.forEach(function (row) {
+                        var rowID = row.rowID;
+                        ReturnRows.find(function (row) { return row.rowID == rowID; }).filtered = true;
+                    });
+                    return ReturnRows;
+                }
+            }
+        });
+        _global_1.React.useEffect(function () {
+            var Propagations = Components.Propagations[val_status.tableID] || [];
+            Object.keys(Propagations).forEach(function (key) {
+                var propagationObject = _global_1.useStore.get(key);
+                if (!(propagationObject === null || propagationObject === void 0 ? void 0 : propagationObject.refresh))
+                    return;
+                propagationObject.refresh();
+            });
+        });
+        return (_global_1.React.createElement(_global_1.React.Fragment, null,
+            _global_1.React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.TableBase },
+                _global_1.React.createElement(_1.Comps.Table, { className: style_module_scss_1.default.Table },
+                    _global_1.React.createElement(Components.Header, { val_status: val_status, set_status: set_status, KeywordFilterRows: KeywordFilterRows }),
+                    _global_1.React.createElement(Components.Body, { val_status: val_status, set_status: set_status, PageRows: PageRows })))));
+    },
+    Propagations: {},
+    DataLeveler: function (params) {
+        var _a, _b;
+        params.filter = (_a = params.filter) !== null && _a !== void 0 ? _a : false;
+        params.filter = Array.from({ length: params.colLength }).map(function (a, index) {
+            var _a;
+            if ($.is.boolean(params.filter)) {
+                return params.filter;
+            }
+            return (_a = params.filter[index]) !== null && _a !== void 0 ? _a : false;
+        });
+        params.order = (_b = params.order) !== null && _b !== void 0 ? _b : true;
+        params.order = Array.from({ length: params.colLength }).map(function (a, index) {
+            var _a;
+            if ($.is.boolean(params.order)) {
+                return params.order;
+            }
+            return (_a = params.order[index]) !== null && _a !== void 0 ? _a : true;
+        });
+        params = __assign({ checker: false, searchKeyword: '', filter: false, order: true, defaultOrder: [0, 'ASC'] }, params);
+        params.rows.forEach(function (row, rowIndex) {
+            row.rowID = JSON.stringify(row.rowID || rowIndex);
+            var __sys4SearchKey = [];
+            row.forEach(function (col, colIndex) {
+                var data = col.data, children = col.children, orderIndex = col.orderIndex;
+                col.orderIndex = $.is.exist(orderIndex) ? String(orderIndex) : String(data);
+                col.children = children || String(data);
+                __sys4SearchKey.push(String(col.data));
+            });
+            row.__sys4SearchKey = __sys4SearchKey.join('/;');
+        });
+        return (_global_1.React.createElement(Components.StateManager, __assign({ eventID: $.uuidGen() }, params)));
+    },
+    StateManager: function (params) {
+        var colLength = params.colLength, eventID = params.eventID, _a = params.checker, checker = _a === void 0 ? false : _a, _b = params.searchKeyword, searchKeyword = _b === void 0 ? '' : _b, filter = params.filter, order = params.order, _c = params.defaultOrder, defaultOrder = _c === void 0 ? [0, 'ASC'] : _c, _d = params.pageRowLength, pageRowLength = _d === void 0 ? 30 : _d;
+        var _e = __read(_global_1.React.useState($.uuidGen()), 1), val_componentID = _e[0];
+        var DefStatus = {
+            tableID: params.tableID || val_componentID,
+            componentID: val_componentID,
+            colLength: colLength,
+            checker: checker,
+            searchKeyword: searchKeyword,
+            filter: {
+                enabled: filter !== false,
+                column: filter,
+                current: Array.from({ length: colLength }, function () { return []; })
+            },
+            order: {
+                enabled: order !== false,
+                column: order,
+                current: defaultOrder
+            },
+            paging: {
+                rowLength: pageRowLength,
+                pageLength: Math.ceil(params.rows.length / pageRowLength),
+                currentPageIndex: 1
+            },
+            head: params.head,
+            rows: params.rows,
+            noRecords: params.noRecords,
+            cellStyles: params.cellStyles || {},
+            cellClassName: params.cellClassName || '',
+            cellStylesCallback: params.cellStylesCallback,
+            onRowClick: params.onRowClick,
+        };
+        var _f = __read(_global_1.React.useState(DefStatus), 2), val_status = _f[0], set_status = _f[1];
+        var _g = __read(_global_1.React.useState(params.eventID), 2), val_eventID = _g[0], set_eventID = _g[1];
+        if (val_eventID != params.eventID) {
+            set_eventID(params.eventID);
+            set_status(DefStatus);
+        }
+        return (_global_1.React.createElement(Components.Core, { val_status: val_status, set_status: set_status }));
+    }
+};
+exports.DataFNs = {
+    __memoryID: Components.__memoryID,
+    useStatus: function (tableID) {
+        var _a;
+        var _b = __read(_global_1.React.useState($.uuidGen()), 1), val_statusID = _b[0];
+        var _c = __read(_global_1.React.useState($.uuidGen()), 2), val_refresh = _c[0], set_refresh = _c[1];
+        var tableObjectID = Components.__memoryID + '_' + tableID;
+        _global_1.React.useEffect(function () {
+            var _a;
+            Components.Propagations[tableID] = __assign(__assign({}, Components.Propagations[tableID]), (_a = {}, _a[val_statusID] = 1, _a));
+            _global_1.useStore.set({
+                key: val_statusID,
+                value: {
+                    refresh: function () {
+                        set_refresh($.uuidGen());
+                    }
+                }
+            });
+            return function () {
+                delete Components.Propagations[tableID][val_statusID];
+            };
+        }, []);
+        return ((_a = _global_1.useStore.get(tableObjectID)) === null || _a === void 0 ? void 0 : _a.status) || {
+            tableComponentDidMount: false
+        };
+    },
+    getRowData: function (tableID) {
+        var tableObject = _global_1.useStore.get(Components.__memoryID + '_' + tableID);
+        if (!(tableObject === null || tableObject === void 0 ? void 0 : tableObject.getRowData))
+            return;
+        return tableObject.getRowData();
+    },
+    setPageIndex: function (tableID, pageIndex) {
+        var tableObject = _global_1.useStore.get(Components.__memoryID + '_' + tableID);
+        if (!(tableObject === null || tableObject === void 0 ? void 0 : tableObject.updatePageIndex))
+            return;
+        tableObject.updatePageIndex(pageIndex);
+    },
+    setRowLength: function (tableID, rowLength) {
+        var tableObject = _global_1.useStore.get(Components.__memoryID + '_' + tableID);
+        if (!(tableObject === null || tableObject === void 0 ? void 0 : tableObject.updateRowLength))
+            return;
+        tableObject.updateRowLength(rowLength);
+    },
+    setSearchKeyword: function (tableID, keyword) {
+        var tableObject = _global_1.useStore.get(Components.__memoryID + '_' + tableID);
+        if (!(tableObject === null || tableObject === void 0 ? void 0 : tableObject.updateKeyword))
+            return;
+        tableObject.updateKeyword(keyword);
+    },
+};
+exports.DataComps = {
+    SearchInput: function (params) {
+        var status = exports.DataFNs.useStatus(params.tableID);
+        if (!status.tableComponentDidMount)
+            return (null);
+        return (_global_1.React.createElement(_functions_1.Input.Text.Normal, { placeholder: '\u691C\u7D22...', clearButton: true, padding: '2/3', paddingRight: 3, rightIcon: _global_1.React.createElement(_functions_1.Input.Comps.RightIcon, { fontColor: '5.translucent', right: '2/3' },
+                _global_1.React.createElement(_atoms_1.FAIcon.Search, null)), override: 'force', value: status.searchKeyword, onUpdateValidValue: function (_a) {
+                var value = _a.value;
+                exports.DataFNs.setSearchKeyword(params.tableID, value);
+            } }));
+    },
+    Info: function (params) {
+        var status = exports.DataFNs.useStatus(params.tableID);
+        if (!status.tableComponentDidMount)
+            return (null);
+        var Ratio = status.filteredRows.ratio(status.totalRows) || 0;
+        return (_global_1.React.createElement(_atoms_1.Flex, { verticalAlign: 'baseline', gap: '1/2', fontSize: '1.mini', fontColor: '3.blur' },
+            _global_1.React.createElement(_atoms_1.Span, { fontSize: '4.thirdTitle', fontColor: 'theme' }, status.filteredRows.toLocaleString()),
+            "/ ",
+            status.totalRows.toLocaleString(),
+            "\u4EF6 (",
+            Ratio,
+            "%)"));
+    },
+    Paging: function (params) {
+        var status = exports.DataFNs.useStatus(params.tableID);
+        if (!status.tableComponentDidMount)
+            return (null);
+        var PageSelect = [];
+        for (var index = 0; index < status.paging.pageLength; index++) {
+            PageSelect.push({ value: index + 1, label: (index + 1).toString() });
+        }
+        return (_global_1.React.createElement(_mols_1.Row.Center, null,
+            _global_1.React.createElement(_mols_1.Row.Center, { gap: '1/2' },
+                "\u30DA\u30FC\u30B8 :",
+                _global_1.React.createElement(_functions_1.Input.Select, { enableUnSelected: false, padding: ['1/3', '2/3'], rightIcon: false, placeholder: '', override: 'force', value: status.paging.currentPageIndex, options: PageSelect, onUpdateValidValue: function (_a) {
+                        var value = _a.value;
+                        exports.DataFNs.setPageIndex(params.tableID, value);
+                    } }),
+                "/ ",
+                status.paging.pageLength),
+            _global_1.React.createElement(_mols_1.Row.Right, { gap: '1/2' },
+                _global_1.React.createElement(_functions_1.Buttons.Button.Sub.R, { ssSphere: 3, onClick: function () {
+                        if (status.paging.currentPageIndex == 1) {
+                            exports.DataFNs.setPageIndex(params.tableID, status.paging.pageLength);
+                            return;
+                        }
+                        exports.DataFNs.setPageIndex(params.tableID, status.paging.currentPageIndex - 1);
+                    } },
+                    _global_1.React.createElement(_atoms_1.FAIcon.ChevronLeft, null)),
+                _global_1.React.createElement(_functions_1.Buttons.Button.Sub.R, { ssSphere: 3, onClick: function () {
+                        if (status.paging.currentPageIndex == status.paging.pageLength) {
+                            exports.DataFNs.setPageIndex(params.tableID, 1);
+                            return;
+                        }
+                        exports.DataFNs.setPageIndex(params.tableID, status.paging.currentPageIndex + 1);
+                    } },
+                    _global_1.React.createElement(_atoms_1.FAIcon.ChevronRight, null)))));
+    },
+    RowLength: function (params) {
+        var status = exports.DataFNs.useStatus(params.tableID);
+        if (!status.tableComponentDidMount)
+            return (null);
+        var currentLength = status.paging.rowLength;
+        var ExistCurrentLength = 0;
+        var LengthList = params.lengthSelect.map(function (l) {
+            ExistCurrentLength |= Number(l == currentLength);
+            return { value: l, label: l.toString() };
+        });
+        if (!ExistCurrentLength) {
+            LengthList.push({ value: currentLength, label: currentLength.toString() });
+        }
+        LengthList = LengthList.order({
+            direction: 'ASC',
+            keys: ['value'],
+        });
+        return (_global_1.React.createElement(_mols_1.Row.Center, { gap: '1/2' },
+            "\u4EF6\u6570 :",
+            _global_1.React.createElement(_functions_1.Input.Select, { enableUnSelected: false, rightIcon: false, placeholder: '\u9078\u629E', override: 'force', padding: ['1/3', '2/3'], value: status.paging.rowLength, options: LengthList, onUpdateValidValue: function (_a) {
+                    var value = _a.value;
+                    exports.DataFNs.setRowLength(params.tableID, value);
+                } })));
+    },
+};
+var DataTable = function (params) { return (_global_1.React.createElement(Components.DataLeveler, __assign({}, params))); };
+exports.DataTable = DataTable;

package/dist/@comps/Functions/Table/Drag/parts.d.ts

@@ -0,0 +1 @@
+export declare const DragTable: FNC<amotify.fn.Tables.Drag.Params>;