amotify 0.0.6 → 0.0.8

package/dist/Functions/SnackBar/parts.js

@@ -51,20 +51,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SnackBar = void 0;
-var _global_1 = require("../../Global/@export");
-var _atoms_1 = require("../../Atoms/@export");
-var _mols_1 = require("../../Molecules/@export");
-var _functions_1 = require("../@export");
+var _export_1 = require("../../Global/@export");
+var _export_2 = require("../../Atoms/@export");
+var _export_3 = require("../../Molecules/@export");
+var _export_4 = require("../../Functions/@export");
 var useEffect = React.useEffect, useState = React.useState;
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var SnackBar = {
     __memoryID: $.uuidGen(),
     add: function (params) {
-        _global_1.useStore.get('SnackBar', this.__memoryID).add(params);
+        _export_1.useStore.get('SnackBar', this.__memoryID).add(params);
         return this;
     },
     remove: function (val_componentID) {
-        _global_1.useStore.get('SnackBar', this.__memoryID).remove(val_componentID);
+        _export_1.useStore.get('SnackBar', this.__memoryID).remove(val_componentID);
         return this;
     }
 };
@@ -78,7 +78,7 @@ var Cell = function (props) {
         setTimeout(function () {
             $(Query).addClass(style_module_scss_1.default.FadeIn);
         }, 10);
-        _global_1.useStore.set({
+        _export_1.useStore.set({
             key: 'SnackBar-' + snackID,
             value: {
                 remove: function () {
@@ -105,14 +105,14 @@ var Cell = function (props) {
             } });
     }
     else {
-        Content = React.createElement(_mols_1.Row.Separate, { verticalAlign: 'top' },
-            React.createElement(_atoms_1.Box, { padding: ['1/4', 0], flexSizing: 0 }, $.is.function(Children) ? React.createElement(Children, null) : Children),
-            React.createElement(_functions_1.Buttons.Button.Clear.R, { color: 'layer', backgroundColor: 'lcOpLow', ssSphere: 2.5, onClick: function () {
+        Content = React.createElement(_export_3.Row.Separate, { verticalAlign: 'top' },
+            React.createElement(_export_2.Box, { padding: ['1/4', 0], flexSizing: 0 }, $.is.function(Children) ? React.createElement(Children, null) : Children),
+            React.createElement(_export_4.Buttons.Button.Clear.R, { color: 'layer', backgroundColor: 'lcOpLow', ssSphere: 2.5, onClick: function () {
                     SnackBar.remove(snackID);
                 } },
-                React.createElement(_atoms_1.FAIcon.Times, null)));
+                React.createElement(_export_2.FAIcon.Times, null)));
     }
-    return React.createElement(_atoms_1.Box, __assign({ className: style_module_scss_1.default.Cell, opacity: 'trans', width: 1, padding: '2/3', marginBottom: 1, borderRadius: '1.tone.primary', fontColor: 'white', boxShadow: 2, backgroundColor: 'dark', transition: 'middle', componentID: val_componentID, onMouseOver: function () {
+    return React.createElement(_export_2.Box, __assign({ className: style_module_scss_1.default.Cell, opacity: 'trans', width: 1, padding: '2/3', marginBottom: 1, borderRadius: '1.tone.primary', fontColor: 'white', boxShadow: 2, backgroundColor: 'dark', transition: 'middle', componentID: val_componentID, onMouseOver: function () {
             set_mouseOn(true);
         }, onMouseOut: function () {
             set_mouseOn(false);
@@ -122,7 +122,7 @@ var SnackBarElements = [];
 var SnackBarsWrap = function () {
     var _a = __read(useState($.uuidGen()), 2), val_refresh = _a[0], set_refresh = _a[1];
     useEffect(function () {
-        _global_1.useStore.set({
+        _export_1.useStore.set({
             key: 'SnackBar',
             privateKey: SnackBar.__memoryID,
             value: {
@@ -140,7 +140,7 @@ var SnackBarsWrap = function () {
                     set_refresh($.uuidGen());
                 },
                 remove: function (snackID) {
-                    var component = _global_1.useStore.get('SnackBar-' + snackID);
+                    var component = _export_1.useStore.get('SnackBar-' + snackID);
                     if (component && component.remove) {
                         component.remove();
                         setTimeout(function () {
@@ -158,13 +158,13 @@ var SnackBarsWrap = function () {
         });
     }, []);
     var SnackBars = SnackBarElements.map(function (el) { return (React.createElement(Cell, __assign({}, el, { key: el.snackID }))); });
-    return (React.createElement(_atoms_1.Flex, { className: style_module_scss_1.default.SnackBarsWrap, position: 'fixed', right: 0, bottom: 0, paddingLeft: 0, paddingRight: 1, paddingBottom: 'safeAreaBottom', verticalAlign: 'bottom', children: SnackBars, overflow: 'auto', UnderBreakPointStyles: {
+    return (React.createElement(_export_2.Flex, { className: style_module_scss_1.default.SnackBarsWrap, position: 'fixed', right: 0, bottom: 0, paddingLeft: 0, paddingRight: 1, paddingBottom: 'safeAreaBottom', verticalAlign: 'bottom', children: SnackBars, overflow: 'auto', UnderBreakPointStyles: {
             left: 0,
             paddingLeft: 1,
             width: 'auto'
         } }));
 };
-(0, _global_1.LaunchReactApplication)({
+(0, _export_1.LaunchReactApplication)({
     baseElement: '#SNACKBARS',
     reactElement: React.createElement(SnackBarsWrap, null),
     nonRouter: true

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

@@ -51,10 +51,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataTable = exports.DataComps = exports.DataFNs = void 0;
-var _global_1 = require("../../../Global/@export");
-var _atoms_1 = require("../../../Atoms/@export");
-var _mols_1 = require("../../../Molecules/@export");
-var _functions_1 = require("../../@export");
+var _export_1 = require("../../../Global/@export");
+var _export_2 = require("../../../Atoms/@export");
+var _export_3 = require("../../../Molecules/@export");
+var _export_4 = require("../../../Functions/@export");
 var style_module_scss_1 = __importDefault(require("../style.module.scss"));
 var _1 = require("../_");
 var Components = {
@@ -66,7 +66,7 @@ var Components = {
         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)({
+            Cols.push(_export_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,
@@ -86,8 +86,8 @@ var Components = {
                 ].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) {
+                _export_1.React.createElement(_export_2.Box, { flexCenter: true },
+                    _export_1.React.createElement(_export_4.Input.Checker, { label: null, value: false, onUpdateValidValue: function (_a) {
                             var value = _a.value;
                             var newRows = val_status.rows;
                             newRows.forEach(function (rows) {
@@ -103,10 +103,10 @@ var Components = {
             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
+            var OrderButton = orderable ? _export_1.React.createElement(_export_2.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);
+            var FilterButton = _export_1.React.createElement(_export_1.React.Fragment, null);
             if (filterable) {
                 var ColumnDatas_1 = KeywordFilterRows.map(function (row) {
                     var _a;
@@ -124,7 +124,7 @@ var Components = {
                             return;
                         SelectList_1.push({
                             value: data,
-                            label: _global_1.React.createElement(_atoms_1.Box, { flexSizing: 'auto' }, data)
+                            label: _export_1.React.createElement(_export_2.Box, { flexSizing: 'auto' }, data)
                         });
                     });
                     var FilterModaButtonID = 'BUTTON-' + val_status.componentID + '-' + colIndex;
@@ -134,14 +134,14 @@ var Components = {
                         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: {
+                        content: _export_1.React.createElement(_export_2.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: {
+                            _export_1.React.createElement(_export_3.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: {
+                                _export_1.React.createElement(_export_4.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) {
@@ -151,11 +151,11 @@ var Components = {
                                         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);
+                            _export_1.React.createElement(_export_3.Row.Separate, { gap: '2/3', padding: '2/3', horizontalAlign: 'right' },
+                                _export_1.React.createElement(_export_4.Buttons.Button.Border.S, { isRounded: true, onClick: function () {
+                                        _export_4.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 () {
+                                _export_1.React.createElement(_export_4.Buttons.Button.Prime.S, { color: 'theme', isRounded: true, ssEffectsOnActive: 'shrink', onClick: function () {
                                         var newFilterList = [];
                                         if (!filterList_1.length)
                                             newFilterList = ColumnDatas_1;
@@ -164,11 +164,11 @@ var Components = {
                                         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) {
+                    _export_4.Sheet.refresh(SheetParams_1, true);
+                    FilterButton = _export_1.React.createElement(_export_2.Box, { className: style_module_scss_1.default.FilterRegion },
+                        _export_1.React.createElement(_export_4.Buttons.Button.Sub.S, { ssSphere: 2.5, fontSize: '1.mini', className: style_module_scss_1.default['Filtering_' + !!filterList_1.length], id: FilterModaButtonID, children: _export_1.React.createElement(_export_2.FAIcon, { d: 'bars-filter' }), onClick: function (event) {
                                 event.stopPropagation();
-                                _functions_1.Sheet.open(SheetParams_1);
+                                _export_4.Sheet.open(SheetParams_1);
                             } }));
                 }
             }
@@ -191,23 +191,23 @@ var Components = {
                     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) {
+            Cols.push(_export_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 },
+                _export_1.React.createElement(_export_2.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' },
+                    _export_1.React.createElement(_export_2.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 }));
+        return (_export_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;
@@ -216,7 +216,7 @@ var Components = {
             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)({
+                Cols.push(_export_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,
@@ -234,8 +234,8 @@ var Components = {
                         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) {
+                    _export_1.React.createElement(_export_2.Box, { flexCenter: true },
+                        _export_1.React.createElement(_export_4.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;
@@ -266,29 +266,29 @@ var Components = {
                         Params.className
                     ].join(' ') });
                 var Cell = _1.Comps[type == 'td' ? 'TD' : 'TH'];
-                Cols.push(_global_1.React.createElement(Cell, __assign({ key: colIndex }, Params)));
+                Cols.push(_export_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) {
+            BodyRows.push(_export_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: {
+            var Content = _export_1.React.createElement(_export_2.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);
+                Content = _export_1.React.createElement(_export_1.React.Fragment, null, val_status.noRecords);
             }
-            BodyRows.push(_global_1.React.createElement(_1.Comps.Row, { key: 'dataNotFound', className: [
+            BodyRows.push(_export_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)));
+                _export_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));
+        return (_export_1.React.createElement(_export_1.React.Fragment, null, BodyRows));
     },
     Core: function (params) {
         var val_status = params.val_status, set_status = params.set_status;
@@ -344,7 +344,7 @@ var Components = {
             paging: val_status.paging,
             searchKeyword: val_status.searchKeyword,
         };
-        _global_1.useStore.update({
+        _export_1.useStore.update({
             key: tableObjectID,
             value: {
                 status: useStatusOutput,
@@ -401,20 +401,20 @@ var Components = {
                 }
             }
         });
-        _global_1.React.useEffect(function () {
+        _export_1.React.useEffect(function () {
             var Propagations = Components.Propagations[val_status.tableID] || [];
             Object.keys(Propagations).forEach(function (key) {
-                var propagationObject = _global_1.useStore.get(key);
+                var propagationObject = _export_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 })))));
+        return (_export_1.React.createElement(_export_1.React.Fragment, null,
+            _export_1.React.createElement(_export_2.Box, { className: style_module_scss_1.default.TableBase },
+                _export_1.React.createElement(_1.Comps.Table, { className: style_module_scss_1.default.Table },
+                    _export_1.React.createElement(Components.Header, { val_status: val_status, set_status: set_status, KeywordFilterRows: KeywordFilterRows }),
+                    _export_1.React.createElement(Components.Body, { val_status: val_status, set_status: set_status, PageRows: PageRows })))));
     },
     Propagations: {},
     DataLeveler: function (params) {
@@ -447,11 +447,11 @@ var Components = {
             });
             row.__sys4SearchKey = __sys4SearchKey.join('/;');
         });
-        return (_global_1.React.createElement(Components.StateManager, __assign({ eventID: $.uuidGen() }, params)));
+        return (_export_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 _e = __read(_export_1.React.useState($.uuidGen()), 1), val_componentID = _e[0];
         var DefStatus = {
             tableID: params.tableID || val_componentID,
             componentID: val_componentID,
@@ -481,26 +481,26 @@ var Components = {
             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];
+        var _f = __read(_export_1.React.useState(DefStatus), 2), val_status = _f[0], set_status = _f[1];
+        var _g = __read(_export_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 }));
+        return (_export_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 _b = __read(_export_1.React.useState($.uuidGen()), 1), val_statusID = _b[0];
+        var _c = __read(_export_1.React.useState($.uuidGen()), 2), val_refresh = _c[0], set_refresh = _c[1];
         var tableObjectID = Components.__memoryID + '_' + tableID;
-        _global_1.React.useEffect(function () {
+        _export_1.React.useEffect(function () {
             var _a;
             Components.Propagations[tableID] = __assign(__assign({}, Components.Propagations[tableID]), (_a = {}, _a[val_statusID] = 1, _a));
-            _global_1.useStore.set({
+            _export_1.useStore.set({
                 key: val_statusID,
                 value: {
                     refresh: function () {
@@ -512,30 +512,30 @@ exports.DataFNs = {
                 delete Components.Propagations[tableID][val_statusID];
             };
         }, []);
-        return ((_a = _global_1.useStore.get(tableObjectID)) === null || _a === void 0 ? void 0 : _a.status) || {
+        return ((_a = _export_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);
+        var tableObject = _export_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);
+        var tableObject = _export_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);
+        var tableObject = _export_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);
+        var tableObject = _export_1.useStore.get(Components.__memoryID + '_' + tableID);
         if (!(tableObject === null || tableObject === void 0 ? void 0 : tableObject.updateKeyword))
             return;
         tableObject.updateKeyword(keyword);
@@ -546,8 +546,8 @@ exports.DataComps = {
         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) {
+        return (_export_1.React.createElement(_export_4.Input.Text.Normal, { placeholder: '\u691C\u7D22...', clearButton: true, padding: '2/3', paddingRight: 3, rightIcon: _export_1.React.createElement(_export_4.Input.Comps.RightIcon, { fontColor: '5.translucent', right: '2/3' },
+                _export_1.React.createElement(_export_2.FAIcon.Search, null)), override: 'force', value: status.searchKeyword, onUpdateValidValue: function (_a) {
                 var value = _a.value;
                 exports.DataFNs.setSearchKeyword(params.tableID, value);
             } }));
@@ -557,8 +557,8 @@ exports.DataComps = {
         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()),
+        return (_export_1.React.createElement(_export_2.Flex, { verticalAlign: 'baseline', gap: '1/2', fontSize: '1.mini', fontColor: '3.blur' },
+            _export_1.React.createElement(_export_2.Span, { fontSize: '4.thirdTitle', fontColor: 'theme' }, status.filteredRows.toLocaleString()),
             "/ ",
             status.totalRows.toLocaleString(),
             "\u4EF6 (",
@@ -573,32 +573,32 @@ exports.DataComps = {
         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' },
+        return (_export_1.React.createElement(_export_3.Row.Center, null,
+            _export_1.React.createElement(_export_3.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) {
+                _export_1.React.createElement(_export_4.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 () {
+            _export_1.React.createElement(_export_3.Row.Right, { gap: '1/2' },
+                _export_1.React.createElement(_export_4.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 () {
+                    _export_1.React.createElement(_export_2.FAIcon.ChevronLeft, null)),
+                _export_1.React.createElement(_export_4.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)))));
+                    _export_1.React.createElement(_export_2.FAIcon.ChevronRight, null)))));
     },
     RowLength: function (params) {
         var status = exports.DataFNs.useStatus(params.tableID);
@@ -617,13 +617,13 @@ exports.DataComps = {
             direction: 'ASC',
             keys: ['value'],
         });
-        return (_global_1.React.createElement(_mols_1.Row.Center, { gap: '1/2' },
+        return (_export_1.React.createElement(_export_3.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) {
+            _export_1.React.createElement(_export_4.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))); };
+var DataTable = function (params) { return (_export_1.React.createElement(Components.DataLeveler, __assign({}, params))); };
 exports.DataTable = DataTable;

package/dist/Functions/Table/Drag/parts.js

@@ -76,9 +76,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DragTable = void 0;
-var _global_1 = require("../../../Global/@export");
-var _atoms_1 = require("../../../Atoms/@export");
-var _functions_1 = require("../../@export");
+var _export_1 = require("../../../Global/@export");
+var _export_2 = require("../../../Atoms/@export");
+var _export_3 = require("../../../Functions/@export");
 var useState = React.useState, useEffect = React.useEffect;
 var _1 = require("../_");
 var style_module_scss_1 = __importDefault(require("../style.module.scss"));
@@ -143,7 +143,7 @@ var BodyRows = function (props) {
                     style_module_scss_1.default.Draggable,
                     cellClassName
                 ].join(' ') }),
-                React.createElement(_functions_1.Buttons.Button.Clear.R, { className: style_module_scss_1.default.DragableButton, fontColor: '5.translucent', fontSize: '3.paragraph', margin: 'auto', tabIndex: -1, ssSphere: 3, onMouseDown: function (event) {
+                React.createElement(_export_3.Buttons.Button.Clear.R, { className: style_module_scss_1.default.DragableButton, fontColor: '5.translucent', fontSize: '3.paragraph', margin: 'auto', tabIndex: -1, ssSphere: 3, onMouseDown: function (event) {
                         EffectStart(event, {
                             id: val_componentID,
                             index: rowIndex,
@@ -158,7 +158,7 @@ var BodyRows = function (props) {
                             maxLength: rows.length
                         });
                     } },
-                    React.createElement(_atoms_1.FAIcon, { d: 'grip-dots-vertical' }))));
+                    React.createElement(_export_2.FAIcon, { d: 'grip-dots-vertical' }))));
         }
         cols.forEach(function (col, colIndex) {
             col = __assign({}, col);
@@ -193,7 +193,7 @@ var BodyRows = function (props) {
                 style_module_scss_1.default.Draggable,
                 cellClassName
             ].join(' ') },
-            React.createElement(_atoms_1.FAIcon.ArrowRight, { fontColor: 'theme' })));
+            React.createElement(_export_2.FAIcon.ArrowRight, { fontColor: 'theme' })));
         var cols = val_info.rows[origin_1];
         cols.forEach(function (col, colIndex) {
             col = __assign({}, col);
@@ -221,7 +221,7 @@ var BodyRows = function (props) {
         BodyRows.splice(to, 0, React.createElement(_1.Comps.Row, { key: 'preSet', className: [style_module_scss_1.default.Row, style_module_scss_1.default.Pre].join(' '), children: Cols_1 }));
     }
     useEffect(function () {
-        _global_1.useStore.set({
+        _export_1.useStore.set({
             key: val_componentID,
             value: {
                 swap: function (rowIndex, insertIndex) {
@@ -251,7 +251,7 @@ var BodyRows = function (props) {
     });
     useEffect(function () {
         return function () {
-            _global_1.useStore.delete(val_componentID);
+            _export_1.useStore.delete(val_componentID);
         };
     }, []);
     return (React.createElement(React.Fragment, null, BodyRows));
@@ -261,16 +261,16 @@ var DragTable = function (params) {
     if (params.head) {
         params.head = __spreadArray([
             {
-                children: React.createElement(_functions_1.Buttons.Button.Plain, { ssSphere: 3, fontSize: '3.paragraph', fontColor: 'theme', onMouseOver: function (event) {
-                        _functions_1.Tooltips.open({
+                children: React.createElement(_export_3.Buttons.Button.Plain, { ssSphere: 3, fontSize: '3.paragraph', fontColor: 'theme', onMouseOver: function (event) {
+                        _export_3.Tooltips.open({
                             parent: event.currentTarget,
                             padding: [0, 1],
-                            content: React.createElement(_functions_1.Tooltips.Comps.Body, null,
-                                React.createElement(_atoms_1.FAIcon, { d: 'grip-dots-vertical' }),
+                            content: React.createElement(_export_3.Tooltips.Comps.Body, null,
+                                React.createElement(_export_2.FAIcon, { d: 'grip-dots-vertical' }),
                                 "\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4")
                         });
                     } },
-                    React.createElement(_atoms_1.FAIcon.QuestionCircle, null)),
+                    React.createElement(_export_2.FAIcon.QuestionCircle, null)),
                 padding: [0, 1],
                 unitWidth: 4
             }
@@ -338,7 +338,7 @@ var EffectMove = function (event, info) {
     }
     {
         var index = info.index, insertIndex = info.insertIndex;
-        var component = _global_1.useStore.get(id);
+        var component = _export_1.useStore.get(id);
         if (component && component.preSet)
             component.preSet({
                 origin: index,
@@ -351,7 +351,7 @@ var EffectMove = function (event, info) {
 };
 var EffectEnd = function (event, info) {
     var id = info.id, index = info.index, insertIndex = info.insertIndex;
-    var component = _global_1.useStore.get(id);
+    var component = _export_1.useStore.get(id);
     if (component && component.swap)
         component.swap(index, insertIndex);
     $('#TableRow-' + id + '-' + index).removeClass(style_module_scss_1.default.DraggerOrigin);

package/dist/Functions/Table/_.js

@@ -42,20 +42,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DefaultCellSystemStyles = exports.DefaultCellStyles = exports.Table = exports.Comps = void 0;
-var _global_1 = require("../../Global/@export");
-var _atoms_1 = require("../../Atoms/@export");
+var _export_1 = require("../../Global/@export");
+var _export_2 = require("../../Atoms/@export");
 exports.Comps = {
-    Table: function (params) { return (React.createElement("table", __assign({}, _global_1.StyleConverter.ToClassName(params)))); },
-    Head: function (params) { return (React.createElement("thead", __assign({}, _global_1.StyleConverter.ToClassName(params)))); },
-    Body: function (params) { return (React.createElement("tbody", __assign({}, _global_1.StyleConverter.ToClassName(params)))); },
-    Row: function (params) { return (React.createElement("tr", __assign({}, _global_1.StyleConverter.ToClassName(params)))); },
-    TH: function (params) { return (React.createElement("th", __assign({}, _global_1.StyleConverter.ToClassName(params)))); },
-    TD: function (params) { return (React.createElement("td", __assign({}, _global_1.StyleConverter.ToClassName(params)))); },
+    Table: function (params) { return (React.createElement("table", __assign({}, _export_1.StyleConverter.ToClassName(params)))); },
+    Head: function (params) { return (React.createElement("thead", __assign({}, _export_1.StyleConverter.ToClassName(params)))); },
+    Body: function (params) { return (React.createElement("tbody", __assign({}, _export_1.StyleConverter.ToClassName(params)))); },
+    Row: function (params) { return (React.createElement("tr", __assign({}, _export_1.StyleConverter.ToClassName(params)))); },
+    TH: function (params) { return (React.createElement("th", __assign({}, _export_1.StyleConverter.ToClassName(params)))); },
+    TD: function (params) { return (React.createElement("td", __assign({}, _export_1.StyleConverter.ToClassName(params)))); },
     RightIndicator: {
         type: 'td',
         unitWidth: 4,
         // data: '',
-        children: React.createElement(_atoms_1.FAIcon.AngleRight, { fontColor: 'theme', fontSize: '4.thirdTitle' })
+        children: React.createElement(_export_2.FAIcon.AngleRight, { fontColor: 'theme', fontSize: '4.thirdTitle' })
     }
 };
 var parts_1 = require("./Normal/parts");
@@ -78,7 +78,7 @@ var Wrapper = function (params) {
         backgroundColor: '1.layer.base',
         borderRadius: '1.tone.primary',
     } : {}), params), { cellStyles: __assign(__assign({ padding: '3/4', backgroundColor: '1.layer.base', transition: 'short', textAlign: 'center' }, (0, exports.DefaultCellStyles)(type, tone)), params.cellStyles), tone: tone });
-    var _a = _global_1.StyleConverter.ToClassName(Params), className = _a.className, freeCSS = _a.style, others = __rest(_a, ["className", "style"]);
+    var _a = _export_1.StyleConverter.ToClassName(Params), className = _a.className, freeCSS = _a.style, others = __rest(_a, ["className", "style"]);
     var ClassName = [
         className,
         style_module_scss_1.default.Wrap,
@@ -91,7 +91,7 @@ var Wrapper = function (params) {
         'drag': parts_3.DragTable,
         'spread': ''
     }[type];
-    return (React.createElement(_atoms_1.Box, { className: ClassName, style: freeCSS },
+    return (React.createElement(_export_2.Box, { className: ClassName, style: freeCSS },
         React.createElement(TableComponent, __assign({}, others))));
 };
 var DataComponent = function (props) { return (React.createElement(Wrapper, __assign({ type: 'data' }, props))); };