@simplysm/solid 13.0.0-beta.6

package/dist/components/data/sheet/DataSheet.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/data/sheet/DataSheet.tsx"],
+  "sourcesContent": ["import { children, createMemo, createSignal, For, type JSX, Show, splitProps, useContext } from \"solid-js\";\nimport { createResizeObserver } from \"@solid-primitives/resize-observer\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport {\n  IconArrowsSort,\n  IconChevronDown,\n  IconChevronRight,\n  IconGripVertical,\n  IconSettings,\n  IconSortAscending,\n  IconSortDescending,\n} from \"@tabler/icons-solidjs\";\nimport \"@simplysm/core-browser\";\nimport type {\n  FlatItem,\n  DataSheetColumnDef,\n  DataSheetConfig,\n  DataSheetConfigColumnInfo,\n  DataSheetProps,\n  DataSheetReorderEvent,\n  SortingDef,\n} from \"./types\";\nimport { isDataSheetColumnDef, DataSheetColumn } from \"./DataSheetColumn\";\nimport { applySorting, buildHeaderTable, collectAllExpandable, flattenTree } from \"./sheetUtils\";\nimport { createControllableSignal } from \"../../../hooks/createControllableSignal\";\nimport { Icon } from \"../../display/Icon\";\nimport { Checkbox } from \"../../form-control/checkbox/Checkbox\";\nimport { Pagination } from \"../Pagination\";\nimport { usePersisted } from \"../../../hooks/usePersisted\";\nimport { DialogContext } from \"../../disclosure/DialogContext\";\nimport \"./DataSheet.css\";\nimport {\n  configButtonClass,\n  defaultContainerClass,\n  expandIndentGuideClass,\n  expandIndentGuideLineClass,\n  expandToggleClass,\n  featureCellBodyClickableClass,\n  featureCellBodyWrapperClass,\n  featureCellClickableClass,\n  featureCellWrapperClass,\n  featureTdClass,\n  featureThClass,\n  fixedClass,\n  fixedLastClass,\n  insetContainerClass,\n  insetTableClass,\n  reorderCellWrapperClass,\n  reorderHandleClass,\n  reorderIndicatorClass,\n  resizeIndicatorClass,\n  resizerClass,\n  selectSingleClass,\n  selectSingleSelectedClass,\n  selectSingleUnselectedClass,\n  dataSheetContainerClass,\n  sortableThClass,\n  sortIconClass,\n  summaryThClass,\n  tableClass,\n  tdClass,\n  thClass,\n  thContentClass,\n  toolbarClass,\n} from \"./DataSheet.styles\";\n\ninterface DataSheetComponent {\n  <T>(props: DataSheetProps<T>): JSX.Element;\n  Column: typeof DataSheetColumn;\n}\n\nexport const DataSheet: DataSheetComponent = <T,>(props: DataSheetProps<T>) => {\n  const [local] = splitProps(props, [\n    \"items\",\n    \"persistKey\",\n    \"hideConfigBar\",\n    \"inset\",\n    \"contentStyle\",\n    \"sorts\",\n    \"onSortsChange\",\n    \"autoSort\",\n    \"pageIndex\",\n    \"onPageIndexChange\",\n    \"totalPageCount\",\n    \"itemsPerPage\",\n    \"displayPageCount\",\n    \"expandedItems\",\n    \"onExpandedItemsChange\",\n    \"getChildren\",\n    \"selectMode\",\n    \"selectedItems\",\n    \"onSelectedItemsChange\",\n    \"autoSelect\",\n    \"isItemSelectable\",\n    \"cellClass\",\n    \"cellStyle\",\n    \"onItemsReorder\",\n    \"class\",\n    \"children\",\n  ]);\n\n  const modal = useContext(DialogContext);\n\n  // #region Column Collection\n  const resolved = children(() => local.children);\n  const columnDefs = createMemo(() =>\n    (resolved.toArray().filter(isDataSheetColumnDef) as unknown as DataSheetColumnDef<T>[]).filter(\n      (col) => !col.hidden,\n    ),\n  );\n\n  // #region Config (usePersisted)\n  /* eslint-disable solid/reactivity -- persistKey\uB294 \uC815\uC801 \uAC12\uC73C\uB85C \uCEF4\uD3EC\uB10C\uD2B8 \uB9C8\uC6B4\uD2B8 \uC2DC \uD55C \uBC88\uB9CC \uC0AC\uC6A9\uB428 */\n  const [config, setConfig] =\n    local.persistKey != null && local.persistKey !== \"\"\n      ? usePersisted<DataSheetConfig>(`sheet.${local.persistKey}`, { columnRecord: {} })\n      : createSignal<DataSheetConfig>({ columnRecord: {} });\n  /* eslint-enable solid/reactivity */\n\n  // \uC124\uC815\uC774 \uC801\uC6A9\uB41C \uCD5C\uC885 \uCEEC\uB7FC \u2014 config\uC758 hidden/fixed/width/displayOrder \uC624\uBC84\uB77C\uC774\uB4DC \uC801\uC6A9\n  const effectiveColumns = createMemo(() => {\n    const cols = columnDefs(); // \uC774\uBBF8 col.hidden (\uCF54\uB4DC \uC124\uC815) \uD544\uD130\uB9C1\uB428\n    const record = config().columnRecord ?? {};\n\n    return cols\n      .filter((col) => {\n        // config\uC5D0\uC11C hidden\uC73C\uB85C \uC124\uC815\uB41C \uCEEC\uB7FC \uC81C\uC678\n        const saved = record[col.key];\n        return !saved?.hidden;\n      })\n      .map((col) => {\n        const saved = record[col.key];\n        if (saved == null) return col;\n        return {\n          ...col,\n          fixed: saved.fixed ?? col.fixed,\n          width: saved.width ?? col.width,\n        };\n      })\n      .sort((a, b) => {\n        const orderA = record[a.key]?.displayOrder ?? Infinity;\n        const orderB = record[b.key]?.displayOrder ?? Infinity;\n        return orderA - orderB;\n      });\n  });\n\n  function saveColumnWidth(colKey: string, width: string | undefined): void {\n    const prev = config();\n    const record = { ...prev.columnRecord };\n    record[colKey] = { ...record[colKey], width };\n    setConfig({ ...prev, columnRecord: record });\n  }\n\n  async function openConfigModal(): Promise<void> {\n    if (!modal) return;\n\n    const { DataSheetConfigDialog } = await import(\"./DataSheetConfigDialog\");\n\n    const allCols = resolved.toArray().filter(isDataSheetColumnDef) as unknown as DataSheetColumnDef<T>[];\n\n    const columnInfos: DataSheetConfigColumnInfo[] = allCols\n      .filter((col) => !col.collapse)\n      .map((col) => ({\n        key: col.key,\n        header: col.header,\n        fixed: col.fixed,\n        hidden: col.hidden,\n        collapse: col.collapse,\n        width: col.width,\n      }));\n\n    const currentConfig = config();\n\n    const result = await modal.show<DataSheetConfig>(\n      () => <DataSheetConfigDialog columnInfos={columnInfos} currentConfig={currentConfig} />,\n      {\n        title: \"\uC2DC\uD2B8 \uC124\uC815\",\n        closeOnBackdrop: true,\n        closeOnEscape: true,\n      },\n    );\n\n    if (result) {\n      setConfig(result);\n    }\n  }\n\n  // #region Header\n  const headerTable = createMemo(() => buildHeaderTable(effectiveColumns()));\n  const hasSummary = createMemo(() => effectiveColumns().some((col) => col.summary != null));\n\n  // #region Sorting\n  const [sorts, setSorts] = createControllableSignal({\n    value: () => local.sorts ?? [],\n    onChange: () => local.onSortsChange,\n  });\n\n  function toggleSort(key: string, multiple: boolean): void {\n    const current = sorts();\n    const existing = current.find((s) => s.key === key);\n\n    if (existing) {\n      if (!existing.desc) {\n        // asc \u2192 desc\n        const updated = current.map((s) => (s.key === key ? { ...s, desc: true } : s));\n        setSorts(multiple ? updated : [{ key, desc: true }]);\n      } else {\n        // desc \u2192 \uC81C\uAC70\n        const updated = current.filter((s) => s.key !== key);\n        setSorts(multiple ? updated : []);\n      }\n    } else {\n      // \uC5C6\uC74C \u2192 asc \uCD94\uAC00\n      const newSort: SortingDef = { key, desc: false };\n      setSorts(multiple ? [...current, newSort] : [newSort]);\n    }\n  }\n\n  function getSortDef(key: string): SortingDef | undefined {\n    return sorts().find((s) => s.key === key);\n  }\n\n  function getSortIndex(key: string): number | undefined {\n    if (sorts().length <= 1) return undefined;\n    const idx = sorts().findIndex((s) => s.key === key);\n    return idx >= 0 ? idx + 1 : undefined;\n  }\n\n  const sortedItems = createMemo(() => {\n    if (!local.autoSort) return local.items ?? [];\n    return applySorting(local.items ?? [], sorts());\n  });\n\n  // #region Paging\n  const [currentPage, setCurrentPage] = createControllableSignal({\n    value: () => local.pageIndex ?? 0,\n    onChange: () => local.onPageIndexChange,\n  });\n\n  const effectivePageCount = createMemo(() => {\n    const ipp = local.itemsPerPage;\n    if (ipp != null && ipp !== 0 && (local.items ?? []).length > 0) {\n      return Math.ceil((local.items ?? []).length / ipp);\n    }\n    return local.totalPageCount ?? 0;\n  });\n\n  const pagedItems = createMemo(() => {\n    const ipp = local.itemsPerPage;\n    if (ipp == null || ipp === 0) return sortedItems();\n    if ((local.items ?? []).length <= 0) return sortedItems();\n\n    const page = currentPage();\n    return sortedItems().slice(page * ipp, (page + 1) * ipp);\n  });\n\n  // #region Feature Column Setup (\uD655\uC7A5/\uC120\uD0DD \uAE30\uB2A5 \uCEEC\uB7FC \uACF5\uD1B5)\n  const hasExpandFeature = () => local.getChildren != null;\n  const hasSelectFeature = () => local.selectMode != null;\n  const hasReorderFeature = () => local.onItemsReorder != null;\n\n  // \uAE30\uB2A5 \uCEEC\uB7FC \uB108\uBE44 \uCD94\uC801 \uD5EC\uD37C\n  function createTrackedWidth(): [() => number, (el: HTMLElement) => void] {\n    const [width, setWidth] = createSignal(0);\n    const register = (el: HTMLElement) => {\n      createResizeObserver(el, () => {\n        setWidth(el.offsetWidth);\n      });\n    };\n    return [width, register];\n  }\n\n  const [expandColWidth, registerExpandColRef] = createTrackedWidth();\n  const [selectColWidth, registerSelectColRef] = createTrackedWidth();\n  const [reorderColWidth, registerReorderColRef] = createTrackedWidth();\n\n  // \uAE30\uB2A5 \uCEEC\uB7FC left \uC704\uCE58 (\uC120\uD0DD/\uC7AC\uC815\uB82C \uCEEC\uB7FC\uC758 style\uC5D0 \uC0AC\uC6A9)\n  const selectColLeft = createMemo(() => (hasExpandFeature() ? `${expandColWidth()}px` : \"0\"));\n\n  const reorderColLeft = createMemo(() => {\n    let left = 0;\n    if (hasExpandFeature()) left += expandColWidth();\n    if (hasSelectFeature()) left += selectColWidth();\n    return `${left}px`;\n  });\n\n  // #region ColumnFixing\n  // \uAC01 \uCEEC\uB7FC \uC140\uC758 ref \u2192 \uB108\uBE44 \uCE21\uC815\uC6A9\n  const columnRefs = new Map<number, HTMLElement>();\n\n  // \uAC01 \uCEEC\uB7FC\uC758 \uCE21\uC815\uB41C \uB108\uBE44\n  const [columnWidths, setColumnWidths] = createSignal<Map<number, number>>(new Map());\n\n  // \uAE30\uB2A5 \uCEEC\uB7FC(\uD655\uC7A5 \uB4F1)\uC758 \uCD1D \uB108\uBE44 \u2014 \uACE0\uC815 \uCEEC\uB7FC left \uC624\uD504\uC14B\uC5D0 \uC0AC\uC6A9\n  const featureColTotalWidth = createMemo(() => {\n    let w = 0;\n    if (hasExpandFeature()) w += expandColWidth();\n    if (hasSelectFeature()) w += selectColWidth();\n    if (hasReorderFeature()) w += reorderColWidth();\n    return w;\n  });\n\n  // \uACE0\uC815 \uCEEC\uB7FC\uC758 left \uC704\uCE58 \uACC4\uC0B0\n  const fixedLeftMap = createMemo(() => {\n    const map = new Map<number, number>();\n    const cols = effectiveColumns();\n    const widths = columnWidths();\n    let left = featureColTotalWidth();\n    for (let c = 0; c < cols.length; c++) {\n      if (!cols[c].fixed) break; // \uACE0\uC815 \uCEEC\uB7FC\uC740 \uC55E\uCABD\uC5D0 \uC5F0\uC18D \uBC30\uCE58\n      map.set(c, left);\n      left += widths.get(c) ?? 0;\n    }\n    return map;\n  });\n\n  // \uB9C8\uC9C0\uB9C9 \uACE0\uC815 \uCEEC\uB7FC \uC778\uB371\uC2A4\n  const lastFixedIndex = createMemo(() => {\n    const cols = effectiveColumns();\n    let last = -1;\n    for (let c = 0; c < cols.length; c++) {\n      if (cols[c].fixed) last = c;\n      else break;\n    }\n    return last;\n  });\n\n  function getFixedStyle(colIndex: number): string | undefined {\n    const leftVal = fixedLeftMap().get(colIndex);\n    if (leftVal == null) return undefined;\n    return `left: ${leftVal}px`;\n  }\n\n  function isLastFixed(colIndex: number): boolean {\n    return colIndex === lastFixedIndex();\n  }\n\n  // \uACE0\uC815 \uCEEC\uB7FC \uC140\uC5D0 ResizeObserver \uB4F1\uB85D\n  function registerColumnRef(colIndex: number, el: HTMLElement): void {\n    columnRefs.set(colIndex, el);\n    createResizeObserver(el, () => {\n      setColumnWidths((prev) => {\n        const next = new Map(prev);\n        next.set(colIndex, el.offsetWidth);\n        return next;\n      });\n    });\n  }\n\n  // #region Resizing\n  const [resizeIndicatorStyle, setResizeIndicatorStyle] = createSignal<JSX.CSSProperties>({\n    display: \"none\",\n  });\n\n  function onResizerPointerdown(event: PointerEvent, colKey: string): void {\n    event.preventDefault();\n    const target = event.target as HTMLElement;\n    target.setPointerCapture(event.pointerId);\n\n    const th = target.closest(\"th\")!;\n    const container = th.closest(\"[data-sheet]\")!.querySelector(\"[data-sheet-scroll]\") as HTMLElement;\n    const startX = event.clientX;\n    const startWidth = th.offsetWidth;\n\n    // \uB9AC\uC0AC\uC774\uC988 \uC778\uB514\uCF00\uC774\uD130 \uD45C\uC2DC\n    const containerRect = container.getBoundingClientRect();\n    setResizeIndicatorStyle({\n      display: \"block\",\n      left: `${th.getBoundingClientRect().right - containerRect.left + container.scrollLeft}px`,\n      top: \"0\",\n      height: `${container.scrollHeight}px`,\n    });\n\n    const onPointerMove = (e: PointerEvent) => {\n      const delta = e.clientX - startX;\n      const newWidth = Math.max(30, startWidth + delta);\n      const currentRect = container.getBoundingClientRect();\n      setResizeIndicatorStyle({\n        display: \"block\",\n        left: `${th.getBoundingClientRect().left - currentRect.left + container.scrollLeft + newWidth}px`,\n        top: \"0\",\n        height: `${container.scrollHeight}px`,\n      });\n    };\n\n    const onPointerUp = (e: PointerEvent) => {\n      const delta = e.clientX - startX;\n      // \uC2E4\uC81C \uB4DC\uB798\uADF8\uAC00 \uBC1C\uC0DD\uD55C \uACBD\uC6B0\uC5D0\uB9CC \uB108\uBE44 \uC800\uC7A5 (\uB354\uBE14\uD074\uB9AD \uC2DC DOM \uC7AC\uC0DD\uC131\uC73C\uB85C dblclick \uC720\uC2E4 \uBC29\uC9C0)\n      if (delta !== 0) {\n        const newWidth = Math.max(30, startWidth + delta);\n        saveColumnWidth(colKey, `${newWidth}px`);\n      }\n      setResizeIndicatorStyle({ display: \"none\" });\n      target.removeEventListener(\"pointermove\", onPointerMove);\n      target.removeEventListener(\"pointerup\", onPointerUp);\n    };\n\n    target.addEventListener(\"pointermove\", onPointerMove);\n    target.addEventListener(\"pointerup\", onPointerUp);\n  }\n\n  function onResizerDoubleClick(colKey: string): void {\n    saveColumnWidth(colKey, undefined);\n  }\n\n  // #region HeaderSticky\n  // \uAC01 \uD5E4\uB354 \uD589\uC758 \uB192\uC774\uB97C \uCD94\uC801\uD558\uC5EC \uB204\uC801 top \uAC12 \uACC4\uC0B0\n  const [headerRowHeights, setHeaderRowHeights] = createSignal<number[]>([]);\n\n  function registerHeaderRow(rowIndex: number, el: HTMLElement): void {\n    createResizeObserver(el, (rect) => {\n      setHeaderRowHeights((prev) => {\n        const next = [...prev];\n        next[rowIndex] = rect.height;\n        return next;\n      });\n    });\n  }\n\n  // \uAC01 \uD5E4\uB354 \uD589\uC758 \uB204\uC801 top \uAC12\n  const headerRowTops = createMemo(() => {\n    const heights = headerRowHeights();\n    const tops: number[] = [];\n    let acc = 0;\n    for (let i = 0; i < heights.length; i++) {\n      tops.push(acc);\n      acc += heights[i] ?? 0;\n    }\n    return tops;\n  });\n\n  // \uD569\uACC4 \uD589\uC758 top \uAC12 (\uBAA8\uB4E0 \uD5E4\uB354 \uD589 \uB192\uC774 \uD569)\n  const summaryRowTop = createMemo(() => {\n    const heights = headerRowHeights();\n    return heights.reduce((sum, h) => sum + h, 0);\n  });\n\n  // #region Expanding\n  const [expandedItems, setExpandedItems] = createControllableSignal({\n    value: () => local.expandedItems ?? [],\n    onChange: () => local.onExpandedItemsChange,\n  });\n\n  function toggleExpand(item: T): void {\n    const current = expandedItems();\n    if (current.includes(item)) {\n      setExpandedItems(current.filter((i) => i !== item));\n    } else {\n      setExpandedItems([...current, item]);\n    }\n  }\n\n  function toggleExpandAll(): void {\n    if (!local.getChildren) return;\n    const allExpandable = collectAllExpandable(pagedItems(), local.getChildren);\n    const isAllExpanded = allExpandable.every((item) => expandedItems().includes(item));\n    setExpandedItems(isAllExpanded ? [] : allExpandable);\n  }\n\n  const flatItems = createMemo((): FlatItem<T>[] => {\n    return flattenTree(pagedItems(), expandedItems(), local.getChildren);\n  });\n\n  // #region Selection\n  const [selectedItems, setSelectedItems] = createControllableSignal({\n    value: () => local.selectedItems ?? [],\n    onChange: () => local.onSelectedItemsChange,\n  });\n\n  const [lastClickedRow, setLastClickedRow] = createSignal<number | null>(null);\n  const [lastClickAction, setLastClickAction] = createSignal<\"select\" | \"deselect\">(\"select\");\n\n  function getItemSelectable(item: T): boolean | string {\n    if (!local.isItemSelectable) return true;\n    return local.isItemSelectable(item);\n  }\n\n  function toggleSelect(item: T): void {\n    if (getItemSelectable(item) !== true) return;\n    const isSelected = selectedItems().includes(item);\n    setLastClickAction(isSelected ? \"deselect\" : \"select\");\n\n    if (local.selectMode === \"single\") {\n      setSelectedItems(isSelected ? [] : [item]);\n    } else {\n      setSelectedItems(isSelected ? selectedItems().filter((i) => i !== item) : [...selectedItems(), item]);\n    }\n  }\n\n  function toggleSelectAll(): void {\n    const selectableItems = displayItems()\n      .map((flat) => flat.item)\n      .filter((item) => getItemSelectable(item) === true);\n    const isAllSelected = selectableItems.every((item) => selectedItems().includes(item));\n    setSelectedItems(isAllSelected ? [] : selectableItems);\n  }\n\n  function rangeSelect(targetRow: number): void {\n    const lastRow = lastClickedRow();\n    if (lastRow == null) return;\n\n    const start = Math.min(lastRow, targetRow);\n    const end = Math.max(lastRow, targetRow);\n\n    const rangeItems = displayItems()\n      .slice(start, end + 1)\n      .map((flat) => flat.item)\n      .filter((item) => getItemSelectable(item) === true);\n\n    if (lastClickAction() === \"select\") {\n      const newItems = [...selectedItems()];\n      for (const item of rangeItems) {\n        if (!newItems.includes(item)) newItems.push(item);\n      }\n      setSelectedItems(newItems);\n    } else {\n      setSelectedItems(selectedItems().filter((item) => !rangeItems.includes(item)));\n    }\n  }\n\n  // #region AutoSelect\n  function selectItem(item: T): void {\n    if (getItemSelectable(item) !== true) return;\n    if (local.selectMode === \"single\") {\n      setSelectedItems([item]);\n    } else {\n      if (!selectedItems().includes(item)) {\n        setSelectedItems([...selectedItems(), item]);\n      }\n    }\n  }\n\n  // #region Reorder\n  const [dragState, setDragState] = createSignal<{\n    draggingItem: T;\n    targetItem: T | null;\n    position: \"before\" | \"after\" | \"inside\" | null;\n  } | null>(null);\n\n  function isDescendant(parent: T, child: T): boolean {\n    if (!local.getChildren) return false;\n    const childItems = local.getChildren(parent, 0);\n    if (!childItems) return false;\n    for (const c of childItems) {\n      if (c === child) return true;\n      if (isDescendant(c, child)) return true;\n    }\n    return false;\n  }\n\n  function onReorderPointerDown(e: PointerEvent, item: T): void {\n    e.preventDefault();\n    const target = e.currentTarget as HTMLElement;\n    target.setPointerCapture(e.pointerId);\n\n    const tableEl = target.closest(\"table\")!;\n    const tbody = tableEl.querySelector(\"tbody\")!;\n    const rows = Array.from(tbody.rows);\n\n    setDragState({ draggingItem: item, targetItem: null, position: null });\n\n    const onPointerMove = (ev: PointerEvent) => {\n      let foundTarget: T | null = null;\n      let foundPosition: \"before\" | \"after\" | \"inside\" | null = null;\n\n      for (let i = 0; i < rows.length; i++) {\n        const row = rows[i];\n        const rect = row.getBoundingClientRect();\n        if (ev.clientY < rect.top || ev.clientY > rect.bottom) continue;\n\n        if (i >= displayItems().length) break;\n        const flat = displayItems()[i];\n        if (flat.item === item) break;\n\n        // \uC790\uAE30 \uC790\uC2E0\uC758 \uD558\uC704 \uD56D\uBAA9\uC73C\uB85C\uB294 \uB4DC\uB86D \uBD88\uAC00\n        if (isDescendant(item, flat.item)) break;\n\n        const relY = ev.clientY - rect.top;\n        const third = rect.height / 3;\n\n        if (relY < third) {\n          foundPosition = \"before\";\n        } else if (relY > third * 2) {\n          foundPosition = \"after\";\n        } else {\n          foundPosition = local.getChildren ? \"inside\" : relY < rect.height / 2 ? \"before\" : \"after\";\n        }\n        foundTarget = flat.item;\n        break;\n      }\n\n      setDragState({ draggingItem: item, targetItem: foundTarget, position: foundPosition });\n\n      // \uC778\uB514\uCF00\uC774\uD130 DOM \uC5C5\uB370\uC774\uD2B8\n      for (let i = 0; i < rows.length; i++) {\n        rows[i].removeAttribute(\"data-dragging\");\n        rows[i].removeAttribute(\"data-drag-over\");\n\n        if (i < displayItems().length) {\n          const flat = displayItems()[i];\n          if (flat.item === item) {\n            rows[i].setAttribute(\"data-dragging\", \"\");\n          }\n          if (flat.item === foundTarget && foundPosition === \"inside\") {\n            rows[i].setAttribute(\"data-drag-over\", \"inside\");\n          }\n        }\n      }\n\n      // before/after \uC778\uB514\uCF00\uC774\uD130\n      const indicatorEl = tableEl\n        .closest(\"[data-sheet-scroll]\")\n        ?.querySelector(\"[data-reorder-indicator]\") as HTMLElement | null;\n      if (indicatorEl) {\n        if (foundTarget != null && foundPosition != null && foundPosition !== \"inside\") {\n          const targetIdx = displayItems().findIndex((f) => f.item === foundTarget);\n          if (targetIdx >= 0) {\n            const targetRow = rows[targetIdx];\n            const containerRect = tableEl.closest(\"[data-sheet-scroll]\")!.getBoundingClientRect();\n            const rowRect = targetRow.getBoundingClientRect();\n            const scrollEl = tableEl.closest(\"[data-sheet-scroll]\") as HTMLElement;\n\n            const top =\n              foundPosition === \"before\"\n                ? rowRect.top - containerRect.top + scrollEl.scrollTop\n                : rowRect.bottom - containerRect.top + scrollEl.scrollTop;\n\n            indicatorEl.style.display = \"block\";\n            indicatorEl.style.top = `${top}px`;\n          }\n        } else {\n          indicatorEl.style.display = \"none\";\n        }\n      }\n    };\n\n    const onPointerUp = () => {\n      const state = dragState();\n      if (state?.targetItem != null && state.position != null) {\n        local.onItemsReorder?.({\n          item: state.draggingItem,\n          targetItem: state.targetItem,\n          position: state.position,\n        } as DataSheetReorderEvent<T>);\n      }\n\n      // \uD074\uB9B0\uC5C5\n      for (const row of rows) {\n        row.removeAttribute(\"data-dragging\");\n        row.removeAttribute(\"data-drag-over\");\n      }\n      const indicatorEl = tableEl\n        .closest(\"[data-sheet-scroll]\")\n        ?.querySelector(\"[data-reorder-indicator]\") as HTMLElement | null;\n      if (indicatorEl) {\n        indicatorEl.style.display = \"none\";\n      }\n\n      setDragState(null);\n      target.removeEventListener(\"pointermove\", onPointerMove);\n      target.removeEventListener(\"pointerup\", onPointerUp);\n    };\n\n    target.addEventListener(\"pointermove\", onPointerMove);\n    target.addEventListener(\"pointerup\", onPointerUp);\n  }\n\n  // #region Keyboard Navigation (Enter/Shift+Enter\uB85C \uD589 \uC774\uB3D9)\n  function onTableKeyDown(e: KeyboardEvent): void {\n    if (e.key !== \"Enter\" || e.altKey || e.ctrlKey || e.metaKey) return;\n\n    const focused = document.activeElement;\n    if (!(focused instanceof HTMLElement)) return;\n\n    const td = focused.closest(\"td\");\n    if (!td) return;\n\n    const tr = td.closest(\"tr\");\n    if (!tr) return;\n\n    const tbody = tr.closest(\"tbody\");\n    if (!tbody) return;\n\n    const rows = tbody.rows;\n    const rowIndex = Array.from(rows).indexOf(tr);\n    if (rowIndex < 0) return;\n\n    const cellIndex = Array.from(tr.cells).indexOf(td);\n    if (cellIndex < 0) return;\n\n    const targetRowIndex = e.shiftKey ? rowIndex - 1 : rowIndex + 1;\n    if (targetRowIndex < 0 || targetRowIndex >= rows.length) return;\n\n    const targetFocusable = rows[targetRowIndex].cells[cellIndex].findFirstFocusableChild();\n    if (!targetFocusable) return;\n\n    e.preventDefault();\n    targetFocusable.focus();\n  }\n\n  // #region Display\n  const displayItems = flatItems;\n\n  // \uD655\uC7A5 \uAE30\uB2A5 \uCEEC\uB7FC\uC774 \"\uB9C8\uC9C0\uB9C9 \uACE0\uC815\"\uC778\uC9C0 (\uC77C\uBC18 \uACE0\uC815 \uCEEC\uB7FC\uC774 \uC5C6\uACE0, \uC120\uD0DD \uCEEC\uB7FC\uB3C4 \uC5C6\uC744 \uB54C)\n  const isExpandColLastFixed = () =>\n    hasExpandFeature() && !hasSelectFeature() && !hasReorderFeature() && lastFixedIndex() < 0;\n\n  // \uC120\uD0DD \uAE30\uB2A5 \uCEEC\uB7FC\uC774 \"\uB9C8\uC9C0\uB9C9 \uACE0\uC815\"\uC778\uC9C0 (\uC77C\uBC18 \uACE0\uC815 \uCEEC\uB7FC\uC774 \uC5C6\uACE0, \uC120\uD0DD \uCEEC\uB7FC\uC774 \uAC00\uC7A5 \uC624\uB978\uCABD \uAE30\uB2A5 \uCEEC\uB7FC\uC77C \uB54C)\n  const isSelectColLastFixed = () => hasSelectFeature() && !hasReorderFeature() && lastFixedIndex() < 0;\n\n  const isReorderColLastFixed = () => hasReorderFeature() && lastFixedIndex() < 0;\n\n  // \uC804\uCCB4 \uD5E4\uB354 \uD589 \uC218 + \uD569\uACC4 \uD589 \uC218 (\uAE30\uB2A5 \uCEEC\uB7FC\uC758 rowspan\uC5D0 \uC0AC\uC6A9)\n  const featureHeaderRowspan = createMemo(() => {\n    const headerRows = headerTable().length;\n    const summaryRow = hasSummary() ? 1 : 0;\n    return headerRows + summaryRow;\n  });\n\n  // \uC804\uCCB4 \uD655\uC7A5 \uC0C1\uD0DC\uC778\uC9C0\n  const isAllExpanded = createMemo(() => {\n    if (!local.getChildren) return false;\n    const allExpandable = collectAllExpandable(pagedItems(), local.getChildren);\n    return allExpandable.length > 0 && allExpandable.every((item) => expandedItems().includes(item));\n  });\n\n  return (\n    <div\n      data-sheet={local.persistKey ?? \"\"}\n      class={twMerge(\"flex flex-col\", local.inset ? insetContainerClass : defaultContainerClass, local.class)}\n    >\n      <Show when={!local.hideConfigBar && (modal != null || effectivePageCount() > 1)}>\n        <div class={toolbarClass}>\n          <Show when={effectivePageCount() > 1}>\n            <Pagination\n              pageIndex={currentPage()}\n              onPageIndexChange={setCurrentPage}\n              totalPageCount={effectivePageCount()}\n              displayPageCount={local.displayPageCount}\n              size=\"sm\"\n            />\n          </Show>\n          <div class=\"flex-1\" />\n          <Show when={modal != null}>\n            <button class={configButtonClass} onClick={openConfigModal} title=\"\uC2DC\uD2B8 \uC124\uC815\" type=\"button\">\n              <Icon icon={IconSettings} size=\"1em\" />\n            </button>\n          </Show>\n        </div>\n      </Show>\n      <div data-sheet-scroll class={twMerge(dataSheetContainerClass, \"flex-1 min-h-0\")} style={local.contentStyle}>\n        <table\n          class={twMerge(tableClass, local.inset ? insetTableClass : undefined)}\n          onKeyDown={onTableKeyDown}\n          onPointerDown={(e) => {\n            if (e.shiftKey && hasSelectFeature()) {\n              e.preventDefault();\n            }\n          }}\n        >\n          <colgroup>\n            <Show when={hasExpandFeature()}>\n              <col />\n            </Show>\n            <Show when={hasSelectFeature()}>\n              <col />\n            </Show>\n            <Show when={hasReorderFeature()}>\n              <col />\n            </Show>\n            <For each={effectiveColumns()}>\n              {(col) => <col style={col.width != null ? { width: col.width } : undefined} />}\n            </For>\n          </colgroup>\n          <thead>\n            <For each={headerTable()}>\n              {(row, rowIndex) => (\n                <tr ref={(el: HTMLElement) => registerHeaderRow(rowIndex(), el)}>\n                  {/* \uD655\uC7A5 \uAE30\uB2A5 \uCEEC\uB7FC \uD5E4\uB354 \u2014 \uCCAB \uBC88\uC9F8 \uD589\uC5D0\uB9CC \uD45C\uC2DC (rowspan\uC73C\uB85C \uC804\uCCB4 \uB36E\uAE30) */}\n                  <Show when={hasExpandFeature() && rowIndex() === 0}>\n                    <th\n                      class={twMerge(\n                        featureThClass,\n                        fixedClass,\n                        \"z-[5]\",\n                        isExpandColLastFixed() ? fixedLastClass : undefined,\n                      )}\n                      rowspan={featureHeaderRowspan()}\n                      style={{ top: \"0\", left: \"0\" }}\n                      ref={registerExpandColRef}\n                    >\n                      <div class={featureCellWrapperClass}>\n                        <button\n                          type=\"button\"\n                          class={expandToggleClass}\n                          onClick={toggleExpandAll}\n                          title={isAllExpanded() ? \"\uC804\uCCB4 \uC811\uAE30\" : \"\uC804\uCCB4 \uD3BC\uCE58\uAE30\"}\n                        >\n                          <Icon\n                            icon={IconChevronDown}\n                            size=\"1em\"\n                            class={clsx(\"transition-transform\", isAllExpanded() ? \"rotate-0\" : \"-rotate-90\")}\n                          />\n                        </button>\n                      </div>\n                    </th>\n                  </Show>\n                  {/* \uC120\uD0DD \uAE30\uB2A5 \uCEEC\uB7FC \uD5E4\uB354 \u2014 \uCCAB \uBC88\uC9F8 \uD589\uC5D0\uB9CC \uD45C\uC2DC (rowspan\uC73C\uB85C \uC804\uCCB4 \uB36E\uAE30) */}\n                  <Show when={hasSelectFeature() && rowIndex() === 0}>\n                    <th\n                      class={twMerge(\n                        featureThClass,\n                        fixedClass,\n                        \"z-[5]\",\n                        isSelectColLastFixed() ? fixedLastClass : undefined,\n                      )}\n                      rowspan={featureHeaderRowspan()}\n                      style={{\n                        top: \"0\",\n                        left: selectColLeft(),\n                      }}\n                      ref={registerSelectColRef}\n                    >\n                      <Show when={local.selectMode === \"multiple\"}>\n                        <div class={featureCellClickableClass} onClick={() => toggleSelectAll()}>\n                          <Checkbox\n                            value={(() => {\n                              const selectableItems = displayItems()\n                                .map((flat) => flat.item)\n                                .filter((item) => getItemSelectable(item) === true);\n                              return (\n                                selectableItems.length > 0 &&\n                                selectableItems.every((item) => selectedItems().includes(item))\n                              );\n                            })()}\n                            inset\n                            class=\"pointer-events-none\"\n                          />\n                        </div>\n                      </Show>\n                    </th>\n                  </Show>\n                  {/* \uB4DC\uB798\uADF8 \uC7AC\uC815\uB82C \uAE30\uB2A5 \uCEEC\uB7FC \uD5E4\uB354 \u2014 \uCCAB \uBC88\uC9F8 \uD589\uC5D0\uB9CC \uD45C\uC2DC */}\n                  <Show when={hasReorderFeature() && rowIndex() === 0}>\n                    <th\n                      class={twMerge(\n                        featureThClass,\n                        fixedClass,\n                        \"z-[5]\",\n                        isReorderColLastFixed() ? fixedLastClass : undefined,\n                      )}\n                      rowspan={featureHeaderRowspan()}\n                      style={{\n                        top: \"0\",\n                        left: reorderColLeft(),\n                      }}\n                      ref={registerReorderColRef}\n                    />\n                  </Show>\n                  <For each={row}>\n                    {(cell, cellColIndex) => (\n                      <Show when={cell}>\n                        {(c) => {\n                          const isSortable = () =>\n                            c().isLastRow && c().colIndex != null && effectiveColumns()[c().colIndex!].sortable;\n                          const colKey = () =>\n                            c().colIndex != null ? effectiveColumns()[c().colIndex!].key : undefined;\n\n                          // \uADF8\uB8F9 \uD5E4\uB354\uC758 \uACE0\uC815 \uC5EC\uBD80: colspan \uBC94\uC704 \uB0B4 \uBAA8\uB4E0 \uCEEC\uB7FC\uC774 fixed\uC778\uC9C0\n                          const isGroupFixed = (): boolean => {\n                            if (c().isLastRow) return false;\n                            const start = cellColIndex();\n                            const span = c().colspan;\n                            const cols = effectiveColumns();\n                            for (let i = start; i < start + span && i < cols.length; i++) {\n                              if (!cols[i].fixed) return false;\n                            }\n                            return true;\n                          };\n\n                          // \uC140\uC758 \uACE0\uC815 \uCEEC\uB7FC \uC5EC\uBD80 (\uB9C8\uC9C0\uB9C9 \uD589\uC774\uBA74 colIndex \uAE30\uBC18, \uADF8 \uC678 \uADF8\uB8F9 \uAE30\uBC18)\n                          const isCellFixed = () =>\n                            (c().isLastRow && c().colIndex != null && effectiveColumns()[c().colIndex!].fixed) ||\n                            isGroupFixed();\n\n                          // \uC140\uC758 \uB9C8\uC9C0\uB9C9 \uACE0\uC815 \uC5EC\uBD80\n                          const isCellLastFixed = () => {\n                            if (c().isLastRow && c().colIndex != null) return isLastFixed(c().colIndex!);\n                            if (isGroupFixed()) {\n                              const lastCol = cellColIndex() + c().colspan - 1;\n                              return isLastFixed(lastCol);\n                            }\n                            return false;\n                          };\n\n                          // \uACE0\uC815 \uC140\uC758 left + top \uC778\uB77C\uC778 style\n                          const cellStyle = (): string | undefined => {\n                            const parts: string[] = [];\n                            // top: \uBAA8\uB4E0 th\uC5D0 \uC801\uC6A9 (\uD5E4\uB354 \uC0C1\uB2E8 \uACE0\uC815)\n                            const top = headerRowTops()[rowIndex()];\n                            parts.push(`top: ${top}px`);\n                            // left: \uACE0\uC815 \uCEEC\uB7FC\uC5D0\uB9CC \uC801\uC6A9\n                            if (c().isLastRow && c().colIndex != null) {\n                              const left = getFixedStyle(c().colIndex!);\n                              if (left != null) parts.push(left);\n                              // max-width: \uBA85\uC2DC\uC801 \uB108\uBE44\uAC00 \uC788\uC73C\uBA74 \uC801\uC6A9 (\uCEEC\uB7FC\uC774 \uB0B4\uC6A9\uBB3C\uBCF4\uB2E4 \uC791\uC544\uC9C8 \uC218 \uC788\uB3C4\uB85D)\n                              const col = effectiveColumns()[c().colIndex!];\n                              if (col.width != null) parts.push(`max-width: ${col.width}`);\n                            } else if (isGroupFixed()) {\n                              const left = getFixedStyle(cellColIndex());\n                              if (left != null) parts.push(left);\n                            }\n                            return parts.length > 0 ? parts.join(\"; \") : undefined;\n                          };\n\n                          return (\n                            <th\n                              class={twMerge(\n                                thClass,\n                                fixedClass,\n                                isSortable() ? sortableThClass : undefined,\n                                isCellFixed() ? \"z-[5]\" : \"z-[3]\",\n                                isCellLastFixed() ? fixedLastClass : undefined,\n                              )}\n                              colspan={c().colspan > 1 ? c().colspan : undefined}\n                              rowspan={c().rowspan > 1 ? c().rowspan : undefined}\n                              style={cellStyle()}\n                              title={\n                                c().isLastRow && c().colIndex != null\n                                  ? (effectiveColumns()[c().colIndex!].tooltip ?? c().text)\n                                  : c().text\n                              }\n                              ref={(el: HTMLElement) => {\n                                if (c().isLastRow && c().colIndex != null && effectiveColumns()[c().colIndex!].fixed) {\n                                  registerColumnRef(c().colIndex!, el);\n                                }\n                              }}\n                              onClick={(e) => {\n                                if (!isSortable()) return;\n                                const key = colKey();\n                                if (key == null) return;\n                                toggleSort(key, e.shiftKey || e.ctrlKey);\n                              }}\n                            >\n                              <div class={clsx(\"flex items-center\", thContentClass)}>\n                                <div class=\"flex-1\">{c().headerContent?.() ?? c().text}</div>\n                                <Show when={isSortable() && colKey()}>\n                                  {(key) => {\n                                    const sortDef = () => getSortDef(key());\n                                    const sortIndex = () => getSortIndex(key());\n                                    return (\n                                      <div class={sortIconClass}>\n                                        <Show when={sortDef()?.desc === false}>\n                                          <Icon icon={IconSortAscending} size=\"1em\" />\n                                        </Show>\n                                        <Show when={sortDef()?.desc === true}>\n                                          <Icon icon={IconSortDescending} size=\"1em\" />\n                                        </Show>\n                                        <Show when={sortDef() == null}>\n                                          <Icon icon={IconArrowsSort} size=\"1em\" class=\"opacity-30\" />\n                                        </Show>\n                                        <Show when={sortIndex()}>{(idx) => <sub>{idx()}</sub>}</Show>\n                                      </div>\n                                    );\n                                  }}\n                                </Show>\n                              </div>\n                              <Show\n                                when={\n                                  c().isLastRow && c().colIndex != null && effectiveColumns()[c().colIndex!].resizable\n                                }\n                              >\n                                <div\n                                  class={resizerClass}\n                                  onClick={(e) => e.stopPropagation()}\n                                  onPointerDown={(e) => onResizerPointerdown(e, effectiveColumns()[c().colIndex!].key)}\n                                  onDblClick={(e) => {\n                                    e.stopPropagation();\n                                    onResizerDoubleClick(effectiveColumns()[c().colIndex!].key);\n                                  }}\n                                />\n                              </Show>\n                            </th>\n                          );\n                        }}\n                      </Show>\n                    )}\n                  </For>\n                </tr>\n              )}\n            </For>\n            <Show when={hasSummary()}>\n              <tr>\n                {/* \uD655\uC7A5 \uAE30\uB2A5 \uCEEC\uB7FC\uC758 \uD569\uACC4 \uC140\uC740 rowspan\uC73C\uB85C \uC774\uBBF8 \uB36E\uC5EC\uC788\uC73C\uBBC0\uB85C \uC81C\uC678 */}\n                <For each={effectiveColumns()}>\n                  {(col, colIndex) => {\n                    const summaryStyle = (): string | undefined => {\n                      const parts: string[] = [];\n                      parts.push(`top: ${summaryRowTop()}px`);\n                      const left = getFixedStyle(colIndex());\n                      if (left != null) parts.push(left);\n                      return parts.join(\"; \");\n                    };\n\n                    return (\n                      <th\n                        class={twMerge(\n                          thClass,\n                          summaryThClass,\n                          fixedClass,\n                          col.fixed ? \"z-[5]\" : \"z-[3]\",\n                          isLastFixed(colIndex()) ? fixedLastClass : undefined,\n                        )}\n                        style={summaryStyle()}\n                      >\n                        <div class={thContentClass}>{col.summary?.()}</div>\n                      </th>\n                    );\n                  }}\n                </For>\n              </tr>\n            </Show>\n          </thead>\n          <tbody>\n            <For each={displayItems()}>\n              {(flat) => (\n                <tr\n                  data-selected={selectedItems().includes(flat.item) ? \"\" : undefined}\n                  onClick={() => {\n                    if (local.autoSelect === \"click\") {\n                      selectItem(flat.item);\n                    }\n                  }}\n                  class={local.autoSelect === \"click\" ? \"cursor-pointer\" : undefined}\n                >\n                  {/* \uD655\uC7A5 \uAE30\uB2A5 \uCEEC\uB7FC \uBC14\uB514 \uC140 */}\n                  <Show when={hasExpandFeature()}>\n                    <td\n                      class={twMerge(\n                        featureTdClass,\n                        fixedClass,\n                        \"z-[2]\",\n                        isExpandColLastFixed() ? fixedLastClass : undefined,\n                      )}\n                      style={{ left: \"0\" }}\n                    >\n                      <div class={featureCellBodyWrapperClass}>\n                        <For each={Array.from({ length: flat.depth })}>\n                          {() => (\n                            <div class={expandIndentGuideClass}>\n                              <div class={expandIndentGuideLineClass} />\n                            </div>\n                          )}\n                        </For>\n                        <Show when={flat.hasChildren}>\n                          <button type=\"button\" class={expandToggleClass} onClick={() => toggleExpand(flat.item)}>\n                            <Icon\n                              icon={IconChevronDown}\n                              size=\"1em\"\n                              class={clsx(\n                                \"transition-transform\",\n                                expandedItems().includes(flat.item) ? \"rotate-0\" : \"-rotate-90\",\n                              )}\n                            />\n                          </button>\n                        </Show>\n                      </div>\n                    </td>\n                  </Show>\n                  {/* \uC120\uD0DD \uAE30\uB2A5 \uCEEC\uB7FC \uBC14\uB514 \uC140 */}\n                  <Show when={hasSelectFeature()}>\n                    {(() => {\n                      const selectable = () => getItemSelectable(flat.item);\n                      const isSelected = () => selectedItems().includes(flat.item);\n                      const rowIndex = () => displayItems().indexOf(flat);\n\n                      return (\n                        <td\n                          class={twMerge(\n                            featureTdClass,\n                            fixedClass,\n                            \"z-[2]\",\n                            isSelectColLastFixed() ? fixedLastClass : undefined,\n                          )}\n                          style={{\n                            left: selectColLeft(),\n                          }}\n                        >\n                          <Show\n                            when={local.selectMode === \"multiple\"}\n                            fallback={\n                              /* single \uBAA8\uB4DC */\n                              <Show when={selectable() === true}>\n                                <div class={featureCellBodyClickableClass} onClick={() => toggleSelect(flat.item)}>\n                                  <div\n                                    class={twMerge(\n                                      selectSingleClass,\n                                      isSelected() ? selectSingleSelectedClass : selectSingleUnselectedClass,\n                                    )}\n                                  >\n                                    <Icon icon={IconChevronRight} size=\"1em\" />\n                                  </div>\n                                </div>\n                              </Show>\n                            }\n                          >\n                            {/* multi \uBAA8\uB4DC */}\n                            <div\n                              class={featureCellBodyClickableClass}\n                              onClick={(e) => {\n                                if (e.shiftKey) {\n                                  rangeSelect(rowIndex());\n                                } else {\n                                  toggleSelect(flat.item);\n                                }\n                                setLastClickedRow(rowIndex());\n                              }}\n                              title={typeof selectable() === \"string\" ? (selectable() as string) : undefined}\n                            >\n                              <Checkbox\n                                value={isSelected()}\n                                disabled={selectable() !== true}\n                                inset\n                                class={twMerge(\n                                  \"pointer-events-none\",\n                                  lastClickedRow() === rowIndex()\n                                    ? \"[&>div]:ring-2 [&>div]:ring-primary-200 dark:[&>div]:ring-primary-700\"\n                                    : undefined,\n                                )}\n                              />\n                            </div>\n                          </Show>\n                        </td>\n                      );\n                    })()}\n                  </Show>\n                  {/* \uB4DC\uB798\uADF8 \uC7AC\uC815\uB82C \uAE30\uB2A5 \uCEEC\uB7FC \uBC14\uB514 \uC140 */}\n                  <Show when={hasReorderFeature()}>\n                    <td\n                      class={twMerge(\n                        featureTdClass,\n                        fixedClass,\n                        \"z-[2]\",\n                        isReorderColLastFixed() ? fixedLastClass : undefined,\n                      )}\n                      style={{\n                        left: reorderColLeft(),\n                      }}\n                    >\n                      <div class={reorderCellWrapperClass} onPointerDown={(e) => onReorderPointerDown(e, flat.item)}>\n                        <div class={reorderHandleClass}>\n                          <Icon icon={IconGripVertical} size=\"1em\" />\n                        </div>\n                      </div>\n                    </td>\n                  </Show>\n                  <For each={effectiveColumns()}>\n                    {(col, colIndex) => (\n                      <td\n                        class={twMerge(\n                          tdClass,\n                          col.fixed ? clsx(fixedClass, \"z-[2]\") : undefined,\n                          isLastFixed(colIndex()) ? fixedLastClass : undefined,\n                          col.class,\n                          local.cellClass?.(flat.item, col.key),\n                        )}\n                        style={\n                          [\n                            getFixedStyle(colIndex()),\n                            col.width != null ? `max-width: ${col.width}` : undefined,\n                            local.cellStyle?.(flat.item, col.key),\n                          ]\n                            .filter(Boolean)\n                            .join(\"; \") || undefined\n                        }\n                      >\n                        {col.cell({\n                          item: flat.item,\n                          index: flat.index,\n                          depth: flat.depth,\n                        })}\n                      </td>\n                    )}\n                  </For>\n                </tr>\n              )}\n            </For>\n          </tbody>\n        </table>\n        <div class={resizeIndicatorClass} style={resizeIndicatorStyle()} />\n        <div data-reorder-indicator class={reorderIndicatorClass} style={{ display: \"none\" }} />\n      </div>\n    </div>\n  );\n};\n\nDataSheet.Column = DataSheetColumn;\n"],
+  "mappings": "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",
+  "names": ["isAllExpanded", "_a", "_b"]
+}

