@lumir-company/editor 0.4.19 → 0.4.22
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/README.md +44 -19
- package/dist/index.d.mts +31 -17
- package/dist/index.d.ts +31 -17
- package/dist/index.js +1089 -687
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +769 -374
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +72 -9
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -559,6 +559,65 @@
|
|
|
559
559
|
overflow-y: auto;
|
|
560
560
|
}
|
|
561
561
|
|
|
562
|
+
/* Font Size 1px Stepper (글자 크기 −/+ + 직접 입력) — 두 드롭다운(FormattingToolbar/FloatingMenu) 공용 */
|
|
563
|
+
.lumir-fs-stepper {
|
|
564
|
+
display: flex;
|
|
565
|
+
align-items: center;
|
|
566
|
+
justify-content: center;
|
|
567
|
+
gap: 4px;
|
|
568
|
+
padding: 6px 8px;
|
|
569
|
+
border-bottom: 1px solid #e5e7eb;
|
|
570
|
+
}
|
|
571
|
+
|
|
572
|
+
.lumir-fs-stepper-btn {
|
|
573
|
+
width: 24px;
|
|
574
|
+
height: 24px;
|
|
575
|
+
display: flex;
|
|
576
|
+
align-items: center;
|
|
577
|
+
justify-content: center;
|
|
578
|
+
border: 1px solid #d1d5db;
|
|
579
|
+
border-radius: 4px;
|
|
580
|
+
background: #fff;
|
|
581
|
+
color: #374151;
|
|
582
|
+
cursor: pointer;
|
|
583
|
+
font-size: 14px;
|
|
584
|
+
line-height: 1;
|
|
585
|
+
flex-shrink: 0;
|
|
586
|
+
}
|
|
587
|
+
|
|
588
|
+
.lumir-fs-stepper-btn:hover:not(:disabled) {
|
|
589
|
+
background: #f3f4f6;
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
.lumir-fs-stepper-btn:disabled {
|
|
593
|
+
opacity: 0.4;
|
|
594
|
+
cursor: default;
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
.lumir-fs-stepper-input {
|
|
598
|
+
width: 40px;
|
|
599
|
+
text-align: center;
|
|
600
|
+
border: 1px solid #d1d5db;
|
|
601
|
+
border-radius: 4px;
|
|
602
|
+
padding: 3px 2px;
|
|
603
|
+
font-size: 13px;
|
|
604
|
+
color: #111827;
|
|
605
|
+
background: #fff;
|
|
606
|
+
-moz-appearance: textfield;
|
|
607
|
+
appearance: textfield;
|
|
608
|
+
}
|
|
609
|
+
|
|
610
|
+
.lumir-fs-stepper-input:focus {
|
|
611
|
+
outline: none;
|
|
612
|
+
border-color: #3b82f6;
|
|
613
|
+
}
|
|
614
|
+
|
|
615
|
+
.lumir-fs-stepper-input::-webkit-outer-spin-button,
|
|
616
|
+
.lumir-fs-stepper-input::-webkit-inner-spin-button {
|
|
617
|
+
-webkit-appearance: none;
|
|
618
|
+
margin: 0;
|
|
619
|
+
}
|
|
620
|
+
|
|
562
621
|
/* Block Type Dropdown Button */
|
|
563
622
|
.lumir-block-type-btn {
|
|
564
623
|
min-width: 110px;
|
|
@@ -1356,20 +1415,24 @@
|
|
|
1356
1415
|
min-width: 0; /* 컬럼 내 넓은 콘텐츠(표 등) 오버플로 방지 */
|
|
1357
1416
|
}
|
|
1358
1417
|
|
|
1359
|
-
/* 컬럼 중앙 세로
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1418
|
+
/* 컬럼 중앙 세로 구분선. 두 가지 방식으로 켜진다(둘 중 하나라도 켜지면 표시):
|
|
1419
|
+
1) 전역: columnDivider prop → 루트 `.lumir-column-divider` (모든 컬럼).
|
|
1420
|
+
2) 블록별: columnList의 `showDivider` attr → `data-divider="true"` (드래그핸들 메뉴 토글).
|
|
1421
|
+
divider가 드래그 핸들(grip)에 가려지지 않도록 gap을 넓혀(기본 16px → grip-space×2)
|
|
1422
|
+
divider를 정중앙에 두고 양쪽에 grip 너비만큼 여백을 둔다. 마지막 컬럼 제외 → N컬럼이면
|
|
1423
|
+
N-1개. flex 기본 align-items:stretch로 컬럼 높이가 같아 구분선이 전체 높이를 채운다.
|
|
1424
|
+
grip-space/색은 CSS 변수로 조정 가능. */
|
|
1425
|
+
.lumirEditor.lumir-column-divider .bn-column-list,
|
|
1426
|
+
.lumirEditor .bn-column-list[data-divider="true"] {
|
|
1366
1427
|
--lumir-column-grip-space: 28px; /* divider ~ 콘텐츠 여백(≈grip 너비 + 여유) */
|
|
1367
1428
|
gap: calc(var(--lumir-column-grip-space) * 2);
|
|
1368
1429
|
}
|
|
1369
|
-
.lumirEditor.lumir-column-divider .bn-column
|
|
1430
|
+
.lumirEditor.lumir-column-divider .bn-column,
|
|
1431
|
+
.lumirEditor .bn-column-list[data-divider="true"] .bn-column {
|
|
1370
1432
|
position: relative;
|
|
1371
1433
|
}
|
|
1372
|
-
.lumirEditor.lumir-column-divider .bn-column:not(:last-child)::after
|
|
1434
|
+
.lumirEditor.lumir-column-divider .bn-column:not(:last-child)::after,
|
|
1435
|
+
.lumirEditor .bn-column-list[data-divider="true"] .bn-column:not(:last-child)::after {
|
|
1373
1436
|
content: "";
|
|
1374
1437
|
position: absolute;
|
|
1375
1438
|
top: 0;
|
package/package.json
CHANGED