@kne/system-layout 0.1.0-alpha.3 → 0.1.0-alpha.5

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 +80 -9
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.js +80 -35
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.modern.js +76 -36
  7. package/dist/index.modern.js.map +1 -1
  8. package/package.json +6 -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,25 @@
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
+
352
+ ._8dzE7 {
308
353
  transition: transform 0.3s;
309
354
  }
310
355
  ._8dzE7.is-closed {
311
- transform: translate(0, -32px) scaleX(-1);
356
+ transform: scaleX(-1);
312
357
  }
313
358
 
314
359
  ._7wq3X {
@@ -324,7 +369,7 @@
324
369
  min-height: 40px;
325
370
  padding: 12px 16px;
326
371
  display: flex;
327
- justify-content: center;
372
+ justify-content: flex-start;
328
373
  overflow: hidden;
329
374
  }
330
375
 
@@ -338,13 +383,13 @@
338
383
  }
339
384
 
340
385
  ._HnwkM {
341
- padding: 24px;
342
386
  height: var(--page-height);
343
387
  border-radius: 12px;
344
388
  border: 1px solid rgba(255, 255, 255, 0.1);
345
389
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.5) 100%);
346
390
  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
391
  backdrop-filter: blur(10px);
392
+ min-width: 0;
348
393
  }
349
394
 