package/dist/components/data/sheet/DataSheet.styles.js

@@ -0,0 +1,142 @@
+import clsx from "clsx";
+import { borderDefault, borderSubtle } from "../../../styles/tokens.styles";
+const dataSheetContainerClass = clsx("relative", "bg-white dark:bg-base-950", "overflow-auto");
+const tableClass = clsx("border-separate border-spacing-0", "w-max");
+const thClass = clsx(
+  "relative",
+  "bg-base-100 dark:bg-base-900",
+  "border-b border-r border-base-300 dark:border-base-800",
+  "overflow-hidden whitespace-nowrap",
+  "p-0",
+  "text-left font-semibold",
+  "align-middle"
+);
+const thContentClass = clsx("px-2 py-1");
+const tdClass = clsx(
+  "bg-white dark:bg-base-950",
+  "border-b border-r",
+  borderSubtle,
+  "truncate",
+  "p-0",
+  "align-top"
+);
+const summaryThClass = clsx("bg-warning-50 dark:bg-warning-900/20");
+const insetContainerClass = clsx("border-none", "rounded-none");
+const insetTableClass = clsx(
+  "w-full",
+  "[&_th:last-child]:border-r-0",
+  "[&_td:last-child]:border-r-0",
+  "[&_tbody>tr:last-child>td]:border-b-0"
+);
+const defaultContainerClass = clsx("border", borderDefault, "rounded");
+const sortableThClass = clsx("cursor-pointer", "hover:underline");
+const sortIconClass = clsx("px-1 py-0.5", "bg-base-100 dark:bg-base-900");
+const toolbarClass = clsx(
+  "flex items-center gap-2",
+  "px-2 py-1",
+  "bg-base-50 dark:bg-base-900",
+  "border-b",
+  borderDefault
+);
+const fixedClass = "sticky";
+const fixedLastClass = clsx("border-r-2 border-r-base-300", "dark:border-r-base-700");
+const resizerClass = clsx(
+  "absolute inset-y-0 right-0",
+  "w-1",
+  "cursor-ew-resize",
+  "touch-none",
+  "hover:bg-primary-300 dark:hover:bg-primary-600"
+);
+const resizeIndicatorClass = clsx(
+  "absolute inset-y-0",
+  "w-0 border-l-2 border-dashed border-primary-500",
+  "pointer-events-none",
+  "z-[7]"
+);
+const featureThClass = clsx(
+  "bg-base-100 dark:bg-base-800",
+  "border-b border-r",
+  borderDefault,
+  "p-0",
+  "align-middle"
+);
+const featureTdClass = clsx(
+  "bg-base-50 dark:bg-base-900",
+  "border-b border-r",
+  borderSubtle,
+  "p-0",
+  "align-middle",
+  "h-px"
+);
+const expandIndentGuideClass = clsx("mr-0.5 w-3 self-stretch", "flex justify-end");
+const expandIndentGuideLineClass = clsx("w-0 self-stretch", "border-r", borderDefault);
+const expandToggleClass = clsx(
+  "flex items-center justify-center",
+  "size-6",
+  "cursor-pointer",
+  "rounded",
+  "hover:bg-base-200 dark:hover:bg-base-600"
+);
+const selectSingleClass = clsx("flex items-center justify-center", "size-6", "cursor-pointer", "rounded");
+const selectSingleSelectedClass = clsx("text-primary-500", "dark:text-primary-400");
+const selectSingleUnselectedClass = clsx("text-base-300", "dark:text-base-600");
+const reorderHandleClass = clsx(
+  "flex items-center justify-center",
+  "size-6",
+  "cursor-grab",
+  "text-base-400 dark:text-base-500",
+  "hover:text-base-600 dark:hover:text-base-400"
+);
+const reorderIndicatorClass = clsx(
+  "absolute inset-x-0",
+  "h-0 border-t-2 border-primary-500",
+  "pointer-events-none",
+  "z-[7]"
+);
+const featureCellWrapperClass = clsx("flex items-center", "px-1");
+const featureCellBodyWrapperClass = clsx("flex h-full items-center", "px-1");
+const featureCellClickableClass = clsx("flex cursor-pointer items-center justify-center", "px-1");
+const featureCellBodyClickableClass = clsx("flex h-full cursor-pointer items-center justify-center", "px-1");
+const reorderCellWrapperClass = clsx("flex h-full touch-none items-center justify-center", "px-1");
+const configButtonClass = clsx(
+  "flex items-center justify-center",
+  "size-6 rounded",
+  "text-base-500 dark:text-base-400",
+  "hover:bg-base-200 dark:hover:bg-base-700",
+  "cursor-pointer"
+);
+export {
+  configButtonClass,
+  dataSheetContainerClass,
+  defaultContainerClass,
+  expandIndentGuideClass,
+  expandIndentGuideLineClass,
+  expandToggleClass,
+  featureCellBodyClickableClass,
+  featureCellBodyWrapperClass,
+  featureCellClickableClass,
+  featureCellWrapperClass,
+  featureTdClass,
+  featureThClass,
+  fixedClass,
+  fixedLastClass,
+  insetContainerClass,
+  insetTableClass,
+  reorderCellWrapperClass,
+  reorderHandleClass,
+  reorderIndicatorClass,
+  resizeIndicatorClass,
+  resizerClass,
+  selectSingleClass,
+  selectSingleSelectedClass,
+  selectSingleUnselectedClass,
+  sortIconClass,
+  sortableThClass,
+  summaryThClass,
+  tableClass,
+  tdClass,
+  thClass,
+  thContentClass,
+  toolbarClass
+};
+//# sourceMappingURL=DataSheet.styles.js.map

