@thefreshop/tb 1.0.12 → 1.0.13
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/index.js +15 -21
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/index.d.ts +0 -10
- package/dist/cjs/types/provider.types.d.ts +1 -7
- package/dist/cjs/types/tbframe.types.d.ts +18 -5
- package/dist/esm/index.js +16 -22
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/index.d.ts +0 -10
- package/dist/esm/types/provider.types.d.ts +1 -7
- package/dist/esm/types/tbframe.types.d.ts +18 -5
- package/dist/index.d.ts +19 -22
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -136,7 +136,7 @@ const TbProvider = ({ children }) => {
|
|
|
136
136
|
menupages?.menuSet.forEach((item) => {
|
|
137
137
|
item.menuSetting.forEach((sub) => {
|
|
138
138
|
sub.children?.forEach((page) => {
|
|
139
|
-
if (page.key === key)
|
|
139
|
+
if (page.tab.key === key)
|
|
140
140
|
gotab = page;
|
|
141
141
|
});
|
|
142
142
|
});
|
|
@@ -214,7 +214,7 @@ var styles$9 = {"main":"frame-module_main__3msGf","mainframe":"frame-module_main
|
|
|
214
214
|
styleInject(css_248z$b);
|
|
215
215
|
|
|
216
216
|
const topbase = {
|
|
217
|
-
title:
|
|
217
|
+
title: "title"};
|
|
218
218
|
|
|
219
219
|
var css_248z$a = ".top-module_topframe__LhKDg{align-items:center;border-bottom:1px solid #aaa;color:#ccc;display:flex;height:80px;justify-content:left;text-align:center}.top-module_top_left__MBLyP{align-items:center;color:#333;display:flex;gap:4px}.top-module_toplogo__lQMPi{background-color:#eee;height:70px}.top-module_top_menu__vOqqG{display:flex;flex-direction:row}.top-module_top_menu_item__pHknH{display:flex;flex-direction:column;width:120px}.top-module_top_menu_item_icon__-Ckvh{font-size:30px}.top-module_top_menu_item_text__SmZnj{font-size:20px}.top-module_menu_nomal__n4Rl-{color:#ccc}.top-module_menu_hover__KmK0A,.top-module_menu_select__w3Jdd{background-color:#fff;color:#333;cursor:pointer}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvcC5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDRCQUdJLGtCQUFtQixDQUVuQiw0QkFBNkIsQ0FFN0IsVUFBVyxDQU5YLFlBQWEsQ0FHYixXQUFZLENBRlosb0JBQXFCLENBSXJCLGlCQUVKLENBRUEsNEJBR0ksa0JBQW1CLENBQ25CLFVBQVcsQ0FIWCxZQUFhLENBQ2IsT0FHSixDQUVBLDJCQUVJLHFCQUFzQixDQUR0QixXQUVKLENBRUEsNEJBQ0ksWUFBYSxDQUNiLGtCQUNKLENBQ0EsaUNBQ0ksWUFBYSxDQUNiLHFCQUFzQixDQUN0QixXQUNKLENBRUEsc0NBQ0ksY0FDSixDQUVBLHNDQUNJLGNBQ0osQ0FFQSw4QkFDSSxVQUNKLENBT0EsNkRBQ0kscUJBQXNCLENBQ3RCLFVBQVcsQ0FDWCxjQUNKIiwiZmlsZSI6InRvcC5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnRvcGZyYW1lIHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGxlZnQ7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgaGVpZ2h0OiA4MHB4O1xyXG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNhYWE7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICBjb2xvcjogI2NjYztcclxufVxyXG5cclxuLnRvcF9sZWZ0IHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBnYXA6IDRweDtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBjb2xvcjogIzMzMztcclxufVxyXG5cclxuLnRvcGxvZ28ge1xyXG4gICAgaGVpZ2h0OiA3MHB4O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2VlZTtcclxufVxyXG5cclxuLnRvcF9tZW51IHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xyXG59XHJcbi50b3BfbWVudV9pdGVtIHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAgd2lkdGg6IDEyMHB4O1xyXG59XHJcblxyXG4udG9wX21lbnVfaXRlbV9pY29uIHtcclxuICAgIGZvbnQtc2l6ZTogMzBweDtcclxufVxyXG5cclxuLnRvcF9tZW51X2l0ZW1fdGV4dCB7XHJcbiAgICBmb250LXNpemU6IDIwcHg7XHJcbn1cclxuXHJcbi5tZW51X25vbWFsIHtcclxuICAgIGNvbG9yOiAjY2NjO1xyXG59XHJcbi5tZW51X2hvdmVyIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XHJcbiAgICBjb2xvcjogIzMzMztcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxufVxyXG5cclxuLm1lbnVfc2VsZWN0IHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XHJcbiAgICBjb2xvcjogIzMzMztcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxufVxyXG4iXX0= */";
|
|
220
220
|
var styles$8 = {"topframe":"top-module_topframe__LhKDg","top_left":"top-module_top_left__MBLyP","toplogo":"top-module_toplogo__lQMPi","top_menu":"top-module_top_menu__vOqqG","top_menu_item":"top-module_top_menu_item__pHknH","top_menu_item_icon":"top-module_top_menu_item_icon__-Ckvh","top_menu_item_text":"top-module_top_menu_item_text__SmZnj","menu_nomal":"top-module_menu_nomal__n4Rl-","menu_hover":"top-module_menu_hover__KmK0A"};
|
|
@@ -280,7 +280,7 @@ const Nav = ({ nav: { menuSet, openIcon, closeIcon }, islogin }) => {
|
|
|
280
280
|
}
|
|
281
281
|
else {
|
|
282
282
|
const userCurrentMenu = currentMenu?.menuSetting.filter((m) => {
|
|
283
|
-
return user?.user_group?.group_menu_auth.includes(m.key);
|
|
283
|
+
return user?.user_group?.group_menu_auth.includes(m.tab.key);
|
|
284
284
|
});
|
|
285
285
|
userCurrentMenu?.forEach((m, index) => {
|
|
286
286
|
usermenutable.push(React.createElement(Menu, { key: index, menu_setting: m, openIcon: openIcon, closeIcon: closeIcon, islogin: islogin }));
|
|
@@ -290,7 +290,8 @@ const Nav = ({ nav: { menuSet, openIcon, closeIcon }, islogin }) => {
|
|
|
290
290
|
};
|
|
291
291
|
return React.createElement("div", { className: styles$9.naviFrame }, userMenu());
|
|
292
292
|
};
|
|
293
|
-
const Menu = ({ menu_setting: {
|
|
293
|
+
const Menu = ({ menu_setting: { tab, icon, children, hasPage, defalultOpen }, openIcon, closeIcon, islogin, }) => {
|
|
294
|
+
const { title, key, page } = tab;
|
|
294
295
|
const [hover, setHover] = React.useState(false);
|
|
295
296
|
const [subOpen, setSubOpen] = React.useState(false);
|
|
296
297
|
const { addTabs, currentTab, user } = useTbState();
|
|
@@ -311,7 +312,7 @@ const Menu = ({ menu_setting: { title, icon, key, children, hasPage, page, defal
|
|
|
311
312
|
}
|
|
312
313
|
else {
|
|
313
314
|
const userCurrentMenu = children?.filter((m) => {
|
|
314
|
-
return user?.user_group?.group_menu_auth.includes(m.key);
|
|
315
|
+
return user?.user_group?.group_menu_auth.includes(m.tab.key);
|
|
315
316
|
});
|
|
316
317
|
userCurrentMenu?.forEach((m, index) => {
|
|
317
318
|
usersubmenutable.push(React.createElement(SubMenu, { key: index, menu_setting: m }));
|
|
@@ -341,7 +342,8 @@ const Menu = ({ menu_setting: { title, icon, key, children, hasPage, page, defal
|
|
|
341
342
|
React.createElement("div", { className: styles$9.nav_open }, children && (subOpen ? React.createElement("div", null, openIcon) : React.createElement("div", null, closeIcon)))),
|
|
342
343
|
children && subOpen && userSubMenu()));
|
|
343
344
|
};
|
|
344
|
-
const SubMenu = ({ menu_setting: {
|
|
345
|
+
const SubMenu = ({ menu_setting: { tab, icon, hasPage } }) => {
|
|
346
|
+
const { title, key, page } = tab;
|
|
345
347
|
const [hover, setHover] = React.useState(false);
|
|
346
348
|
const { addTabs, currentTab } = useTbState();
|
|
347
349
|
const navigate = reactRouter.useNavigate();
|
|
@@ -401,11 +403,11 @@ const Tabs = ({ nav: { menuSet, openIcon, closeIcon } }) => {
|
|
|
401
403
|
// 2-1. 메뉴 페이지에서 찾기
|
|
402
404
|
menuSet.forEach((item) => {
|
|
403
405
|
item.menuSetting.forEach((sub) => {
|
|
404
|
-
if (sub.key === pathKey)
|
|
406
|
+
if (sub.tab.key === pathKey)
|
|
405
407
|
tabInfo = sub;
|
|
406
408
|
else {
|
|
407
409
|
sub.children?.forEach((page) => {
|
|
408
|
-
if (page.key === pathKey)
|
|
410
|
+
if (page.tab.key === pathKey)
|
|
409
411
|
tabInfo = page;
|
|
410
412
|
});
|
|
411
413
|
}
|
|
@@ -423,8 +425,7 @@ const Tabs = ({ nav: { menuSet, openIcon, closeIcon } }) => {
|
|
|
423
425
|
React.useEffect(() => {
|
|
424
426
|
const pathKey = location.pathname.substring(1); // 맨 앞의 '/' 제거
|
|
425
427
|
findTabs(pathKey);
|
|
426
|
-
|
|
427
|
-
}, []); // 이 효과는 컴포넌트가 처음 마운트될 때 한 번만 실행됩니다.
|
|
428
|
+
}, []);
|
|
428
429
|
return (React.createElement("div", { className: styles$6.tabFrame }, tabs?.map((m) => {
|
|
429
430
|
return (React.createElement("div", { key: m.key, className: `${styles$6.tab_item} ${currentTab?.key === m.key ? styles$6.tab_select : styles$6.tab_normal}` },
|
|
430
431
|
React.createElement("div", { className: styles$6.tab_item_text, onClick: () => {
|
|
@@ -561,13 +562,13 @@ const TbFrame = ({ setting, top, bottom, nav, top_banner, hashmode = false, }) =
|
|
|
561
562
|
nav.menuSet.forEach((item) => {
|
|
562
563
|
item.menuSetting.forEach((sub) => {
|
|
563
564
|
route.push({
|
|
564
|
-
path: "/" + sub.key,
|
|
565
|
-
element: sub.page,
|
|
565
|
+
path: "/" + sub.tab.key,
|
|
566
|
+
element: sub.tab.page,
|
|
566
567
|
});
|
|
567
568
|
sub.children?.forEach((page) => {
|
|
568
569
|
route.push({
|
|
569
|
-
path: "/" + page.key,
|
|
570
|
-
element: page.page,
|
|
570
|
+
path: "/" + page.tab.key,
|
|
571
|
+
element: page.tab.page,
|
|
571
572
|
});
|
|
572
573
|
});
|
|
573
574
|
});
|
|
@@ -24251,16 +24252,9 @@ const InputSearch = ({ title, value, disabled = false, onChange, activeEnter, })
|
|
|
24251
24252
|
const AuthTable = ({ top, menuSetting }) => {
|
|
24252
24253
|
const { user } = useTbState();
|
|
24253
24254
|
const productList = [];
|
|
24254
|
-
const onSelect = (selectedKeys, info) => {
|
|
24255
|
-
console.log("selected", selectedKeys, info);
|
|
24256
|
-
};
|
|
24257
|
-
const onCheck = (checkedKeys, info) => {
|
|
24258
|
-
console.log("onCheck", checkedKeys, info);
|
|
24259
|
-
};
|
|
24260
24255
|
return (React.createElement("div", null,
|
|
24261
24256
|
React.createElement("div", null, "AuthTable123"),
|
|
24262
24257
|
React.createElement("div", null, JSON.stringify(user)),
|
|
24263
|
-
React.createElement(antd.Tree, { checkable: true, defaultExpandedKeys: ["0-0-0", "0-0-1"], defaultSelectedKeys: ["0-0-0", "0-0-1"], defaultCheckedKeys: ["0-0-0", "0-0-1"], onSelect: onSelect, onCheck: onCheck, treeData: menuSetting }),
|
|
24264
24258
|
React.createElement(AntBaseTable$1, { rowKey: "base_product_id", rowName: "base_product_id", columns: columns, dataSource: productList })));
|
|
24265
24259
|
};
|
|
24266
24260
|
const columns = [
|