phx-react 1.3.1299 → 1.3.1300
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/MainWrapV4/components/side-bar.js +19 -7
- package/dist/cjs/components/MainWrapV4/components/side-bar.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/side-bar.js +19 -7
- package/dist/esm/components/MainWrapV4/components/side-bar.js.map +1 -1
- package/package.json +1 -1
|
@@ -15,6 +15,17 @@ function SideBarDesktop(_a) {
|
|
|
15
15
|
noPined: [],
|
|
16
16
|
}), menu = _b[0], setMenu = _b[1];
|
|
17
17
|
var _c = (0, react_1.useState)(0), totalItem = _c[0], setTotalItem = _c[1];
|
|
18
|
+
var visibleMenus = menu.pined.slice(0, totalItem);
|
|
19
|
+
var isActiveMenuVisible = visibleMenus.some(function (item) { return item.code === currentMenuCode; });
|
|
20
|
+
// Nếu active menu chưa được hiển thị ra ngoài thì luôn đưa nó xuống cuối
|
|
21
|
+
if (!isActiveMenuVisible) {
|
|
22
|
+
var activeMenu = menu.pined.find(function (item) { return item.code === currentMenuCode; });
|
|
23
|
+
// totalItem - 1 để chừa 1 vị trí cuối cùng cho phần tử được active
|
|
24
|
+
visibleMenus = menu.pined.slice(0, totalItem - 1);
|
|
25
|
+
if (activeMenu) {
|
|
26
|
+
visibleMenus.push(activeMenu);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
18
29
|
var saveToLocalStorage = function (data) {
|
|
19
30
|
localStorage.setItem(constant_1.LOCALSTORAGE_MENU_PINED_KEY, JSON.stringify(data));
|
|
20
31
|
};
|
|
@@ -115,11 +126,12 @@ function SideBarDesktop(_a) {
|
|
|
115
126
|
var _a;
|
|
116
127
|
var handler = function () {
|
|
117
128
|
var _a;
|
|
118
|
-
var itemHeight =
|
|
119
|
-
var windowHeight = ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || 0;
|
|
129
|
+
var itemHeight = 60;
|
|
130
|
+
var windowHeight = ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || 0 - 66; // 66 là các phần margin và padding của sidebar
|
|
120
131
|
var nextTotalItem = Math.ceil(windowHeight / itemHeight);
|
|
121
|
-
if (nextTotalItem !== totalItem)
|
|
122
|
-
setTotalItem(nextTotalItem -
|
|
132
|
+
if (nextTotalItem !== totalItem) {
|
|
133
|
+
setTotalItem(nextTotalItem - (showSubMenu ? 6 : 7));
|
|
134
|
+
}
|
|
123
135
|
};
|
|
124
136
|
// Log ngay khi component mount
|
|
125
137
|
handler();
|
|
@@ -128,12 +140,12 @@ function SideBarDesktop(_a) {
|
|
|
128
140
|
var _a;
|
|
129
141
|
(_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.removeEventListener('resize', handler);
|
|
130
142
|
};
|
|
131
|
-
}, []);
|
|
132
|
-
return (react_1.default.createElement("div", { "aria-hidden": true, className: "relative z-30 m-1.5 mt-[3rem] hidden
|
|
143
|
+
}, [showSubMenu]);
|
|
144
|
+
return (react_1.default.createElement("div", { "aria-hidden": true, className: "relative z-30 m-1.5 mt-[3rem] hidden h-[calc(100vh-3.75rem)] w-14 flex-col items-center rounded-2xl !bg-black transition-all duration-150 lg:fixed lg:inset-y-0 lg:flex ".concat(showSubMenu ? ' pt-3' : 'pt-16') },
|
|
133
145
|
react_1.default.createElement("button", { className: "group absolute top-4 mb-4 border-b border-gray-600 pb-4 ".concat(showSubMenu ? 'hidden' : ''), onClick: function () { return setShowSubMenu(true); }, type: 'button' },
|
|
134
146
|
react_1.default.createElement("div", { className: 'absolute -top-1 h-7 w-7 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[16px]' }),
|
|
135
147
|
react_1.default.createElement(image_1.default, { alt: 'icon', height: 14, quality: 100, src: Icon_1.IconV2.SHOW_SIDEBAR, width: 14 })),
|
|
136
|
-
|
|
148
|
+
visibleMenus.map(function (item, index) {
|
|
137
149
|
var isActive = !!(item === null || item === void 0 ? void 0 : item.current);
|
|
138
150
|
return (react_1.default.createElement(react_1.default.Fragment, { key: item.code }, enablePer(item.code, dataInitMain.perCode) && (react_1.default.createElement(nav_item_1.default, { bgActiveColor: constant_1.MENU_ACTIVE_COLORS[index % constant_1.MENU_ACTIVE_COLORS.length], child: item.child,
|
|
139
151
|
// @ts-ignore
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-bar.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/side-bar.tsx"],"names":[],"mappings":";;AASA,
|
|
1
|
+
{"version":3,"file":"side-bar.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/side-bar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,17 @@ export default function SideBarDesktop(_a) {
|
|
|
12
12
|
noPined: [],
|
|
13
13
|
}), menu = _b[0], setMenu = _b[1];
|
|
14
14
|
var _c = useState(0), totalItem = _c[0], setTotalItem = _c[1];
|
|
15
|
+
var visibleMenus = menu.pined.slice(0, totalItem);
|
|
16
|
+
var isActiveMenuVisible = visibleMenus.some(function (item) { return item.code === currentMenuCode; });
|
|
17
|
+
// Nếu active menu chưa được hiển thị ra ngoài thì luôn đưa nó xuống cuối
|
|
18
|
+
if (!isActiveMenuVisible) {
|
|
19
|
+
var activeMenu = menu.pined.find(function (item) { return item.code === currentMenuCode; });
|
|
20
|
+
// totalItem - 1 để chừa 1 vị trí cuối cùng cho phần tử được active
|
|
21
|
+
visibleMenus = menu.pined.slice(0, totalItem - 1);
|
|
22
|
+
if (activeMenu) {
|
|
23
|
+
visibleMenus.push(activeMenu);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
15
26
|
var saveToLocalStorage = function (data) {
|
|
16
27
|
localStorage.setItem(LOCALSTORAGE_MENU_PINED_KEY, JSON.stringify(data));
|
|
17
28
|
};
|
|
@@ -112,11 +123,12 @@ export default function SideBarDesktop(_a) {
|
|
|
112
123
|
var _a;
|
|
113
124
|
var handler = function () {
|
|
114
125
|
var _a;
|
|
115
|
-
var itemHeight =
|
|
116
|
-
var windowHeight = ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || 0;
|
|
126
|
+
var itemHeight = 60;
|
|
127
|
+
var windowHeight = ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || 0 - 66; // 66 là các phần margin và padding của sidebar
|
|
117
128
|
var nextTotalItem = Math.ceil(windowHeight / itemHeight);
|
|
118
|
-
if (nextTotalItem !== totalItem)
|
|
119
|
-
setTotalItem(nextTotalItem -
|
|
129
|
+
if (nextTotalItem !== totalItem) {
|
|
130
|
+
setTotalItem(nextTotalItem - (showSubMenu ? 6 : 7));
|
|
131
|
+
}
|
|
120
132
|
};
|
|
121
133
|
// Log ngay khi component mount
|
|
122
134
|
handler();
|
|
@@ -125,12 +137,12 @@ export default function SideBarDesktop(_a) {
|
|
|
125
137
|
var _a;
|
|
126
138
|
(_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.removeEventListener('resize', handler);
|
|
127
139
|
};
|
|
128
|
-
}, []);
|
|
129
|
-
return (React.createElement("div", { "aria-hidden": true, className: "relative z-30 m-1.5 mt-[3rem] hidden
|
|
140
|
+
}, [showSubMenu]);
|
|
141
|
+
return (React.createElement("div", { "aria-hidden": true, className: "relative z-30 m-1.5 mt-[3rem] hidden h-[calc(100vh-3.75rem)] w-14 flex-col items-center rounded-2xl !bg-black transition-all duration-150 lg:fixed lg:inset-y-0 lg:flex ".concat(showSubMenu ? ' pt-3' : 'pt-16') },
|
|
130
142
|
React.createElement("button", { className: "group absolute top-4 mb-4 border-b border-gray-600 pb-4 ".concat(showSubMenu ? 'hidden' : ''), onClick: function () { return setShowSubMenu(true); }, type: 'button' },
|
|
131
143
|
React.createElement("div", { className: 'absolute -top-1 h-7 w-7 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[16px]' }),
|
|
132
144
|
React.createElement(Image, { alt: 'icon', height: 14, quality: 100, src: IconV2.SHOW_SIDEBAR, width: 14 })),
|
|
133
|
-
|
|
145
|
+
visibleMenus.map(function (item, index) {
|
|
134
146
|
var isActive = !!(item === null || item === void 0 ? void 0 : item.current);
|
|
135
147
|
return (React.createElement(React.Fragment, { key: item.code }, enablePer(item.code, dataInitMain.perCode) && (React.createElement(NavItem, { bgActiveColor: MENU_ACTIVE_COLORS[index % MENU_ACTIVE_COLORS.length], child: item.child,
|
|
136
148
|
// @ts-ignore
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-bar.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/side-bar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,YAAY,CAAA;AAC9B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAExF,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAkBtC;QAjBC,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,iBAAiB,uBAAA,EACjB,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,WAAW,iBAAA;IAWL,IAAA,KAAkB,QAAQ,CAG7B;QACD,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,EAAE;KACZ,CAAC,EANK,IAAI,QAAA,EAAE,OAAO,QAMlB,CAAA;
|
|
1
|
+
{"version":3,"file":"side-bar.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/side-bar.tsx"],"names":[],"mappings":"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"}
|