350
395
  ._8gqbZ {
@@ -376,6 +421,8 @@
376
421
  ._UAJc- {
377
422
  --container-width: 400px;
378
423
  --container-height: 400px;
424
+ --container-base-width: var(--container-width);
425
+ --container-base-height: var(--container-height);
379
426
  background: rgba(255, 255, 255, 0.4);
380
427
  backdrop-filter: blur(10px);
381
428
  border-radius: 8px;
@@ -393,6 +440,10 @@
393
440
  transform: scale(1.02);
394
441
  }
395
442
 
443
+ ._I7Anv {
444
+ padding: 24px 0 24px 24px;
445
+ }
446
+
396
447
  ._UhsFd {
397
448
  background: rgba(255, 255, 255, 0.4);
398
449
  border-radius: 8px;
@@ -405,7 +456,14 @@
405
456
  }
406
457
 
407
458
  ._2mdNn {
408
- height: calc(var(--page-content-height) - 48px);
459
+ --container-height: calc(var(--page-content-height) - 58px);
460
+ height: var(--container-height);
461
+ }
462
+
463
+ ._OM1Q2 {
464
+ --container-height: var(--page-content-height);
465
+ height: var(--container-height);
466
+ padding: 24px;
409
467
  }
410
468
 
411
469
  ._nyAa2 {
@@ -425,7 +483,8 @@
425
483
  }
426
484
 
427
485
  ._YmBhl {
428
- height: calc(var(--container-height) - 58px);
486
+ --container-height: calc(var(--container-base-height) - 58px);
487
+ height: var(--container-height);
429
488
  }
430
489
  ._Rfzv4 {
431
490
  font-size: 12px;
@@ -476,4 +535,16 @@
476
535
  ._Xa-2h.is-closed ._qoDtD {
477
536
  font-size: 24px;
478
537
  }
538
+ ._IOVGr {
539
+ font-size: 20px;
540
+ font-weight: 500;
541
+ justify-content: flex-start;
542
+ padding-left: 24px;
543
+ }
544
+
545
+ ._mKsLu {
546
+ display: flex;
547
+ justify-content: flex-end;
548
+ flex: 1;
549
+ }
479
550
  /*# sourceMappingURL=index.css.map */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["iconfont.css","style.module.scss"],"names":[],"mappings":"AAAA;EACE,qBAAqB,EAAE,uBAAuB;EAC9C,gBAAgB;EAChB;;;kEAGwD;AAC1D;;AAEA;EACE,gCAAgC;EAChC,eAAe;EACf,kBAAkB;EAClB,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;ACvPA;EACE,2BAA2B;EAC3B,4BAA4B;EAC5B,iCAAiC;EACjC,sDAAsD;EACtD,0BAA0B;EAC1B,4BAA4B;EAC5B,6BAA6B;EAC7B,sBAAsB;EACtB,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,UAAU;EACV,sBAAsB;EACtB,kBAAkB;AACpB;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,eAAe;AACjB;AACA;EACE,iBAAiB;EACjB,uBAAuB;AACzB;AACA;EACE,eAAe;EACf,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,aAAa;EACb,2BAA2B;AAC7B;AACA;EACE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,YAAY;EACZ,8BAA8B;EAC9B,eAAe;EACf,0BAA0B;AAC5B;AACA;EACE,yCAAyC;AAC3C;;AAEA;EACE,qBAAqB;EACrB,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,0CAA0C;EAC1C,qCAAqC;EACrC,2BAA2B;EAC3B,gBAAgB;EAChB,kBAAkB;EAClB,aAAa;EACb,uBAAuB;EACvB,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,6BAA6B;AAC/B;;AAEA;EACE,aAAa;EACb,0BAA0B;EAC1B,mBAAmB;EACnB,0CAA0C;EAC1C,+FAA+F;EAC/F,kHAAkH;EAClH,2BAA2B;AAC7B;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,sBAAsB;EACtB,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,aAAa;EACb,eAAe;EACf,kBAAkB;EAClB,oCAAoC;EACpC,2BAA2B;EAC3B,eAAe;EACf,oBAAoB;AACtB;AACA;EACE,oCAAoC;EACpC,yCAAyC;EACzC,qBAAqB;AACvB;;AAEA;EACE,wBAAwB;EACxB,yBAAyB;EACzB,oCAAoC;EACpC,2BAA2B;EAC3B,kBAAkB;EAClB,6BAA6B;EAC7B,+BAA+B;EAC/B,kBAAkB;EAClB,YAAY;EACZ,UAAU;EACV,+EAA+E;EAC/E,oBAAoB;AACtB;AACA;EACE,oCAAoC;EACpC,yCAAyC;EACzC,sBAAsB;AACxB;;AAEA;EACE,oCAAoC;EACpC,kBAAkB;EAClB,YAAY;EACZ,oBAAoB;AACtB;AACA;EACE,yCAAyC;EACzC,sBAAsB;AACxB;;AAEA;EACE,+CAA+C;AACjD;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,YAAY;EACZ,mBAAmB;EACnB,8BAA8B;EAC9B,eAAe;AACjB;AACA;EACE,eAAe;EACf,6BAA6B;EAC7B,eAAe;AACjB;;AAEA;EACE,4CAA4C;AAC9C;AAnLA;EACE,eAAe;EACf,6BAA6B;EAC7B,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,YAAY;EACZ,oCAAoC;EACpC,WAAW;EACX,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,aAAa;EACb,aAAa;EACb,kBAAkB;EAClB,eAAe;EACf,oBAAoB;AACtB;AACA;EACE,gCAAgC;EAChC,sBAAsB;AACxB;AACA;EACE,4HAA4H;EAC5H,8CAA8C;AAChD;AACA;EACE,2BAA2B;AAC7B;AACA;EACE,aAAa;EACb,uBAAuB;AACzB;AACA;EACE,oCAAoC;EACpC,yCAAyC;AAC3C;AACA;EACE,eAAe;AACjB","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":"_8dzE7","username":"_b7XeQ","user-description":"_U0YTk","page":"_HnwkM","menu-list":"_8gqbZ","ai-entry":"_5qnw5","ai-dialog-window":"_UAJc-","page-dialog-outer":"_I7Anv","page-dialog":"_UhsFd","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,34 @@ 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.jsx(LiquidGlass__default["default"], {
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(expand_bdCTnjYJ_svg.ReactComponent, {
255
+ className: classnames__default["default"]('expand-btn', style$2['expand-btn'], {
256
+ 'is-closed': !menuOpen
257
+ })
258
+ })
247
259
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
248
- className: classnames__default["default"]('menu-inner', style$1['menu-inner']),
260
+ className: classnames__default["default"]('menu-inner', style$2['menu-inner']),
249
261
  children: [/*#__PURE__*/jsxRuntime.jsx("div", {
250
- className: classnames__default["default"]('menu-header', style$1['menu-header']),
262
+ className: classnames__default["default"]('menu-header', style$2['menu-header']),
251
263
  children: /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
252
264
  children: menuHeader ? typeof menuHeader === 'function' ? menuHeader({
253
265
  menuOpen
@@ -257,11 +269,11 @@ const Layout = _ref => {
257
269
  })
258
270
  }), /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
259
271
  children: /*#__PURE__*/jsxRuntime.jsx(Menu, _extends({
260
- className: classnames__default["default"]('menu-list', style$1['menu-list']),
272
+ className: classnames__default["default"]('menu-list', style$2['menu-list']),
261
273
  menuOpen: menuOpen
262
274
  }, menu))
263
275
  }), aiDialog && /*#__PURE__*/jsxRuntime.jsx("div", {
264
- className: classnames__default["default"]('ai-entry', style$1['ai-entry']),
276
+ className: classnames__default["default"]('ai-entry', style$2['ai-entry']),
265
277
  onClick: () => {
266
278
  setAiType('small');
267
279
  },
@@ -273,16 +285,16 @@ const Layout = _ref => {
273
285
  })]
274
286
  }), /*#__PURE__*/jsxRuntime.jsx(antd.Flex, {
275
287
  flex: 1,
276
- className: classnames__default["default"]('page', style$1['page']),
288
+ className: classnames__default["default"]('page', style$2['page']),
277
289
  children: /*#__PURE__*/jsxRuntime.jsxs(antd.Row, {
278
- gutter: 24,
279
- className: classnames__default["default"]('page-content', style$1['page-content']),
290
+ className: classnames__default["default"]('page-content', style$2['page-content']),
280
291
  children: [aiDialog && aiType === 'inner' && /*#__PURE__*/jsxRuntime.jsx(antd.Col, {
281
292
  span: 8,
293
+ className: classnames__default["default"]('page-dialog-outer', style$2['page-dialog-outer']),
282
294
  children: /*#__PURE__*/jsxRuntime.jsxs("div", {
283
- className: classnames__default["default"]('page-dialog', style$1['page-dialog']),
295
+ className: classnames__default["default"]('page-dialog', style$2['page-dialog']),
284
296
  children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
285
- className: classnames__default["default"]('ai-dialog-window-title', style$1['ai-dialog-window-title']),
297
+ className: classnames__default["default"]('ai-dialog-window-title', style$2['ai-dialog-window-title']),
286
298
  children: [/*#__PURE__*/jsxRuntime.jsx("div", {
287
299
  children: aiDialog.title
288
300
  }), /*#__PURE__*/jsxRuntime.jsx(antd.Flex, {
@@ -298,7 +310,7 @@ const Layout = _ref => {
298
310
  })]
299
311
  }), /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
300
312
  children: /*#__PURE__*/jsxRuntime.jsx("div", {
301
- className: classnames__default["default"]('page-window-content', style$1['page-window-content']),
313
+ className: classnames__default["default"]('page-window-content', style$2['page-window-content']),
302
314
  children: aiDialog.content
303
315
  })
304
316
  })]
@@ -306,14 +318,19 @@ const Layout = _ref => {
306
318
  }), /*#__PURE__*/jsxRuntime.jsx(antd.Col, {
307
319
  span: aiType === 'inner' ? 16 : 24,
308
320
  children: /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
309
- children: children
321
+ children: /*#__PURE__*/jsxRuntime.jsx(SimpleBar__default["default"], {
322
+ className: classnames__default["default"]('page-children', style$2['page-children'], {
323
+ ['has-left']: aiType === 'inner'
324
+ }),
325
+ children: children
326
+ })
310
327
  })
311
328
  })]
312
329
  })
