@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.
@@ -1,5 +1,6 @@
1
1
  export type * from "./types";
2
- export { TbContext, TbProvider, useTbState } from "./tbframe/provider/provider";
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(TbContext.Provider, { value: {
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(TbContext);
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvcC5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDRCQUdFLGtCQUFtQixDQUVuQiw0QkFBNkIsQ0FKN0IsWUFBYSxDQUdiLFdBQVksQ0FGWixvQkFBcUIsQ0FJckIsaUJBQ0YsQ0FFQSw0QkFHRSxrQkFBbUIsQ0FGbkIsWUFBYSxDQUNiLE9BRUYsQ0FFQSwyQkFFRSxxQkFBc0IsQ0FEdEIsV0FFRixDQUVBLDRCQUNFLFlBQWEsQ0FDYixrQkFDRixDQUNBLGlDQUNFLFlBQWEsQ0FDYixxQkFBc0IsQ0FDdEIsV0FDRixDQUVBLHNDQUNFLGNBQ0YsQ0FFQSxzQ0FDRSxjQUNGLENBRUEsOEJBQ0UsVUFDRixDQU9BLDZEQUNFLHFCQUFzQixDQUN0QixVQUFXLENBQ1gsY0FDRiIsImZpbGUiOiJ0b3AubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi50b3BmcmFtZSB7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGxlZnQ7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBoZWlnaHQ6IDgwcHg7XHJcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNhYWE7XHJcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG59XHJcblxyXG4udG9wX2xlZnQge1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgZ2FwOiA0cHg7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxufVxyXG5cclxuLnRvcGxvZ28ge1xyXG4gIGhlaWdodDogNzBweDtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWVlO1xyXG59XHJcblxyXG4udG9wX21lbnUge1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcclxufVxyXG4udG9wX21lbnVfaXRlbSB7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIHdpZHRoOiAxMjBweDtcclxufVxyXG5cclxuLnRvcF9tZW51X2l0ZW1faWNvbiB7XHJcbiAgZm9udC1zaXplOiAzMHB4O1xyXG59XHJcblxyXG4udG9wX21lbnVfaXRlbV90ZXh0IHtcclxuICBmb250LXNpemU6IDIwcHg7XHJcbn1cclxuXHJcbi5tZW51X25vbWFsIHtcclxuICBjb2xvcjogI2NjYztcclxufVxyXG4ubWVudV9ob3ZlciB7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcclxuICBjb2xvcjogIzMzMztcclxuICBjdXJzb3I6IHBvaW50ZXI7XHJcbn1cclxuXHJcbi5tZW51X3NlbGVjdCB7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcclxuICBjb2xvcjogIzMzMztcclxuICBjdXJzb3I6IHBvaW50ZXI7XHJcbn1cclxuIl19 */";
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