@thefreshop/tb 1.0.2 → 1.0.3
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.d.ts +2 -1
- package/dist/cjs/index.js +17 -15
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/tbframe/index.d.ts +2 -1
- package/dist/cjs/tbframe/layout/nav.d.ts +2 -1
- package/dist/cjs/tbframe/provider/provider.d.ts +0 -1
- package/dist/cjs/tbframe/provider/tbContext.d.ts +3 -0
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +17 -15
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/tbframe/index.d.ts +2 -1
- package/dist/esm/tbframe/layout/nav.d.ts +2 -1
- package/dist/esm/tbframe/provider/provider.d.ts +0 -1
- package/dist/esm/tbframe/provider/tbContext.d.ts +3 -0
- package/package.json +6 -7
package/dist/cjs/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export type * from "./types";
|
|
2
|
-
export {
|
|
2
|
+
export { TbProvider, useTbState } from "./tbframe/provider/provider";
|
|
3
|
+
export { tbContext } from "./tbframe/provider/tbContext";
|
|
3
4
|
export { default as TbFrame } from "./tbframe/layout/frame";
|
|
4
5
|
export * from "./tbpage/component/authTable";
|
|
5
6
|
export { TbpProvider } from "./tbpage/provider/provider";
|
package/dist/cjs/index.js
CHANGED
|
@@ -36,8 +36,9 @@ function _interopNamespaceDefault(e) {
|
|
|
36
36
|
|
|
37
37
|
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
38
38
|
|
|
39
|
+
const tbContext = React.createContext(undefined);
|
|
40
|
+
|
|
39
41
|
// export const TbBase = createContext<TbBaseProviderType>({})
|
|
40
|
-
const TbContext = React.createContext(undefined);
|
|
41
42
|
const TbProvider = ({ children }) => {
|
|
42
43
|
const [topkey, setTopkey] = React.useState("");
|
|
43
44
|
const [currentTab, setCurrentTab] = React.useState();
|
|
@@ -132,7 +133,7 @@ const TbProvider = ({ children }) => {
|
|
|
132
133
|
addTabs(newtab);
|
|
133
134
|
}
|
|
134
135
|
};
|
|
135
|
-
return (React.createElement(
|
|
136
|
+
return (React.createElement(tbContext.Provider, { value: {
|
|
136
137
|
topkey,
|
|
137
138
|
setTopkey,
|
|
138
139
|
tabs,
|
|
@@ -156,7 +157,7 @@ const TbProvider = ({ children }) => {
|
|
|
156
157
|
} }, children));
|
|
157
158
|
};
|
|
158
159
|
const useTbState = () => {
|
|
159
|
-
const value = React.useContext(
|
|
160
|
+
const value = React.useContext(tbContext);
|
|
160
161
|
if (value === undefined) {
|
|
161
162
|
throw new Error("useTopkeyState should be used within TbProvider");
|
|
162
163
|
}
|
|
@@ -197,7 +198,7 @@ styleInject(css_248z$b);
|
|
|
197
198
|
const topbase = {
|
|
198
199
|
title: 'title'};
|
|
199
200
|
|
|
200
|
-
var css_248z$a = ".top-module_topframe__LhKDg{align-items:center;border-bottom:1px solid #aaa;display:flex;height:80px;justify-content:left;text-align:center}.top-module_top_left__MBLyP{align-items:center;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,
|
|
201
|
+
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= */";
|
|
201
202
|
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"};
|
|
202
203
|
styleInject(css_248z$a);
|
|
203
204
|
|
|
@@ -205,7 +206,7 @@ const Top = ({ setting, top: { title = topbase.title, titleimage, topMenuSetting
|
|
|
205
206
|
const { logout, user, setCurrentTab, startpage } = useTbState();
|
|
206
207
|
const userTop = () => {
|
|
207
208
|
let topmenutable = [];
|
|
208
|
-
if (user?.user_group?.group_key === "master") {
|
|
209
|
+
if (user?.user_group?.group_key === "master" || setting.islogin === false) {
|
|
209
210
|
topMenuSetting.forEach((m, index) => {
|
|
210
211
|
topmenutable.push(React.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle }));
|
|
211
212
|
});
|
|
@@ -231,11 +232,11 @@ const Top = ({ setting, top: { title = topbase.title, titleimage, topMenuSetting
|
|
|
231
232
|
console.log("home");
|
|
232
233
|
} },
|
|
233
234
|
titleimage ? React.createElement("img", { src: titleimage, className: styles$8.toplogo, alt: "logo", style: imgstyle }) : null,
|
|
234
|
-
React.createElement("div", { style: titleStyle }, title)),
|
|
235
|
+
React.createElement("div", { style: { padding: 10, fontWeight: "bold", ...titleStyle } }, title)),
|
|
235
236
|
React.createElement("div", { className: styles$8.top_menu }, userTop()),
|
|
236
237
|
topRight ? (topRight) : setting?.islogin && setting?.logoutComponent ? (setting?.logoutComponent) : (React.createElement("button", { onClick: () => logout() }, "\uB85C\uADF8\uC544\uC6C3"))));
|
|
237
238
|
};
|
|
238
|
-
const TopMenu = ({ topMenuSetting: { title, icon, key }, menuStyle }) => {
|
|
239
|
+
const TopMenu = ({ topMenuSetting: { title, icon, key }, menuStyle = {} }) => {
|
|
239
240
|
const [hover, setHover] = React.useState(false);
|
|
240
241
|
const { topkey, setTopkey } = useTbState();
|
|
241
242
|
return (React.createElement("div", { className: `${styles$8.top_menu_item} ${hover ? styles$8.menu_hover : styles$8.menu_nomal}`, style: menuStyle.menuWidth ? { width: menuStyle.menuWidth } : {}, onMouseEnter: () => {
|
|
@@ -249,14 +250,15 @@ const TopMenu = ({ topMenuSetting: { title, icon, key }, menuStyle }) => {
|
|
|
249
250
|
React.createElement("div", { className: `${styles$8.top_menu_item_text} ${topkey === key ? styles$8.menu_hover : styles$8.menu_nomal}`, style: menuStyle.fontSize ? { fontSize: menuStyle.fontSize } : {} }, title)));
|
|
250
251
|
};
|
|
251
252
|
|
|
252
|
-
const Nav = ({ nav: { menuSet, openIcon, closeIcon } }) => {
|
|
253
|
+
const Nav = ({ nav: { menuSet, openIcon, closeIcon }, islogin }) => {
|
|
253
254
|
const { topkey, user } = useTbState();
|
|
254
255
|
const currentMenu = menuSet.find((m) => m.parentkey === topkey);
|
|
255
256
|
const userMenu = () => {
|
|
256
257
|
let usermenutable = [];
|
|
257
|
-
if (user?.user_group?.group_key === "master") {
|
|
258
|
+
if (user?.user_group?.group_key === "master" || islogin === false) {
|
|
259
|
+
console.log(menuSet);
|
|
258
260
|
currentMenu?.menuSetting.forEach((m, index) => {
|
|
259
|
-
usermenutable.push(React.createElement(Menu, { key: index, menu_setting: m, openIcon: openIcon, closeIcon: closeIcon }));
|
|
261
|
+
usermenutable.push(React.createElement(Menu, { key: index, menu_setting: m, openIcon: openIcon, closeIcon: closeIcon, islogin: islogin }));
|
|
260
262
|
});
|
|
261
263
|
}
|
|
262
264
|
else {
|
|
@@ -264,14 +266,14 @@ const Nav = ({ nav: { menuSet, openIcon, closeIcon } }) => {
|
|
|
264
266
|
return user?.user_group?.group_menu_auth.includes(m.key);
|
|
265
267
|
});
|
|
266
268
|
userCurrentMenu?.forEach((m, index) => {
|
|
267
|
-
usermenutable.push(React.createElement(Menu, { key: index, menu_setting: m, openIcon: openIcon, closeIcon: closeIcon }));
|
|
269
|
+
usermenutable.push(React.createElement(Menu, { key: index, menu_setting: m, openIcon: openIcon, closeIcon: closeIcon, islogin: islogin }));
|
|
268
270
|
});
|
|
269
271
|
}
|
|
270
272
|
return usermenutable;
|
|
271
273
|
};
|
|
272
274
|
return React.createElement("div", { className: styles$9.naviFrame }, userMenu());
|
|
273
275
|
};
|
|
274
|
-
const Menu = ({ menu_setting: { title, icon, key, children, hasPage, page, defalultOpen }, openIcon, closeIcon, }) => {
|
|
276
|
+
const Menu = ({ menu_setting: { title, icon, key, children, hasPage, page, defalultOpen }, openIcon, closeIcon, islogin, }) => {
|
|
275
277
|
const [hover, setHover] = React.useState(false);
|
|
276
278
|
const [subOpen, setSubOpen] = React.useState(false);
|
|
277
279
|
const { addTabs, currentTab, user } = useTbState();
|
|
@@ -284,7 +286,7 @@ const Menu = ({ menu_setting: { title, icon, key, children, hasPage, page, defal
|
|
|
284
286
|
}, [defalultOpen, setSubOpen]); //데이터 빈 화면 깜박임 방지
|
|
285
287
|
const userSubMenu = () => {
|
|
286
288
|
let usersubmenutable = [];
|
|
287
|
-
if (user?.user_group?.group_key === "master") {
|
|
289
|
+
if (user?.user_group?.group_key === "master" || islogin === false) {
|
|
288
290
|
children?.forEach((m, index) => {
|
|
289
291
|
usersubmenutable.push(React.createElement(SubMenu, { key: index, menu_setting: m }));
|
|
290
292
|
});
|
|
@@ -540,7 +542,7 @@ const TbFrame = ({ setting, top, bottom, nav, top_banner, }) => {
|
|
|
540
542
|
React.createElement(Top, { setting: setting, top: top }),
|
|
541
543
|
isBanner && React.createElement(TOPBANNER, null),
|
|
542
544
|
React.createElement("div", { className: styles$9.centerFrame, style: isBanner ? { height: "calc(100vh - 120px)" } : { height: "calc(100vh - 80px)" } },
|
|
543
|
-
React.createElement(Nav, { nav: nav }),
|
|
545
|
+
React.createElement(Nav, { nav: nav, islogin: setting.islogin ?? false }),
|
|
544
546
|
React.createElement("div", { className: styles$9.contentsFrame },
|
|
545
547
|
React.createElement(Tabs, null),
|
|
546
548
|
React.createElement(Main, null))),
|
|
@@ -24082,12 +24084,12 @@ exports.AntBaseModalCreate = AntBaseModalCreate;
|
|
|
24082
24084
|
exports.AntBaseTable = AntBaseTable$1;
|
|
24083
24085
|
exports.AuthTable = AuthTable;
|
|
24084
24086
|
exports.ContentLayout = ContentLayout;
|
|
24085
|
-
exports.TbContext = TbContext;
|
|
24086
24087
|
exports.TbFrame = TbFrame;
|
|
24087
24088
|
exports.TbProvider = TbProvider;
|
|
24088
24089
|
exports.TbpProvider = TbpProvider;
|
|
24089
24090
|
exports.Tbpage = Tbpage;
|
|
24090
24091
|
exports.TbpageMulti = TbpageMulti;
|
|
24091
24092
|
exports.TbpageSm = TbpageSm;
|
|
24093
|
+
exports.tbContext = tbContext;
|
|
24092
24094
|
exports.useTbState = useTbState;
|
|
24093
24095
|
//# sourceMappingURL=index.js.map
|