313
330
  }), aiDialog && aiType === 'small' && /*#__PURE__*/jsxRuntime.jsxs("div", {
314
- className: classnames__default["default"]('ai-dialog-window', style$1['ai-dialog-window']),
331
+ className: classnames__default["default"]('ai-dialog-window', style$2['ai-dialog-window']),
315
332
  children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
316
- className: classnames__default["default"]('ai-dialog-window-title', style$1['ai-dialog-window-title']),
333
+ className: classnames__default["default"]('ai-dialog-window-title', style$2['ai-dialog-window-title']),
317
334
  children: [/*#__PURE__*/jsxRuntime.jsx("div", {
318
335
  children: aiDialog.title
319
336
  }), /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
@@ -336,7 +353,7 @@ const Layout = _ref => {
336
353
  })]
337
354
  }), /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
338
355
  children: /*#__PURE__*/jsxRuntime.jsx("div", {
339
- className: classnames__default["default"]('ai-dialog-window-content', style$1['ai-dialog-window-content']),
356
+ className: classnames__default["default"]('ai-dialog-window-content', style$2['ai-dialog-window-content']),
340
357
  children: aiDialog.content
341
358
  })
342
359
  })]
@@ -345,6 +362,34 @@ const Layout = _ref => {
345
362
  });
346
363
  };
347
364
 
365
+ var style = {"page-title":"_IOVGr","page-title-extra":"_mKsLu"};
366
+
367
+ const Page = _ref => {
368
+ let {
369
+ title,
370
+ buttonProps,
371
+ children
372
+ } = _ref;
373
+ return /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
374
+ vertical: true,
375
+ gap: 24,
376
+ children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
377
+ justify: "space-between",
378
+ gap: 20,
379
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
380
+ className: classnames__default["default"]('page-title', style['page-title']),
381
+ children: title
382
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
383
+ className: classnames__default["default"]('page-title-extra', style['page-title-extra']),
384
+ children: buttonProps && /*#__PURE__*/jsxRuntime.jsx(ButtonGroup__default["default"], _extends({}, buttonProps))
385
+ })]
386
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
387
+ children: children
388
+ })]
389
+ });
390
+ };
391
+
348
392
  exports.Layout = Layout;
393
+ exports.Page = Page;
349
394
  exports["default"] = Layout;
350
395
  //# sourceMappingURL=index.js.map