@lumir-company/editor 0.4.19 → 0.4.21

package/dist/style.css

@@ -1356,20 +1356,24 @@
   min-width: 0; /* 컬럼 내 넓은 콘텐츠(표 등) 오버플로 방지 */
 }
 
-/* 컬럼 중앙 세로 구분선 — columnDivider prop이 켜지면 루트에 .lumir-column-divider 부여.
-   divider가 드래그 핸들(grip)에 가려지지 않도록, 컬럼 사이 gap을 넓혀(기본 16px →
-   grip-space×2) divider를 정중앙에 두고 양쪽에 grip 너비만큼의 여백을 둔다.
-   우측 컬럼 블록의 grip은 그 우측 여백 안에 떠서 divider와 겹치지 않는다.
-   마지막 컬럼 제외 → N컬럼이면 N-1개. flex 기본 align-items:stretch로 컬럼 높이가
-   같아 구분선이 전체 높이를 채운다. grip-space는 CSS 변수로 조정 가능. */
-.lumirEditor.lumir-column-divider .bn-column-list {
+/* 컬럼 중앙 세로 구분선. 두 가지 방식으로 켜진다(둘 중 하나라도 켜지면 표시):
+   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.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.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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lumir-company/editor",
-  "version": "0.4.19",
+  "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": [