package/dist/components/data/sheet/DataSheet.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/data/sheet/DataSheet.styles.ts"],
+  "sourcesContent": ["import clsx from \"clsx\";\nimport { borderDefault, borderSubtle } from \"../../../styles/tokens.styles\";\n\nexport const dataSheetContainerClass = clsx(\"relative\", \"bg-white dark:bg-base-950\", \"overflow-auto\");\n\nexport const tableClass = clsx(\"border-separate border-spacing-0\", \"w-max\");\n\nexport const thClass = clsx(\n  \"relative\",\n  \"bg-base-100 dark:bg-base-900\",\n  \"border-b border-r border-base-300 dark:border-base-800\",\n  \"overflow-hidden whitespace-nowrap\",\n  \"p-0\",\n  \"text-left font-semibold\",\n  \"align-middle\",\n);\n\nexport const thContentClass = clsx(\"px-2 py-1\");\n\nexport const tdClass = clsx(\n  \"bg-white dark:bg-base-950\",\n  \"border-b border-r\",\n  borderSubtle,\n  \"truncate\",\n  \"p-0\",\n  \"align-top\",\n);\n\nexport const summaryThClass = clsx(\"bg-warning-50 dark:bg-warning-900/20\");\n\nexport const insetContainerClass = clsx(\"border-none\", \"rounded-none\");\n\nexport const insetTableClass = clsx(\n  \"w-full\",\n  \"[&_th:last-child]:border-r-0\",\n  \"[&_td:last-child]:border-r-0\",\n  \"[&_tbody>tr:last-child>td]:border-b-0\",\n);\n\nexport const defaultContainerClass = clsx(\"border\", borderDefault, \"rounded\");\n\n// \uC815\uB82C \uAC00\uB2A5 \uD5E4\uB354 \u2014 \uD074\uB9AD \uAC00\uB2A5 \uD45C\uC2DC\nexport const sortableThClass = clsx(\"cursor-pointer\", \"hover:underline\");\n\n// \uC815\uB82C \uC544\uC774\uCF58 \uC601\uC5ED\nexport const sortIconClass = clsx(\"px-1 py-0.5\", \"bg-base-100 dark:bg-base-900\");\n\n// \uC0C1\uB2E8 \uD234\uBC14 (\uC124\uC815 \uBC84\uD2BC + \uD398\uC774\uC9C0\uB124\uC774\uC158)\nexport const toolbarClass = clsx(\n  \"flex items-center gap-2\",\n  \"px-2 py-1\",\n  \"bg-base-50 dark:bg-base-900\",\n  \"border-b\",\n  borderDefault,\n);\n\n// \uACE0\uC815 \uCEEC\uB7FC \uAE30\uBCF8 (sticky)\nexport const fixedClass = \"sticky\";\n\n// \uACE0\uC815/\uBE44\uACE0\uC815 \uACBD\uACC4 \uC2DC\uAC01 \uD6A8\uACFC \u2014 \uACE0\uC815 \uCEEC\uB7FC\uC758 \uB9C8\uC9C0\uB9C9 \uC140\uC5D0 \uC801\uC6A9\nexport const fixedLastClass = clsx(\"border-r-2 border-r-base-300\", \"dark:border-r-base-700\");\n\n// \uB9AC\uC0AC\uC774\uC800 \uD578\uB4E4 (\uD5E4\uB354 \uC140 \uC6B0\uCE21 \uB4DC\uB798\uADF8 \uC601\uC5ED)\nexport const resizerClass = clsx(\n  \"absolute inset-y-0 right-0\",\n  \"w-1\",\n  \"cursor-ew-resize\",\n  \"touch-none\",\n  \"hover:bg-primary-300 dark:hover:bg-primary-600\",\n);\n\n// \uB4DC\uB798\uADF8 \uC911 \uC138\uB85C \uC810\uC120 \uC778\uB514\uCF00\uC774\uD130\nexport const resizeIndicatorClass = clsx(\n  \"absolute inset-y-0\",\n  \"w-0 border-l-2 border-dashed border-primary-500\",\n  \"pointer-events-none\",\n  \"z-[7]\",\n);\n\n// \uAE30\uB2A5 \uCEEC\uB7FC \uAE30\uBCF8 (\uD655\uC7A5/\uC120\uD0DD \uCEEC\uB7FC \uACF5\uD1B5)\nexport const featureThClass = clsx(\n  \"bg-base-100 dark:bg-base-800\",\n  \"border-b border-r\",\n  borderDefault,\n  \"p-0\",\n  \"align-middle\",\n);\n\nexport const featureTdClass = clsx(\n  \"bg-base-50 dark:bg-base-900\",\n  \"border-b border-r\",\n  borderSubtle,\n  \"p-0\",\n  \"align-middle\",\n  \"h-px\",\n);\n\n// \uD655\uC7A5 \uCEEC\uB7FC \uAE4A\uC774 \uAC00\uC774\uB4DC \u2014 \uB798\uD37C (\uD1A0\uAE00 \uC544\uC774\uCF58\uACFC \uAC19\uC740 \uB108\uBE44, \uC138\uB85C\uC120 \uC911\uC559 \uC815\uB82C)\nexport const expandIndentGuideClass = clsx(\"mr-0.5 w-3 self-stretch\", \"flex justify-end\");\n\n// \uD655\uC7A5 \uCEEC\uB7FC \uAE4A\uC774 \uAC00\uC774\uB4DC \u2014 \uC138\uB85C\uC120\nexport const expandIndentGuideLineClass = clsx(\"w-0 self-stretch\", \"border-r\", borderDefault);\n\n// \uD655\uC7A5 \uD1A0\uAE00 \uBC84\uD2BC\nexport const expandToggleClass = clsx(\n  \"flex items-center justify-center\",\n  \"size-6\",\n  \"cursor-pointer\",\n  \"rounded\",\n  \"hover:bg-base-200 dark:hover:bg-base-600\",\n);\n\n// \uC120\uD0DD \uCEEC\uB7FC \u2014 single \uBAA8\uB4DC \uC544\uC774\uCF58 \uB798\uD37C\nexport const selectSingleClass = clsx(\"flex items-center justify-center\", \"size-6\", \"cursor-pointer\", \"rounded\");\n\n// single \uBAA8\uB4DC \u2014 \uC120\uD0DD\uB428\nexport const selectSingleSelectedClass = clsx(\"text-primary-500\", \"dark:text-primary-400\");\n\n// single \uBAA8\uB4DC \u2014 \uBBF8\uC120\uD0DD\nexport const selectSingleUnselectedClass = clsx(\"text-base-300\", \"dark:text-base-600\");\n\n// \uB4DC\uB798\uADF8 \uD578\uB4E4 \uAE30\uB2A5 \uCEEC\uB7FC\nexport const reorderHandleClass = clsx(\n  \"flex items-center justify-center\",\n  \"size-6\",\n  \"cursor-grab\",\n  \"text-base-400 dark:text-base-500\",\n  \"hover:text-base-600 dark:hover:text-base-400\",\n);\n\n// \uB4DC\uB798\uADF8 \uC778\uB514\uCF00\uC774\uD130 (before/after \uC218\uD3C9\uC120)\nexport const reorderIndicatorClass = clsx(\n  \"absolute inset-x-0\",\n  \"h-0 border-t-2 border-primary-500\",\n  \"pointer-events-none\",\n  \"z-[7]\",\n);\n\n// \uAE30\uB2A5 \uCEEC\uB7FC \uD5E4\uB354 \uB0B4\uBD80 \uB798\uD37C (\uD655\uC7A5/\uC120\uD0DD \uB4F1)\nexport const featureCellWrapperClass = clsx(\"flex items-center\", \"px-1\");\n\n// \uAE30\uB2A5 \uCEEC\uB7FC \uBC14\uB514 \uB0B4\uBD80 \uB798\uD37C (\uD655\uC7A5/\uC120\uD0DD/\uC7AC\uC815\uB82C \uB4F1 \u2014 \uC804\uCCB4 \uB192\uC774)\nexport const featureCellBodyWrapperClass = clsx(\"flex h-full items-center\", \"px-1\");\n\n// \uAE30\uB2A5 \uCEEC\uB7FC \uD5E4\uB354 \uD074\uB9AD \uAC00\uB2A5 \uB798\uD37C (\uC804\uCCB4 \uC120\uD0DD \uB4F1)\nexport const featureCellClickableClass = clsx(\"flex cursor-pointer items-center justify-center\", \"px-1\");\n\n// \uAE30\uB2A5 \uCEEC\uB7FC \uBC14\uB514 \uD074\uB9AD \uAC00\uB2A5 \uB798\uD37C (\uC120\uD0DD/\uC7AC\uC815\uB82C \uB4F1 \u2014 \uC804\uCCB4 \uB192\uC774)\nexport const featureCellBodyClickableClass = clsx(\"flex h-full cursor-pointer items-center justify-center\", \"px-1\");\n\n// \uC7AC\uC815\uB82C \uD578\uB4E4 \uB798\uD37C (touch-none \uCD94\uAC00)\nexport const reorderCellWrapperClass = clsx(\"flex h-full touch-none items-center justify-center\", \"px-1\");\n\n// \uC124\uC815 \uBC84\uD2BC\nexport const configButtonClass = clsx(\n  \"flex items-center justify-center\",\n  \"size-6 rounded\",\n  \"text-base-500 dark:text-base-400\",\n  \"hover:bg-base-200 dark:hover:bg-base-700\",\n  \"cursor-pointer\",\n);\n"],
+  "mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,eAAe,oBAAoB;AAErC,MAAM,0BAA0B,KAAK,YAAY,6BAA6B,eAAe;AAE7F,MAAM,aAAa,KAAK,oCAAoC,OAAO;AAEnE,MAAM,UAAU;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iBAAiB,KAAK,WAAW;AAEvC,MAAM,UAAU;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iBAAiB,KAAK,sCAAsC;AAElE,MAAM,sBAAsB,KAAK,eAAe,cAAc;AAE9D,MAAM,kBAAkB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,wBAAwB,KAAK,UAAU,eAAe,SAAS;AAGrE,MAAM,kBAAkB,KAAK,kBAAkB,iBAAiB;AAGhE,MAAM,gBAAgB,KAAK,eAAe,8BAA8B;AAGxE,MAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,aAAa;AAGnB,MAAM,iBAAiB,KAAK,gCAAgC,wBAAwB;AAGpF,MAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,yBAAyB,KAAK,2BAA2B,kBAAkB;AAGjF,MAAM,6BAA6B,KAAK,oBAAoB,YAAY,aAAa;AAGrF,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,oBAAoB,KAAK,oCAAoC,UAAU,kBAAkB,SAAS;AAGxG,MAAM,4BAA4B,KAAK,oBAAoB,uBAAuB;AAGlF,MAAM,8BAA8B,KAAK,iBAAiB,oBAAoB;AAG9E,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,0BAA0B,KAAK,qBAAqB,MAAM;AAGhE,MAAM,8BAA8B,KAAK,4BAA4B,MAAM;AAG3E,MAAM,4BAA4B,KAAK,mDAAmD,MAAM;AAGhG,MAAM,gCAAgC,KAAK,0DAA0D,MAAM;AAG3G,MAAM,0BAA0B,KAAK,sDAAsD,MAAM;AAGjG,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "names": []
+}

