@kne/system-layout 0.1.0-alpha.7 → 0.1.0-alpha.9
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/index.css +3 -0
- package/dist/index.css.map +1 -1
- package/dist/index.js +14 -2
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +14 -3
- package/dist/index.modern.js.map +1 -1
- package/package.json +2 -2
package/dist/index.modern.js
CHANGED
|
@@ -37,7 +37,7 @@ function _extends() {
|
|
|
37
37
|
}, _extends.apply(null, arguments);
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
var style$2 = {"layout":"_sK89O","menu":"_-LpWn","open":"_G-zuN","menu-inner":"_7wq3X","logo":"_-T-Dc","menu-header":"_LOrmu","logo-img":"_2cRWf","expand-btn-wrapper":"_5D-Oq","expand-btn-bg":"_p4eOE","pulse":"_3JQL4","expand-btn":"_8dzE7","username":"_b7XeQ","user-description":"_U0YTk","page":"_HnwkM","menu-list":"_8gqbZ","ai-entry":"_5qnw5","ai-dialog-window":"_UAJc-","pulse-dialog-window":"_VjIWn","page-dialog-outer":"_I7Anv","page-dialog":"_UhsFd","pulse-page-dialog":"_H7slV","page-window-content":"_2mdNn","page-children":"_OM1Q2","page-content":"_nyAa2","ai-dialog-window-title":"_33Tja","ai-dialog-window-content":"_YmBhl"};
|
|
40
|
+
var style$2 = {"layout":"_sK89O","menu":"_-LpWn","open":"_G-zuN","menu-inner":"_7wq3X","logo":"_-T-Dc","menu-header":"_LOrmu","logo-img":"_2cRWf","expand-btn-wrapper":"_5D-Oq","expand-btn-bg":"_p4eOE","pulse":"_3JQL4","expand-btn":"_8dzE7","username":"_b7XeQ","user-description":"_U0YTk","page":"_HnwkM","menu-list":"_8gqbZ","ai-entry":"_5qnw5","ai-dialog-window":"_UAJc-","pulse-dialog-window":"_VjIWn","page-dialog-outer":"_I7Anv","page-dialog":"_UhsFd","pulse-page-dialog":"_H7slV","page-window-content":"_2mdNn","page-children":"_OM1Q2","is-scroller":"_6gjkS","page-content":"_nyAa2","ai-dialog-window-title":"_33Tja","ai-dialog-window-content":"_YmBhl"};
|
|
41
41
|
|
|
42
42
|
const UserCard = ({
|
|
43
43
|
name,
|
|
@@ -194,6 +194,10 @@ const ErrorBoundary = props => {
|
|
|
194
194
|
}));
|
|
195
195
|
};
|
|
196
196
|
|
|
197
|
+
const isMobile = () => {
|
|
198
|
+
return /iPhone|iPod|Android|ios|iPad/i.test(navigator.userAgent);
|
|
199
|
+
};
|
|
200
|
+
|
|
197
201
|
const LayoutMenuOpenKey = 'LAYOUT_MENU_OPEN';
|
|
198
202
|
const Layout = ({
|
|
199
203
|
className,
|
|
@@ -205,11 +209,13 @@ const Layout = ({
|
|
|
205
209
|
menuHeader,
|
|
206
210
|
userInfo,
|
|
207
211
|
aiDialog: _aiDialog = null,
|
|
212
|
+
openScrollbar: openScrollbarProps,
|
|
208
213
|
children
|
|
209
214
|
}) => {
|
|
210
215
|
const localMenuOpen = localStorage.getItem(LayoutMenuOpenKey);
|
|
211
216
|
const [menuOpen, setMenuOpen] = useState(typeof localMenuOpen === 'boolean' ? localMenuOpen : true);
|
|
212
217
|
const [aiType, setAiType] = useState('closed');
|
|
218
|
+
const openScrollbar = typeof openScrollbarProps === 'boolean' ? openScrollbarProps : !isMobile() && !window.__COMPONENTS_CORE_SIMPLE_BAR_DISABLED;
|
|
213
219
|
return /*#__PURE__*/jsx("div", {
|
|
214
220
|
className: classnames(className, 'layout', style$2['layout']),
|
|
215
221
|
style: {
|
|
@@ -308,11 +314,16 @@ const Layout = ({
|
|
|
308
314
|
}), /*#__PURE__*/jsx(Col, {
|
|
309
315
|
span: aiType === 'inner' ? 16 : 24,
|
|
310
316
|
children: /*#__PURE__*/jsx(ErrorBoundary, {
|
|
311
|
-
children: /*#__PURE__*/jsx(SimpleBar, {
|
|
317
|
+
children: openScrollbar ? /*#__PURE__*/jsx(SimpleBar, {
|
|
312
318
|
className: classnames('page-children', style$2['page-children'], {
|
|
313
319
|
['has-left']: aiType === 'inner'
|
|
314
320
|
}),
|
|
315
321
|
children: children
|
|
322
|
+
}) : /*#__PURE__*/jsx("div", {
|
|
323
|
+
className: classnames('page-children', 'is-scroller', style$2['page-children'], style$2['is-scroller'], {
|
|
324
|
+
['has-left']: aiType === 'inner'
|
|
325
|
+
}),
|
|
326
|
+
children: children
|
|
316
327
|
})
|
|
317
328
|
})
|
|
318
329
|
})]
|
|
@@ -379,5 +390,5 @@ const Page = ({
|
|
|
379
390
|
});
|
|
380
391
|
};
|
|
381
392
|
|
|
382
|
-
export { Layout, Page, Layout as default };
|
|
393
|
+
export { Layout, Page, Layout as default, isMobile };
|
|
383
394
|
//# sourceMappingURL=index.modern.js.map
|