@lumir-company/editor 0.4.18 → 0.4.21

package/dist/style.css

@@ -1291,6 +1291,23 @@
   transition: none;
 }
 
+/* 표 전체 스케일: 우하단 모서리 hit-zone(투명). 오버레이라 에디터 위에 떠서 코너의
+   hover/클릭을 가로채므로 행/열 리사이즈(하단·우측 경계)와 충돌하지 않는다.
+   보이는 핸들 없이 hover 시 대각 리사이즈 커서만 노출 + 드래그로 크기 조절. */
+.lumirEditor .lumir-tbl-scale-handle {
+  width: 18px;
+  height: 18px;
+  background: transparent;
+  cursor: nwse-resize;
+  z-index: 30;
+  pointer-events: auto;
+  touch-action: none;
+}
+/* 드래그 중 셀: 트랜지션 제거로 프리뷰 떨림 방지. */
+.lumirEditor .ProseMirror .lumir-table-scale-dragging {
+  transition: none;
+}
+
 /* =========================================================
    표 블록 정렬(좌/가운데/우) — TableAlignmentExtension
    <table>이 width:auto(content 폭)이므로 margin으로 수평 정렬.
@@ -1339,6 +1356,34 @@
   min-width: 0; /* 컬럼 내 넓은 콘텐츠(표 등) 오버플로 방지 */
 }
 
+/* 컬럼 중앙 세로 구분선. 두 가지 방식으로 켜진다(둘 중 하나라도 켜지면 표시):
+   1) 전역: columnDivider prop → 루트 `.lumir-column-divider` (모든 컬럼).
+   2) 블록별: columnList의 `showDivider` attr → `data-divider="true"` (드래그핸들 메뉴 토글).
+   divider가 드래그 핸들(grip)에 가려지지 않도록 gap을 넓혀(기본 16px → grip-space×2)
+   divider를 정중앙에 두고 양쪽에 grip 너비만큼 여백을 둔다. 마지막 컬럼 제외 → N컬럼이면
+   N-1개. flex 기본 align-items:stretch로 컬럼 높이가 같아 구분선이 전체 높이를 채운다.
+   grip-space/색은 CSS 변수로 조정 가능. */
+.lumirEditor.lumir-column-divider .bn-column-list,
+.lumirEditor .bn-column-list[data-divider="true"] {
+  --lumir-column-grip-space: 28px; /* divider ~ 콘텐츠 여백(≈grip 너비 + 여유) */
+  gap: calc(var(--lumir-column-grip-space) * 2);
+}
+.lumirEditor.lumir-column-divider .bn-column,
+.lumirEditor .bn-column-list[data-divider="true"] .bn-column {
+  position: relative;
+}
+.lumirEditor.lumir-column-divider .bn-column:not(:last-child)::after,
+.lumirEditor .bn-column-list[data-divider="true"] .bn-column:not(:last-child)::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: calc(var(--lumir-column-grip-space) * -1); /* gap 정중앙 */
+  width: 1px;
+  background: var(--lumir-column-divider-color, #e5e7eb);
+  pointer-events: none;
+}
+
 /* DnD 컬럼 생성: 드롭 대상 블록의 좌/우 가장자리 세로 인디케이터(레이아웃 비이동 box-shadow) */
 .lumirEditor .lumir-col-drop-left {
   box-shadow: -3px 0 0 0 #3b82f6;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lumir-company/editor",
-  "version": "0.4.18",
+  "version": "0.4.21",
   "private": false,
   "description": "Image-only BlockNote rich text editor with S3 upload, customizable filename transforms, UUID support, and loading spinner",
   "keywords": [