package/dist/components/data/sheet/DataSheetColumn.js

@@ -0,0 +1,28 @@
+import { normalizeHeader } from "./sheetUtils";
+function isDataSheetColumnDef(value) {
+  return value != null && typeof value === "object" && value["__type"] === "sheet-column";
+}
+function DataSheetColumn(props) {
+  return {
+    __type: "sheet-column",
+    key: props.key,
+    header: normalizeHeader(props.header),
+    headerContent: props.headerContent,
+    headerStyle: props.headerStyle,
+    summary: props.summary,
+    tooltip: props.tooltip,
+    cell: props.children,
+    class: props.class,
+    fixed: props.fixed ?? false,
+    hidden: props.hidden ?? false,
+    collapse: props.collapse ?? false,
+    width: props.width,
+    sortable: props.sortable ?? true,
+    resizable: props.resizable ?? true
+  };
+}
+export {
+  DataSheetColumn,
+  isDataSheetColumnDef
+};
+//# sourceMappingURL=DataSheetColumn.js.map

package/dist/components/data/sheet/DataSheetColumn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/data/sheet/DataSheetColumn.tsx"],
+  "sourcesContent": ["import type { JSX } from \"solid-js\";\nimport type { DataSheetColumnDef, DataSheetColumnProps } from \"./types\";\nimport { normalizeHeader } from \"./sheetUtils\";\n\nexport function isDataSheetColumnDef(value: unknown): value is DataSheetColumnDef<unknown> {\n  return value != null && typeof value === \"object\" && (value as Record<string, unknown>)[\"__type\"] === \"sheet-column\";\n}\n\n/* eslint-disable solid/reactivity -- plain object \uBC18\uD658 \uD328\uD134\uC73C\uB85C reactive context \uBD88\uD544\uC694 */\nexport function DataSheetColumn<T>(props: DataSheetColumnProps<T>): JSX.Element {\n  return {\n    __type: \"sheet-column\",\n    key: props.key,\n    header: normalizeHeader(props.header),\n    headerContent: props.headerContent,\n    headerStyle: props.headerStyle,\n    summary: props.summary,\n    tooltip: props.tooltip,\n    cell: props.children,\n    class: props.class,\n    fixed: props.fixed ?? false,\n    hidden: props.hidden ?? false,\n    collapse: props.collapse ?? false,\n    width: props.width,\n    sortable: props.sortable ?? true,\n    resizable: props.resizable ?? true,\n  } as unknown as JSX.Element;\n}\n/* eslint-enable solid/reactivity */\n"],
+  "mappings": "AAEA,SAAS,uBAAuB;AAEzB,SAAS,qBAAqB,OAAsD;AACzF,SAAO,SAAS,QAAQ,OAAO,UAAU,YAAa,MAAkC,QAAQ,MAAM;AACxG;AAGO,SAAS,gBAAmB,OAA6C;AAC9E,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,KAAK,MAAM;AAAA,IACX,QAAQ,gBAAgB,MAAM,MAAM;AAAA,IACpC,eAAe,MAAM;AAAA,IACrB,aAAa,MAAM;AAAA,IACnB,SAAS,MAAM;AAAA,IACf,SAAS,MAAM;AAAA,IACf,MAAM,MAAM;AAAA,IACZ,OAAO,MAAM;AAAA,IACb,OAAO,MAAM,SAAS;AAAA,IACtB,QAAQ,MAAM,UAAU;AAAA,IACxB,UAAU,MAAM,YAAY;AAAA,IAC5B,OAAO,MAAM;AAAA,IACb,UAAU,MAAM,YAAY;AAAA,IAC5B,WAAW,MAAM,aAAa;AAAA,EAChC;AACF;",
+  "names": []
+}

