@kne/system-layout 0.1.0-alpha.4 → 0.1.0-alpha.6

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.
Files changed (8) hide show
  1. package/README.md +23 -4
  2. package/dist/index.css +123 -13
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.js +83 -35
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.modern.js +79 -36
  7. package/dist/index.modern.js.map +1 -1
  8. package/package.json +7 -3
package/README.md CHANGED
@@ -48,7 +48,7 @@ import '@kne/system-layout/dist/index.css';
48
48
  - _SystemLayout(@kne/current-lib_system-layout)[import * as _SystemLayout from "@kne/system-layout"],(@kne/current-lib_system-layout/dist/index.css)
49
49
 
50
50
  ```jsx
51
- const { default: SystemLayout } = _SystemLayout;
51
+ const { default: SystemLayout, Page } = _SystemLayout;
52
52
 
53
53
  const BaseExample = () => {
54
54
  return (
@@ -60,7 +60,7 @@ const BaseExample = () => {
60
60
  }}
61
61
  aiDialog={{}}
62
62
  menu={{
63
- base: 'SystemLayout',
63
+ base: '/SystemLayout',
64
64
  items: [
65
65
  {
66
66
  path: '/',
@@ -104,8 +104,27 @@ const BaseExample = () => {
104
104
  icon: 'icon-network_intelligence'
105
105
  }
106
106
  ]
107
- }}
108
- />
107
+ }}>
108
+ <Page
109
+ title="Home"
110
+ buttonProps={{
111
+ list: [
112
+ {
113
+ type: 'primary',
114
+ children: 'New'
115
+ },
116
+ {
117
+ children: 'Options'
118
+ },
119
+ {
120
+ loading: true,
121
+ children: 'Options2'
122
+ }
123
+ ]
124
+ }}>
125
+ Content
126
+ </Page>
127
+ </SystemLayout>
109
128
  </div>
110
129
  );
111
130
  };
package/dist/index.css CHANGED
@@ -259,6 +259,40 @@
259
259
  padding: 24px 24px 24px 0;
260
260
  position: relative;
261
261
  }
262
+ ._sK89O .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link):not(.ant-btn-dashed):not(.ant-btn-text):not(:disabled) {
263
+ background: var(--primary-color-2);
264
+ color: var(--primary-color);
265
+ }
266
+ ._sK89O .ant-btn:not(.ant-btn-link):not(.ant-btn-dashed):not(.ant-btn-text):not(:disabled) {
267
+ border: 1px solid rgba(255, 255, 255, 0.1) !important;
268
+ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08);
269
+ backdrop-filter: blur(10px);
270
+ }
271
+ ._sK89O .ant-btn:not(.ant-btn-link):not(.ant-btn-dashed):not(.ant-btn-text):not(:disabled):hover:not(:disabled):not(.ant-btn-loading) {
272
+ backdrop-filter: blur(40px) saturate(1.5) brightness(1.2);
273
+ transform: scale(1.04);
274
+ }
275
+ ._sK89O .ant-btn:active:not(.ant-btn-loading) {
276
+ box-shadow: none !important;
277
+ transform: scale(1);
278
+ }
279
+ ._sK89O .ant-btn:disabled {
280
+ box-shadow: none;
281
+ color: var(--font-color-disabled);
282
+ background: rgba(17, 24, 39, 0.2);
283
+ }
284
+ ._sK89O .ant-btn.ant-btn-primary:not(:disabled) {
285
+ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08);
286
+ }
287
+ ._sK89O .ant-btn.ant-btn-loading {
288
+ opacity: 0.6;
289
+ }
290
+ ._sK89O .ant-btn {
291
+ position: relative;
292
+ }
293
+ ._sK89O .ant-btn .ant-btn-loading-icon {
294
+ position: absolute;
295
+ }
262
296
 
263
297
  ._-LpWn {
264
298
  flex: none;
@@ -282,6 +316,7 @@
282
316
  padding: 12px 0;
283
317
  border: none;
284
318
  background: none;
319
+ justify-content: center;
285
320
  }
286
321
 
287
322
  ._-T-Dc {
@@ -291,7 +326,8 @@
291
326
  }
292
327
  ._-T-Dc img {
293
328
  height: 24px;
294
- object-fit: fill;
329
+ object-fit: contain;
330
+ max-width: 100%;
295
331
  }
296
332
 
297
333
  ._2cRWf {
@@ -299,16 +335,46 @@
299
335
  align-items: center;
300
336
  }
301
337
 
302
- ._8dzE7 {
338
+ ._5D-Oq {
303
339
  position: absolute;
304
- right: 0;
340
+ right: -28px;
341
+ top: 20px;
305
342
  z-index: 999;
306
- transform: translate(0, -32px);
307
343
  cursor: pointer;
344
+ width: 36px;
345
+ height: 36px;
346
+ border-radius: 50%;
347
+ display: flex;
348
+ align-items: center;
349
+ justify-content: center;
350
+ }
351
+ ._5D-Oq:hover ._p4eOE {
352
+ opacity: 1;
353
+ animation: _3JQL4 0.4s ease-out;
354
+ }
355
+ @keyframes _3JQL4 {
356
+ 0%, 100% {
357
+ transform: scale(1) translate(0, 0);
358
+ }
359
+ 50% {
360
+ transform: scale(1.1, 0.9);
361
+ }
362
+ }
363
+
364
+ ._p4eOE {
365
+ position: absolute;
366
+ width: 100%;
367
+ height: 100%;
368
+ border-radius: 50%;
369
+ opacity: 0;
370
+ transition: opacity 0.5s;
371
+ }
372
+
373
+ ._8dzE7 {
308
374
  transition: transform 0.3s;
309
375
  }
310
376
  ._8dzE7.is-closed {
311
- transform: translate(0, -32px) scaleX(-1);
377
+ transform: scaleX(-1);
312
378
  }
313
379
 
314
380
  ._7wq3X {
@@ -324,7 +390,7 @@
324
390
  min-height: 40px;
325
391
  padding: 12px 16px;
326
392
  display: flex;
327
- justify-content: center;
393
+ justify-content: flex-start;
328
394
  overflow: hidden;
329
395
  }
330
396
 
@@ -338,13 +404,13 @@
338
404
  }
339
405
 
340
406
  ._HnwkM {
341
- padding: 24px;
342
407
  height: var(--page-height);
343
408
  border-radius: 12px;
344
409
  border: 1px solid rgba(255, 255, 255, 0.1);
345
410
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.5) 100%);
346
411
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08), 0 20px 40px 0 rgba(0, 0, 0, 0.08);
347
412
  backdrop-filter: blur(10px);
413
+ min-width: 0;
348
414
  }
349
415
 
350
416
  ._8gqbZ {
@@ -376,6 +442,8 @@
376
442
  ._UAJc- {
377
443
  --container-width: 400px;
378
444
  --container-height: 400px;
445
+ --container-base-width: var(--container-width);
446
+ --container-base-height: var(--container-height);
379
447
  background: rgba(255, 255, 255, 0.4);
380
448
  backdrop-filter: blur(10px);
381
449
  border-radius: 8px;
@@ -385,27 +453,56 @@
385
453
  bottom: 24px;
386
454
  left: 16px;
387
455
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08);
388
- transition: all 0.3s;
456
+ transition: box-shadow 0.3s;
457
+ }
458
+ @keyframes _VjIWn {
459
+ 0%, 100% {
460
+ transform: scale(1);
461
+ }
462
+ 50% {
463
+ transform: scale(1.02, 0.98);
464
+ }
389
465
  }
390
466
  ._UAJc-:hover {
467
+ animation: _VjIWn 0.4s ease-out;
391
468
  background: rgba(255, 255, 255, 0.6);
392
469
  backdrop-filter: blur(10px) saturate(1.5);
393
- transform: scale(1.02);
470
+ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08), 0 20px 40px 0 rgba(0, 0, 0, 0.08);
471
+ }
472
+
473
+ ._I7Anv {
474
+ padding: 24px 0 24px 24px;
394
475
  }
395
476
 
396
477
  ._UhsFd {
397
478
  background: rgba(255, 255, 255, 0.4);
398
479
  border-radius: 8px;
399
480
  height: 100%;
400
- transition: all 0.3s;
481
+ transition: box-shadow 0.3s;
482
+ }
483
+ @keyframes _H7slV {
484
+ 0%, 100% {
485
+ transform: scale(1, 1);
486
+ }
487
+ 50% {
488
+ transform: scale(1.01, 0.99);
489
+ }
401
490
  }
402
491
  ._UhsFd:hover {
403
492
  backdrop-filter: blur(40px) saturate(1.2);
404
- transform: scale(1.01);
493
+ animation: _H7slV 0.4s ease-out;
494
+ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08), 0 20px 40px 0 rgba(0, 0, 0, 0.08);
405
495
  }
406
496
 
407
497
  ._2mdNn {
408
- height: calc(var(--page-content-height) - 48px);
498
+ --container-height: calc(var(--page-content-height) - 58px);
499
+ height: var(--container-height);
500
+ }
501
+
502
+ ._OM1Q2 {
503
+ --container-height: var(--page-content-height);
504
+ height: var(--container-height);
505
+ padding: 24px;
409
506
  }
410
507
 
411
508
  ._nyAa2 {
@@ -425,7 +522,8 @@
425
522
  }
426
523
 
427
524
  ._YmBhl {
428
- height: calc(var(--container-height) - 58px);
525
+ --container-height: calc(var(--container-base-height) - 58px);
526
+ height: var(--container-height);
429
527
  }
430
528
  ._Rfzv4 {
431
529
  font-size: 12px;
@@ -476,4 +574,16 @@
476
574
  ._Xa-2h.is-closed ._qoDtD {
477
575
  font-size: 24px;
478
576
  }
577
+ ._IOVGr {
578
+ font-size: 20px;
579
+ font-weight: 500;
580
+ justify-content: flex-start;
581
+ padding-left: 24px;
582
+ }
583
+
584
+ ._mKsLu {
585
+ display: flex;
586
+ justify-content: flex-end;
587
+ flex: 1;
588
+ }
479
589
  /*# sourceMappingURL=index.css.map */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["iconfont.css","style.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["@font-face {\n font-family: 'system'; /* Project id 5022759 */\n /* Color fonts */\n src:\n url('iconfont.woff2?t=1758011291118') format('woff2'),\n url('iconfont.woff?t=1758011291118') format('woff'),\n url('iconfont.ttf?t=1758011291118') format('truetype');\n}\n\n.system {\n font-family: 'system' !important;\n font-size: 16px;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-chart_data:before {\n content: '\\e63d';\n}\n\n.icon-contacts:before {\n content: '\\e63e';\n}\n\n.icon-assignment:before {\n content: '\\e63f';\n}\n\n.icon-manage_accounts:before {\n content: '\\e640';\n}\n\n.icon-assignment_ind:before {\n content: '\\e641';\n}\n\n.icon-network_intelligence:before {\n content: '\\e639';\n}\n\n.icon-automation:before {\n content: '\\e63a';\n}\n\n.icon-groups_2:before {\n content: '\\e63b';\n}\n\n.icon-snippet_folder:before {\n content: '\\e63c';\n}\n\n.icon-home:before {\n content: '\\e637';\n}\n\n.icon-home_line:before {\n content: '\\e638';\n}\n\n.icon-a-Typeedit:before {\n content: '\\e62b';\n}\n\n.icon-a-Typefilter_alt:before {\n content: '\\e62c';\n}\n\n.icon-a-Typearrow_upload_ready:before {\n content: '\\e62d';\n}\n\n.icon-a-Typeadd:before {\n content: '\\e62e';\n}\n\n.icon-a-Typecheck_indeterminate_small:before {\n content: '\\e62f';\n}\n\n.icon-a-Typeclose_small:before {\n content: '\\e630';\n}\n\n.icon-a-Typeadd_2:before {\n content: '\\e631';\n}\n\n.icon-a-Typearrow_forward_ios:before {\n content: '\\e632';\n}\n\n.icon-a-Typearrow_drop_down:before {\n content: '\\e633';\n}\n\n.icon-a-Typedescription:before {\n content: '\\e634';\n}\n\n.icon-a-Typebalance:before {\n content: '\\e635';\n}\n\n.icon-a-Typedelete:before {\n content: '\\e636';\n}\n\n.icon-a-Typelink:before {\n content: '\\e617';\n}\n\n.icon-a-Typeios_share:before {\n content: '\\e618';\n}\n\n.icon-a-Typemobile_2:before {\n content: '\\e619';\n}\n\n.icon-a-Typesend:before {\n content: '\\e61a';\n}\n\n.icon-a-Typecalendar_month:before {\n content: '\\e61b';\n}\n\n.icon-a-Typesettings:before {\n content: '\\e61c';\n}\n\n.icon-a-Typeqr_code:before {\n content: '\\e61d';\n}\n\n.icon-a-Typekeyboard_arrow_down:before {\n content: '\\e61e';\n}\n\n.icon-a-Typehide:before {\n content: '\\e61f';\n}\n\n.icon-a-Typeimagesmode:before {\n content: '\\e620';\n}\n\n.icon-a-Typedrag_handle:before {\n content: '\\e621';\n}\n\n.icon-a-Typeattach_file_add:before {\n content: '\\e622';\n}\n\n.icon-a-Typecontent_copy:before {\n content: '\\e623';\n}\n\n.icon-a-Typecheck_small:before {\n content: '\\e624';\n}\n\n.icon-a-Typechevron_right:before {\n content: '\\e625';\n}\n\n.icon-a-Typechevron_backward:before {\n content: '\\e626';\n}\n\n.icon-a-Typeinfo:before {\n content: '\\e627';\n}\n\n.icon-a-Typeequal:before {\n content: '\\e628';\n}\n\n.icon-a-Typeinstant_mix:before {\n content: '\\e629';\n}\n\n.icon-a-Typeclose:before {\n content: '\\e62a';\n}\n\n.icon-a-Typeupload:before {\n content: '\\e60b';\n}\n\n.icon-a-Typesave:before {\n content: '\\e60c';\n}\n\n.icon-a-Typemail:before {\n content: '\\e609';\n}\n\n.icon-a-Typeeast:before {\n content: '\\e60a';\n}\n\n.icon-a-Typepercent:before {\n content: '\\e60d';\n}\n\n.icon-a-Typecheck:before {\n content: '\\e608';\n}\n\n.icon-a-Typepicture_in_picture_small:before {\n content: '\\e60e';\n}\n\n.icon-a-Typemove_item:before {\n content: '\\e60f';\n}\n\n.icon-a-Typediversity_3:before {\n content: '\\e610';\n}\n\n.icon-a-Typeperson_add:before {\n content: '\\e611';\n}\n\n.icon-a-Typecheck_circle:before {\n content: '\\e612';\n}\n\n.icon-a-Typeedit_off:before {\n content: '\\e613';\n}\n\n.icon-a-Typeopen_in_full:before {\n content: '\\e614';\n}\n\n.icon-a-Typesearch:before {\n content: '\\e615';\n}\n\n.icon-a-Typedownload:before {\n content: '\\e616';\n}\n",".menu-group {\n font-size: 12px;\n color: var(--font-color-grey);\n line-height: 24px;\n padding: 12px;\n}\n\n.menu-item-icon {\n color: var(--font-color-grey);\n}\n\n.menu-group-split {\n opacity: 0.6;\n background: var(--font-color-grey-3);\n height: 1px;\n width: 28px;\n margin: 8px auto;\n}\n\n.menu-item {\n line-height: 24px;\n padding: 12px;\n margin: 2px 0;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s;\n}\n.menu-item:hover {\n backdrop-filter: brightness(1.1);\n transform: scale(1.02);\n}\n.menu-item:global(.is-active) {\n background: linear-gradient(270deg, rgba(255, 255, 255, 0) -4%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.3) 100%);\n box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.05);\n}\n.menu-item:global(.is-active) .menu-item-icon {\n color: var(--primary-color);\n}\n.menu-item:global(.is-closed) {\n display: flex;\n justify-content: center;\n}\n.menu-item:global(.is-closed):global(.is-active) {\n background: rgba(255, 255, 255, 0.6);\n backdrop-filter: blur(40px) saturate(1.5);\n}\n.menu-item:global(.is-closed) .menu-item-icon {\n font-size: 24px;\n}"]}
1
+ {"version":3,"sources":["iconfont.css","style.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["@font-face {\n font-family: 'system'; /* Project id 5022759 */\n /* Color fonts */\n src:\n url('iconfont.woff2?t=1758011291118') format('woff2'),\n url('iconfont.woff?t=1758011291118') format('woff'),\n url('iconfont.ttf?t=1758011291118') format('truetype');\n}\n\n.system {\n font-family: 'system' !important;\n font-size: 16px;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-chart_data:before {\n content: '\\e63d';\n}\n\n.icon-contacts:before {\n content: '\\e63e';\n}\n\n.icon-assignment:before {\n content: '\\e63f';\n}\n\n.icon-manage_accounts:before {\n content: '\\e640';\n}\n\n.icon-assignment_ind:before {\n content: '\\e641';\n}\n\n.icon-network_intelligence:before {\n content: '\\e639';\n}\n\n.icon-automation:before {\n content: '\\e63a';\n}\n\n.icon-groups_2:before {\n content: '\\e63b';\n}\n\n.icon-snippet_folder:before {\n content: '\\e63c';\n}\n\n.icon-home:before {\n content: '\\e637';\n}\n\n.icon-home_line:before {\n content: '\\e638';\n}\n\n.icon-a-Typeedit:before {\n content: '\\e62b';\n}\n\n.icon-a-Typefilter_alt:before {\n content: '\\e62c';\n}\n\n.icon-a-Typearrow_upload_ready:before {\n content: '\\e62d';\n}\n\n.icon-a-Typeadd:before {\n content: '\\e62e';\n}\n\n.icon-a-Typecheck_indeterminate_small:before {\n content: '\\e62f';\n}\n\n.icon-a-Typeclose_small:before {\n content: '\\e630';\n}\n\n.icon-a-Typeadd_2:before {\n content: '\\e631';\n}\n\n.icon-a-Typearrow_forward_ios:before {\n content: '\\e632';\n}\n\n.icon-a-Typearrow_drop_down:before {\n content: '\\e633';\n}\n\n.icon-a-Typedescription:before {\n content: '\\e634';\n}\n\n.icon-a-Typebalance:before {\n content: '\\e635';\n}\n\n.icon-a-Typedelete:before {\n content: '\\e636';\n}\n\n.icon-a-Typelink:before {\n content: '\\e617';\n}\n\n.icon-a-Typeios_share:before {\n content: '\\e618';\n}\n\n.icon-a-Typemobile_2:before {\n content: '\\e619';\n}\n\n.icon-a-Typesend:before {\n content: '\\e61a';\n}\n\n.icon-a-Typecalendar_month:before {\n content: '\\e61b';\n}\n\n.icon-a-Typesettings:before {\n content: '\\e61c';\n}\n\n.icon-a-Typeqr_code:before {\n content: '\\e61d';\n}\n\n.icon-a-Typekeyboard_arrow_down:before {\n content: '\\e61e';\n}\n\n.icon-a-Typehide:before {\n content: '\\e61f';\n}\n\n.icon-a-Typeimagesmode:before {\n content: '\\e620';\n}\n\n.icon-a-Typedrag_handle:before {\n content: '\\e621';\n}\n\n.icon-a-Typeattach_file_add:before {\n content: '\\e622';\n}\n\n.icon-a-Typecontent_copy:before {\n content: '\\e623';\n}\n\n.icon-a-Typecheck_small:before {\n content: '\\e624';\n}\n\n.icon-a-Typechevron_right:before {\n content: '\\e625';\n}\n\n.icon-a-Typechevron_backward:before {\n content: '\\e626';\n}\n\n.icon-a-Typeinfo:before {\n content: '\\e627';\n}\n\n.icon-a-Typeequal:before {\n content: '\\e628';\n}\n\n.icon-a-Typeinstant_mix:before {\n content: '\\e629';\n}\n\n.icon-a-Typeclose:before {\n content: '\\e62a';\n}\n\n.icon-a-Typeupload:before {\n content: '\\e60b';\n}\n\n.icon-a-Typesave:before {\n content: '\\e60c';\n}\n\n.icon-a-Typemail:before {\n content: '\\e609';\n}\n\n.icon-a-Typeeast:before {\n content: '\\e60a';\n}\n\n.icon-a-Typepercent:before {\n content: '\\e60d';\n}\n\n.icon-a-Typecheck:before {\n content: '\\e608';\n}\n\n.icon-a-Typepicture_in_picture_small:before {\n content: '\\e60e';\n}\n\n.icon-a-Typemove_item:before {\n content: '\\e60f';\n}\n\n.icon-a-Typediversity_3:before {\n content: '\\e610';\n}\n\n.icon-a-Typeperson_add:before {\n content: '\\e611';\n}\n\n.icon-a-Typecheck_circle:before {\n content: '\\e612';\n}\n\n.icon-a-Typeedit_off:before {\n content: '\\e613';\n}\n\n.icon-a-Typeopen_in_full:before {\n content: '\\e614';\n}\n\n.icon-a-Typesearch:before {\n content: '\\e615';\n}\n\n.icon-a-Typedownload:before {\n content: '\\e616';\n}\n",".page-title {\n font-size: 20px;\n font-weight: 500;\n justify-content: flex-start;\n padding-left: 24px;\n}\n\n.page-title-extra {\n display: flex;\n justify-content: flex-end;\n flex: 1;\n}"]}
package/dist/index.js CHANGED
@@ -11,6 +11,11 @@ var defaultLogo = require('./defaultLogo~beHinxEU.svg');
11
11
  var expand_bdCTnjYJ_svg = require('./expand~bdCTnjYJ.svg');
12
12
  var ReactErrorBoundary = require('@kne/react-error-boundary');
13
13
  var reactIntl = require('@kne/react-intl');
14
+ var SimpleBar = require('simplebar-react');
15
+ require('simplebar-react/dist/simplebar.min.css');
16
+ var LiquidGlass = require('@kne/react-liquid-glass');
17
+ require('@kne/react-liquid-glass/dist/index.css');
18
+ var ButtonGroup = require('@kne/button-group');
14
19
 
15
20
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
21
 
@@ -20,6 +25,9 @@ var Icon__default = /*#__PURE__*/_interopDefaultLegacy(Icon);
20
25
  var ensureSlash__default = /*#__PURE__*/_interopDefaultLegacy(ensureSlash);
21
26
  var defaultLogo__default = /*#__PURE__*/_interopDefaultLegacy(defaultLogo);
22
27
  var ReactErrorBoundary__default = /*#__PURE__*/_interopDefaultLegacy(ReactErrorBoundary);
28
+ var SimpleBar__default = /*#__PURE__*/_interopDefaultLegacy(SimpleBar);
29
+ var LiquidGlass__default = /*#__PURE__*/_interopDefaultLegacy(LiquidGlass);
30
+ var ButtonGroup__default = /*#__PURE__*/_interopDefaultLegacy(ButtonGroup);
23
31
 
24
32
  var dom = document.createElement("div");
25
33
  dom.setAttribute("aria-hidden", "true");
@@ -41,13 +49,14 @@ function _extends() {
41
49
  }, _extends.apply(null, arguments);
42
50
  }
43
51
 
44
- var style$1 = {"layout":"_sK89O","menu":"_-LpWn","open":"_G-zuN","menu-inner":"_7wq3X","logo":"_-T-Dc","menu-header":"_LOrmu","logo-img":"_2cRWf","expand-btn":"_8dzE7","username":"_b7XeQ","user-description":"_U0YTk","page":"_HnwkM","menu-list":"_8gqbZ","ai-entry":"_5qnw5","ai-dialog-window":"_UAJc-","page-dialog":"_UhsFd","page-window-content":"_2mdNn","page-content":"_nyAa2","ai-dialog-window-title":"_33Tja","ai-dialog-window-content":"_YmBhl"};
52
+ 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"};
45
53
 
46
54
  const UserCard = ({
47
55
  name,
48
56
  avatar,
49
57
  email,
50
58
  phone,
59
+ description,
51
60
  menuOpen
52
61
  }) => {
53
62
  if (!menuOpen) {
@@ -71,17 +80,17 @@ const UserCard = ({
71
80
  }), /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
72
81
  vertical: true,
73
82
  children: [/*#__PURE__*/jsxRuntime.jsx("div", {
74
- className: classnames__default["default"]('username', style$1['username']),
83
+ className: classnames__default["default"]('username', style$2['username']),
75
84
  children: name || '-'
76
85
  }), /*#__PURE__*/jsxRuntime.jsx("div", {
77
- className: classnames__default["default"]('user-description', style$1['user-description']),
78
- children: email || phone || '-'
86
+ className: classnames__default["default"]('user-description', style$2['user-description']),
87
+ children: email || phone || description || '-'
79
88
  })]
80
89
  })]
81
90
  });
82
91
  };
83
92
 
84
- var style = {"menu-group":"_Rfzv4","menu-item-icon":"_qoDtD","menu-group-split":"_socoO","menu-item":"_Xa-2h"};
93
+ var style$1 = {"menu-group":"_Rfzv4","menu-item-icon":"_qoDtD","menu-group-split":"_socoO","menu-item":"_Xa-2h"};
85
94
 
86
95
  const Menu = ({
87
96
  className,
@@ -93,9 +102,9 @@ const Menu = ({
93
102
  }) => {
94
103
  const location = reactRouterDom.useLocation();
95
104
  const navigate = reactRouterDom.useNavigate();
96
- const currentPathname = location.pathname.replace(new RegExp(`^/${base}`), '');
105
+ const currentPathname = base ? location.pathname.replace(new RegExp(`^${base}`), '') : location.pathname;
97
106
  return /*#__PURE__*/jsxRuntime.jsx("div", {
98
- className: classnames__default["default"]('menu', className, style['menu-list']),
107
+ className: classnames__default["default"]('menu', className, style$1['menu-list']),
99
108
  children: items.map((item, index) => {
100
109
  const active = (() => {
101
110
  if (typeof activeKey === 'string') {
@@ -129,19 +138,19 @@ const Menu = ({
129
138
  }
130
139
  },
131
140
  children: [hasGroup && menuOpen ? /*#__PURE__*/jsxRuntime.jsx("div", {
132
- className: classnames__default["default"]('menu-group', style['menu-group']),
141
+ className: classnames__default["default"]('menu-group', style$1['menu-group']),
133
142
  children: item.group
134
143
  }) : null, hasGroup && !menuOpen ? /*#__PURE__*/jsxRuntime.jsx("div", {
135
- className: classnames__default["default"]('menu-group-split', style['menu-group-split'])
144
+ className: classnames__default["default"]('menu-group-split', style$1['menu-group-split'])
136
145
  }) : null, /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
137
- className: classnames__default["default"]('menu-item', style['menu-item'], {
146
+ className: classnames__default["default"]('menu-item', style$1['menu-item'], {
138
147
  ['is-active']: active,
139
148
  ['is-closed']: !menuOpen
140
149
  }),
141
150
  align: "center",
142
151
  gap: 8,
143
152
  children: [typeof icon === 'string' && /*#__PURE__*/jsxRuntime.jsx(Icon__default["default"], {
144
- className: classnames__default["default"]('menu-item-icon', style['menu-item-icon']),
153
+ className: classnames__default["default"]('menu-item-icon', style$1['menu-item-icon']),
145
154
  type: icon,
146
155
  fontClassName: "system"
147
156
  }), menuOpen && item.label]
@@ -215,7 +224,7 @@ const Layout = _ref => {
215
224
  const [menuOpen, setMenuOpen] = react.useState(typeof localMenuOpen === 'boolean' ? localMenuOpen : true);
216
225
  const [aiType, setAiType] = react.useState('closed');
217
226
  return /*#__PURE__*/jsxRuntime.jsx("div", {
218
- className: classnames__default["default"](className, 'layout', style$1['layout']),
227
+ className: classnames__default["default"](className, 'layout', style$2['layout']),
219
228
  style: {
220
229
  '--menu-max-width': menuMaxWidth,
221
230
  '--menu-min-width': menuMinWidth,
@@ -223,31 +232,37 @@ const Layout = _ref => {
223
232
  },
224
233
  children: /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
225
234
  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
226
- className: classnames__default["default"]('menu', style$1['menu'], {
235
+ className: classnames__default["default"]('menu', style$2['menu'], {
227
236
  ['open']: menuOpen,
228
- [style$1['open']]: menuOpen
237
+ [style$2['open']]: menuOpen
229
238
  }),
230
239
  children: [/*#__PURE__*/jsxRuntime.jsx("div", {
231
- className: classnames__default["default"]('logo', style$1['logo']),
240
+ className: classnames__default["default"]('logo', style$2['logo']),
232
241
  children: /*#__PURE__*/jsxRuntime.jsx(reactFile.Image, _extends({
233
- className: style$1['logo-img']
242
+ className: style$2['logo-img']
234
243
  }, Object.assign({}, logo ? logo : {
235
244
  src: defaultLogo__default["default"]
236
245
  })))
237
- }), /*#__PURE__*/jsxRuntime.jsx(expand_bdCTnjYJ_svg.ReactComponent, {
238
- className: classnames__default["default"]('expand-btn', style$1['expand-btn'], {
239
- 'is-closed': !menuOpen
240
- }),
246
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
247
+ className: classnames__default["default"]('expand-btn-wrapper', style$2['expand-btn-wrapper']),
241
248
  onClick: () => {
242
249
  setMenuOpen(menuOpen => {
243
250
  localStorage__default["default"].setItem(LayoutMenuOpenKey, !menuOpen);
244
251
  return !menuOpen;
245
252
  });
246
- }
253
+ },
254
+ children: [/*#__PURE__*/jsxRuntime.jsx(LiquidGlass__default["default"], {
255
+ className: classnames__default["default"]('expand-btn-bg', style$2['expand-btn-bg']),
256
+ responsiveBorder: false
257
+ }), /*#__PURE__*/jsxRuntime.jsx(expand_bdCTnjYJ_svg.ReactComponent, {
258
+ className: classnames__default["default"]('expand-btn', style$2['expand-btn'], {
259
+ 'is-closed': !menuOpen
260
+ })
261
+ })]
247
262
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
248
- className: classnames__default["default"]('menu-inner', style$1['menu-inner']),
263
+ className: classnames__default["default"]('menu-inner', style$2['menu-inner']),
249
264
  children: [/*#__PURE__*/jsxRuntime.jsx("div", {
250
- className: classnames__default["default"]('menu-header', style$1['menu-header']),
265
+ className: classnames__default["default"]('menu-header', style$2['menu-header']),
251
266
  children: /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
252
267
  children: menuHeader ? typeof menuHeader === 'function' ? menuHeader({
253
268
  menuOpen
@@ -257,11 +272,11 @@ const Layout = _ref => {
257
272
  })
258
273
  }), /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
259
274
  children: /*#__PURE__*/jsxRuntime.jsx(Menu, _extends({
260
- className: classnames__default["default"]('menu-list', style$1['menu-list']),
275
+ className: classnames__default["default"]('menu-list', style$2['menu-list']),
261
276
  menuOpen: menuOpen
262
277
  }, menu))
263
278
  }), aiDialog && /*#__PURE__*/jsxRuntime.jsx("div", {
264
- className: classnames__default["default"]('ai-entry', style$1['ai-entry']),
279
+ className: classnames__default["default"]('ai-entry', style$2['ai-entry']),
265
280
  onClick: () => {
266
281
  setAiType('small');
267
282
  },
@@ -273,16 +288,16 @@ const Layout = _ref => {
273
288
  })]
274
289
  }), /*#__PURE__*/jsxRuntime.jsx(antd.Flex, {
275
290
  flex: 1,
276
- className: classnames__default["default"]('page', style$1['page']),
291
+ className: classnames__default["default"]('page', style$2['page']),
277
292
  children: /*#__PURE__*/jsxRuntime.jsxs(antd.Row, {
278
- gutter: 24,
279
- className: classnames__default["default"]('page-content', style$1['page-content']),
293
+ className: classnames__default["default"]('page-content', style$2['page-content']),
280
294
  children: [aiDialog && aiType === 'inner' && /*#__PURE__*/jsxRuntime.jsx(antd.Col, {
281
295
  span: 8,
296
+ className: classnames__default["default"]('page-dialog-outer', style$2['page-dialog-outer']),
282
297
  children: /*#__PURE__*/jsxRuntime.jsxs("div", {
283
- className: classnames__default["default"]('page-dialog', style$1['page-dialog']),
298
+ className: classnames__default["default"]('page-dialog', style$2['page-dialog']),
284
299
  children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
285
- className: classnames__default["default"]('ai-dialog-window-title', style$1['ai-dialog-window-title']),
300
+ className: classnames__default["default"]('ai-dialog-window-title', style$2['ai-dialog-window-title']),
286
301
  children: [/*#__PURE__*/jsxRuntime.jsx("div", {
287
302
  children: aiDialog.title
288
303
  }), /*#__PURE__*/jsxRuntime.jsx(antd.Flex, {
@@ -298,7 +313,7 @@ const Layout = _ref => {
298
313
  })]
299
314
  }), /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
300
315
  children: /*#__PURE__*/jsxRuntime.jsx("div", {
301
- className: classnames__default["default"]('page-window-content', style$1['page-window-content']),
316
+ className: classnames__default["default"]('page-window-content', style$2['page-window-content']),
302
317
  children: aiDialog.content
303
318
  })
304
319
  })]
@@ -306,14 +321,19 @@ const Layout = _ref => {
306
321
  }), /*#__PURE__*/jsxRuntime.jsx(antd.Col, {
307
322
  span: aiType === 'inner' ? 16 : 24,
308
323
  children: /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
309
- children: children
324
+ children: /*#__PURE__*/jsxRuntime.jsx(SimpleBar__default["default"], {
325
+ className: classnames__default["default"]('page-children', style$2['page-children'], {
326
+ ['has-left']: aiType === 'inner'
327
+ }),
328
+ children: children
329
+ })
310
330
  })
311
331
  })]
312
332
  })
313
333
  }), aiDialog && aiType === 'small' && /*#__PURE__*/jsxRuntime.jsxs("div", {
314
- className: classnames__default["default"]('ai-dialog-window', style$1['ai-dialog-window']),
334
+ className: classnames__default["default"]('ai-dialog-window', style$2['ai-dialog-window']),
315
335
  children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
316
- className: classnames__default["default"]('ai-dialog-window-title', style$1['ai-dialog-window-title']),
336
+ className: classnames__default["default"]('ai-dialog-window-title', style$2['ai-dialog-window-title']),
317
337
  children: [/*#__PURE__*/jsxRuntime.jsx("div", {
318
338
  children: aiDialog.title
319
339
  }), /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
@@ -336,7 +356,7 @@ const Layout = _ref => {
336
356
  })]
337
357
  }), /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
338
358
  children: /*#__PURE__*/jsxRuntime.jsx("div", {
339
- className: classnames__default["default"]('ai-dialog-window-content', style$1['ai-dialog-window-content']),
359
+ className: classnames__default["default"]('ai-dialog-window-content', style$2['ai-dialog-window-content']),
340
360
  children: aiDialog.content
341
361
  })
342
362
  })]
@@ -345,6 +365,34 @@ const Layout = _ref => {
345
365
  });
346
366
  };
347
367
 
368
+ var style = {"page-title":"_IOVGr","page-title-extra":"_mKsLu"};
369
+
370
+ const Page = _ref => {
371
+ let {
372
+ title,
373
+ buttonProps,
374
+ children
375
+ } = _ref;
376
+ return /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
377
+ vertical: true,
378
+ gap: 24,
379
+ children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
380
+ justify: "space-between",
381
+ gap: 20,
382
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
383
+ className: classnames__default["default"]('page-title', style['page-title']),
384
+ children: title
385
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
386
+ className: classnames__default["default"]('page-title-extra', style['page-title-extra']),
387
+ children: buttonProps && /*#__PURE__*/jsxRuntime.jsx(ButtonGroup__default["default"], _extends({}, buttonProps))
388
+ })]
389
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
390
+ children: children
391
+ })]
392
+ });
393
+ };
394
+
348
395
  exports.Layout = Layout;
396
+ exports.Page = Page;
349
397
  exports["default"] = Layout;
350
398
  //# sourceMappingURL=index.js.map