@lumir-company/editor 0.4.17 → 0.4.19
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 +20 -0
- package/dist/index.d.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +419 -15
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +417 -13
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +41 -0
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -1291,6 +1291,23 @@
|
|
|
1291
1291
|
transition: none;
|
|
1292
1292
|
}
|
|
1293
1293
|
|
|
1294
|
+
/* 표 전체 스케일: 우하단 모서리 hit-zone(투명). 오버레이라 에디터 위에 떠서 코너의
|
|
1295
|
+
hover/클릭을 가로채므로 행/열 리사이즈(하단·우측 경계)와 충돌하지 않는다.
|
|
1296
|
+
보이는 핸들 없이 hover 시 대각 리사이즈 커서만 노출 + 드래그로 크기 조절. */
|
|
1297
|
+
.lumirEditor .lumir-tbl-scale-handle {
|
|
1298
|
+
width: 18px;
|
|
1299
|
+
height: 18px;
|
|
1300
|
+
background: transparent;
|
|
1301
|
+
cursor: nwse-resize;
|
|
1302
|
+
z-index: 30;
|
|
1303
|
+
pointer-events: auto;
|
|
1304
|
+
touch-action: none;
|
|
1305
|
+
}
|
|
1306
|
+
/* 드래그 중 셀: 트랜지션 제거로 프리뷰 떨림 방지. */
|
|
1307
|
+
.lumirEditor .ProseMirror .lumir-table-scale-dragging {
|
|
1308
|
+
transition: none;
|
|
1309
|
+
}
|
|
1310
|
+
|
|
1294
1311
|
/* =========================================================
|
|
1295
1312
|
표 블록 정렬(좌/가운데/우) — TableAlignmentExtension
|
|
1296
1313
|
<table>이 width:auto(content 폭)이므로 margin으로 수평 정렬.
|
|
@@ -1339,6 +1356,30 @@
|
|
|
1339
1356
|
min-width: 0; /* 컬럼 내 넓은 콘텐츠(표 등) 오버플로 방지 */
|
|
1340
1357
|
}
|
|
1341
1358
|
|
|
1359
|
+
/* 컬럼 중앙 세로 구분선 — columnDivider prop이 켜지면 루트에 .lumir-column-divider 부여.
|
|
1360
|
+
divider가 드래그 핸들(grip)에 가려지지 않도록, 컬럼 사이 gap을 넓혀(기본 16px →
|
|
1361
|
+
grip-space×2) divider를 정중앙에 두고 양쪽에 grip 너비만큼의 여백을 둔다.
|
|
1362
|
+
우측 컬럼 블록의 grip은 그 우측 여백 안에 떠서 divider와 겹치지 않는다.
|
|
1363
|
+
마지막 컬럼 제외 → N컬럼이면 N-1개. flex 기본 align-items:stretch로 컬럼 높이가
|
|
1364
|
+
같아 구분선이 전체 높이를 채운다. grip-space는 CSS 변수로 조정 가능. */
|
|
1365
|
+
.lumirEditor.lumir-column-divider .bn-column-list {
|
|
1366
|
+
--lumir-column-grip-space: 28px; /* divider ~ 콘텐츠 여백(≈grip 너비 + 여유) */
|
|
1367
|
+
gap: calc(var(--lumir-column-grip-space) * 2);
|
|
1368
|
+
}
|
|
1369
|
+
.lumirEditor.lumir-column-divider .bn-column {
|
|
1370
|
+
position: relative;
|
|
1371
|
+
}
|
|
1372
|
+
.lumirEditor.lumir-column-divider .bn-column:not(:last-child)::after {
|
|
1373
|
+
content: "";
|
|
1374
|
+
position: absolute;
|
|
1375
|
+
top: 0;
|
|
1376
|
+
bottom: 0;
|
|
1377
|
+
right: calc(var(--lumir-column-grip-space) * -1); /* gap 정중앙 */
|
|
1378
|
+
width: 1px;
|
|
1379
|
+
background: var(--lumir-column-divider-color, #e5e7eb);
|
|
1380
|
+
pointer-events: none;
|
|
1381
|
+
}
|
|
1382
|
+
|
|
1342
1383
|
/* DnD 컬럼 생성: 드롭 대상 블록의 좌/우 가장자리 세로 인디케이터(레이아웃 비이동 box-shadow) */
|
|
1343
1384
|
.lumirEditor .lumir-col-drop-left {
|
|
1344
1385
|
box-shadow: -3px 0 0 0 #3b82f6;
|
package/package.json
CHANGED