package/dist/components/data/sheet/DataSheetConfigDialog.js

@@ -0,0 +1,83 @@
+import {} from "solid-js";
+import { createStore, reconcile } from "solid-js/store";
+import clsx from "clsx";
+import { useDialogInstance } from "../../disclosure/DialogInstanceContext";
+import { DataSheet } from "./DataSheet";
+import { Checkbox } from "../../form-control/checkbox/Checkbox";
+import { TextInput } from "../../form-control/field/TextInput";
+import { Button } from "../../form-control/Button";
+import { borderSubtle } from "../../../styles/tokens.styles";
+const containerClass = clsx("flex flex-col", "gap-2", "p-2");
+const sheetWrapperClass = clsx("rounded border", borderSubtle);
+const footerClass = clsx("flex justify-between", "gap-2");
+const footerActionsClass = clsx("flex gap-2");
+const DataSheetConfigDialog = (props) => {
+  const dialog = useDialogInstance();
+  const initialItems = props.columnInfos.filter((info) => !info.collapse).map((info) => {
+    var _a;
+    const saved = (_a = props.currentConfig.columnRecord) == null ? void 0 : _a[info.key];
+    return {
+      key: info.key,
+      headerText: info.header.join(" > "),
+      fixed: (saved == null ? void 0 : saved.fixed) ?? info.fixed,
+      hidden: (saved == null ? void 0 : saved.hidden) ?? info.hidden,
+      width: (saved == null ? void 0 : saved.width) ?? info.width ?? ""
+    };
+  }).sort((a, b) => {
+    var _a, _b, _c, _d;
+    const orderA = ((_b = (_a = props.currentConfig.columnRecord) == null ? void 0 : _a[a.key]) == null ? void 0 : _b.displayOrder) ?? Infinity;
+    const orderB = ((_d = (_c = props.currentConfig.columnRecord) == null ? void 0 : _c[b.key]) == null ? void 0 : _d.displayOrder) ?? Infinity;
+    return orderA - orderB;
+  });
+  const [editItems, setEditItems] = createStore(initialItems);
+  function handleReorder(event) {
+    const items = [...editItems];
+    const fromIndex = items.findIndex((i) => i.key === event.item.key);
+    if (fromIndex < 0) return;
+    const [moved] = items.splice(fromIndex, 1);
+    let toIndex = items.findIndex((i) => i.key === event.targetItem.key);
+    if (toIndex < 0) return;
+    if (event.position === "after") toIndex++;
+    items.splice(toIndex, 0, moved);
+    setEditItems(reconcile(items));
+  }
+  function updateItem(key, field, value) {
+    const index = editItems.findIndex((item) => item.key === key);
+    if (index >= 0) {
+      setEditItems(index, { [field]: value });
+    }
+  }
+  function handleOk() {
+    const columnRecord = {};
+    for (let i = 0; i < editItems.length; i++) {
+      const item = editItems[i];
+      const info = props.columnInfos.find((c) => c.key === item.key);
+      const entry = {};
+      if (item.fixed !== info.fixed) entry.fixed = item.fixed;
+      if (item.hidden !== info.hidden) entry.hidden = item.hidden;
+      if (item.width && item.width !== (info.width ?? "")) entry.width = item.width;
+      entry.displayOrder = i;
+      if (Object.keys(entry).length > 0) {
+        columnRecord[item.key] = entry;
+      }
+    }
+    dialog == null ? void 0 : dialog.close({ columnRecord });
+  }
+  function handleReset() {
+    if (!confirm("\uBAA8\uB4E0 \uC2DC\uD2B8 \uC124\uC815\uC744 \uCD08\uAE30\uD654\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?")) return;
+    dialog == null ? void 0 : dialog.close({ columnRecord: {} });
+  }
+  return /* @__PURE__ */ React.createElement("div", { class: containerClass }, /* @__PURE__ */ React.createElement("div", { class: sheetWrapperClass }, /* @__PURE__ */ React.createElement(DataSheet, { items: editItems, inset: true, hideConfigBar: true, onItemsReorder: handleReorder }, /* @__PURE__ */ React.createElement(DataSheet.Column, { key: "header", header: "\uCEEC\uB7FC", class: "px-2 py-1", sortable: false }, (ctx) => ctx.item.headerText), /* @__PURE__ */ React.createElement(DataSheet.Column, { key: "fixed", header: "\uACE0\uC815", sortable: false }, (ctx) => /* @__PURE__ */ React.createElement(Checkbox, { inset: true, value: ctx.item.fixed, onValueChange: (v) => updateItem(ctx.item.key, "fixed", v) })), /* @__PURE__ */ React.createElement(DataSheet.Column, { key: "hidden", header: "\uC228\uAE40", sortable: false }, (ctx) => /* @__PURE__ */ React.createElement(Checkbox, { inset: true, value: ctx.item.hidden, onValueChange: (v) => updateItem(ctx.item.key, "hidden", v) })), /* @__PURE__ */ React.createElement(DataSheet.Column, { key: "width", header: "\uB108\uBE44", sortable: false }, (ctx) => /* @__PURE__ */ React.createElement(
+    TextInput,
+    {
+      value: ctx.item.width,
+      onValueChange: (v) => updateItem(ctx.item.key, "width", v),
+      inset: true,
+      placeholder: "auto"
+    }
+  )))), /* @__PURE__ */ React.createElement("div", { class: footerClass }, /* @__PURE__ */ React.createElement(Button, { onClick: handleReset, theme: "warning", variant: "solid" }, "\uCD08\uAE30\uD654"), /* @__PURE__ */ React.createElement("div", { class: footerActionsClass }, /* @__PURE__ */ React.createElement(Button, { onClick: () => dialog == null ? void 0 : dialog.close(void 0) }, "\uCDE8\uC18C"), /* @__PURE__ */ React.createElement(Button, { onClick: handleOk, theme: "primary", variant: "solid" }, "\uD655\uC778"))));
+};
+export {
+  DataSheetConfigDialog
+};
+//# sourceMappingURL=DataSheetConfigDialog.js.map

package/dist/components/data/sheet/DataSheetConfigDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/data/sheet/DataSheetConfigDialog.tsx"],
+  "sourcesContent": ["import { type Component } from \"solid-js\";\nimport { createStore, reconcile } from \"solid-js/store\";\nimport clsx from \"clsx\";\nimport { useDialogInstance } from \"../../disclosure/DialogInstanceContext\";\nimport type { DataSheetConfig, DataSheetConfigColumn, DataSheetConfigColumnInfo, DataSheetReorderEvent } from \"./types\";\nimport { DataSheet } from \"./DataSheet\";\nimport { Checkbox } from \"../../form-control/checkbox/Checkbox\";\nimport { TextInput } from \"../../form-control/field/TextInput\";\nimport { Button } from \"../../form-control/Button\";\nimport { borderSubtle } from \"../../../styles/tokens.styles\";\n\nconst containerClass = clsx(\"flex flex-col\", \"gap-2\", \"p-2\");\nconst sheetWrapperClass = clsx(\"rounded border\", borderSubtle);\nconst footerClass = clsx(\"flex justify-between\", \"gap-2\");\nconst footerActionsClass = clsx(\"flex gap-2\");\n\ninterface EditColumnItem {\n  key: string;\n  headerText: string;\n  fixed: boolean;\n  hidden: boolean;\n  width: string;\n}\n\nexport interface DataSheetConfigDialogProps {\n  columnInfos: DataSheetConfigColumnInfo[];\n  currentConfig: DataSheetConfig;\n}\n\nexport const DataSheetConfigDialog: Component<DataSheetConfigDialogProps> = (props) => {\n  const dialog = useDialogInstance<DataSheetConfig>();\n\n  /* eslint-disable solid/reactivity -- \uBAA8\uB2EC props\uB294 \uB9C8\uC6B4\uD2B8 \uC2DC \uD55C \uBC88\uB9CC \uC0AC\uC6A9\uB418\uB294 \uC815\uC801 \uAC12 */\n  const initialItems: EditColumnItem[] = props.columnInfos\n    .filter((info) => !info.collapse)\n    .map((info) => {\n      const saved = props.currentConfig.columnRecord?.[info.key];\n      return {\n        key: info.key,\n        headerText: info.header.join(\" > \"),\n        fixed: saved?.fixed ?? info.fixed,\n        hidden: saved?.hidden ?? info.hidden,\n        width: saved?.width ?? info.width ?? \"\",\n      };\n    })\n    .sort((a, b) => {\n      const orderA = props.currentConfig.columnRecord?.[a.key]?.displayOrder ?? Infinity;\n      const orderB = props.currentConfig.columnRecord?.[b.key]?.displayOrder ?? Infinity;\n      return orderA - orderB;\n    });\n  /* eslint-enable solid/reactivity */\n\n  const [editItems, setEditItems] = createStore<EditColumnItem[]>(initialItems);\n\n  function handleReorder(event: DataSheetReorderEvent<EditColumnItem>): void {\n    const items = [...editItems];\n    const fromIndex = items.findIndex((i) => i.key === event.item.key);\n    if (fromIndex < 0) return;\n\n    const [moved] = items.splice(fromIndex, 1);\n    let toIndex = items.findIndex((i) => i.key === event.targetItem.key);\n    if (toIndex < 0) return;\n\n    if (event.position === \"after\") toIndex++;\n    items.splice(toIndex, 0, moved);\n    setEditItems(reconcile(items));\n  }\n\n  function updateItem(key: string, field: keyof EditColumnItem, value: EditColumnItem[keyof EditColumnItem]): void {\n    const index = editItems.findIndex((item) => item.key === key);\n    if (index >= 0) {\n      setEditItems(index, { [field]: value } as Partial<EditColumnItem>);\n    }\n  }\n\n  function handleOk(): void {\n    const columnRecord: Record<string, DataSheetConfigColumn> = {};\n\n    for (let i = 0; i < editItems.length; i++) {\n      const item = editItems[i];\n      const info = props.columnInfos.find((c) => c.key === item.key)!;\n\n      const entry: DataSheetConfigColumn = {};\n\n      if (item.fixed !== info.fixed) entry.fixed = item.fixed;\n      if (item.hidden !== info.hidden) entry.hidden = item.hidden;\n      if (item.width && item.width !== (info.width ?? \"\")) entry.width = item.width;\n      entry.displayOrder = i;\n\n      if (Object.keys(entry).length > 0) {\n        columnRecord[item.key] = entry;\n      }\n    }\n\n    dialog?.close({ columnRecord });\n  }\n\n  function handleReset(): void {\n    if (!confirm(\"\uBAA8\uB4E0 \uC2DC\uD2B8 \uC124\uC815\uC744 \uCD08\uAE30\uD654\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?\")) return;\n    dialog?.close({ columnRecord: {} });\n  }\n\n  return (\n    <div class={containerClass}>\n      <div class={sheetWrapperClass}>\n        <DataSheet items={editItems} inset hideConfigBar onItemsReorder={handleReorder}>\n          <DataSheet.Column<EditColumnItem> key=\"header\" header=\"\uCEEC\uB7FC\" class=\"px-2 py-1\" sortable={false}>\n            {(ctx) => ctx.item.headerText}\n          </DataSheet.Column>\n          <DataSheet.Column<EditColumnItem> key=\"fixed\" header=\"\uACE0\uC815\" sortable={false}>\n            {(ctx) => (\n              <Checkbox inset value={ctx.item.fixed} onValueChange={(v) => updateItem(ctx.item.key, \"fixed\", v)} />\n            )}\n          </DataSheet.Column>\n          <DataSheet.Column<EditColumnItem> key=\"hidden\" header=\"\uC228\uAE40\" sortable={false}>\n            {(ctx) => (\n              <Checkbox inset value={ctx.item.hidden} onValueChange={(v) => updateItem(ctx.item.key, \"hidden\", v)} />\n            )}\n          </DataSheet.Column>\n          <DataSheet.Column<EditColumnItem> key=\"width\" header=\"\uB108\uBE44\" sortable={false}>\n            {(ctx) => (\n              <TextInput\n                value={ctx.item.width}\n                onValueChange={(v) => updateItem(ctx.item.key, \"width\", v)}\n                inset\n                placeholder=\"auto\"\n              />\n            )}\n          </DataSheet.Column>\n        </DataSheet>\n      </div>\n\n      <div class={footerClass}>\n        <Button onClick={handleReset} theme=\"warning\" variant=\"solid\">\n          \uCD08\uAE30\uD654\n        </Button>\n        <div class={footerActionsClass}>\n          <Button onClick={() => dialog?.close(undefined)}>\uCDE8\uC18C</Button>\n          <Button onClick={handleOk} theme=\"primary\" variant=\"solid\">\n            \uD655\uC778\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/data/sheet/sheetUtils.js

@@ -0,0 +1,125 @@
+import { objGetChainValue } from "@simplysm/core-common";
+function normalizeHeader(header) {
+  if (header == null) return [""];
+  if (typeof header === "string") return [header];
+  return header;
+}
+function buildHeaderTable(columns) {
+  if (columns.length === 0) return [];
+  const maxDepth = Math.max(...columns.map((c) => c.header.length));
+  if (maxDepth === 0) return [];
+  const occupied = Array.from(
+    { length: maxDepth },
+    () => Array.from({ length: columns.length }, () => false)
+  );
+  const table = Array.from(
+    { length: maxDepth },
+    () => Array.from({ length: columns.length }, () => null)
+  );
+  const padded = columns.map((col) => {
+    const h = col.header;
+    const result = [];
+    for (let d = 0; d < maxDepth; d++) {
+      result.push(d < h.length ? h[d] : h[h.length - 1]);
+    }
+    return result;
+  });
+  for (let r = 0; r < maxDepth; r++) {
+    for (let c = 0; c < columns.length; c++) {
+      if (occupied[r][c]) continue;
+      const text = padded[c][r];
+      const isLastRow = r >= columns[c].header.length - 1;
+      let colspan = 1;
+      if (!isLastRow) {
+        const startFixed = columns[c].fixed;
+        while (c + colspan < columns.length && !occupied[r][c + colspan] && padded[c + colspan][r] === text && columns[c + colspan].fixed === startFixed && isSameGroup(padded, c, c + colspan, 0, r)) {
+          colspan++;
+        }
+      }
+      const rowspan = isLastRow ? maxDepth - r : 1;
+      const col = columns[c];
+      table[r][c] = {
+        text,
+        colspan,
+        rowspan,
+        isLastRow,
+        colIndex: isLastRow ? c : void 0,
+        fixed: isLastRow ? col.fixed : void 0,
+        width: isLastRow ? col.width : void 0,
+        style: isLastRow ? col.headerStyle : void 0,
+        headerContent: isLastRow ? col.headerContent : void 0
+      };
+      for (let dr = 0; dr < rowspan; dr++) {
+        for (let dc = 0; dc < colspan; dc++) {
+          if (dr === 0 && dc === 0) continue;
+          occupied[r + dr][c + dc] = true;
+        }
+      }
+    }
+  }
+  return table;
+}
+function isSameGroup(padded, colA, colB, startRow, endRow) {
+  for (let r = startRow; r < endRow; r++) {
+    if (padded[colA][r] !== padded[colB][r]) return false;
+  }
+  return true;
+}
+function flattenTree(items, expandedItems, getChildren) {
+  if (!getChildren) {
+    return items.map((item, i) => ({
+      item,
+      index: i,
+      depth: 0,
+      hasChildren: false
+    }));
+  }
+  const result = [];
+  let index = 0;
+  function walk(list, depth, parent) {
+    for (const item of list) {
+      const children = getChildren(item, index);
+      const hasChildren = children != null && children.length > 0;
+      result.push({ item, index, depth, hasChildren, parent });
+      index++;
+      if (hasChildren && expandedItems.includes(item)) {
+        walk(children, depth + 1, item);
+      }
+    }
+  }
+  walk(items, 0);
+  return result;
+}
+function collectAllExpandable(items, getChildren) {
+  const result = [];
+  let index = 0;
+  function walk(list) {
+    for (const item of list) {
+      const children = getChildren(item, index);
+      index++;
+      if (children != null && children.length > 0) {
+        result.push(item);
+        walk(children);
+      }
+    }
+  }
+  walk(items);
+  return result;
+}
+function applySorting(items, sorts) {
+  if (sorts.length === 0) return items;
+  let result = [...items];
+  for (const sort of [...sorts].reverse()) {
+    const selector = (item) => objGetChainValue(item, sort.key);
+    result = sort.desc ? result.orderByDesc(selector) : result.orderBy(selector);
+  }
+  return result;
+}
+export {
+  applySorting,
+  buildHeaderTable,
+  collectAllExpandable,
+  flattenTree,
+  normalizeHeader
+};
+//# sourceMappingURL=sheetUtils.js.map