balala-revogrid 1.0.0

package/dist/collection/components/grouping-overlay/revogr-grouping-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revogr-grouping-overlay.js","sourceRoot":"","sources":["../../../src/components/grouping-overlay/revogr-grouping-overlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Element, State, Watch, Method } from '@stencil/core';\nimport type { DimensionRows, DimensionCols, DataType, ColumnRegular, ViewportState, DimensionSettingsState, Providers } from '@type';\nimport type { Observable } from '../../utils';\nimport { type DSourceState, getSourceItem } from '@store';\nimport { isGrouping } from '../../plugins/groupingRow/grouping.service';\nimport GroupingRowRenderer from '../../plugins/groupingRow/grouping.row.renderer';\nimport type { RowGroupingProps, GetGroupSelectionFunc } from '../../plugins/groupingRow/grouping.row.types';\nimport type { VirtualPositionItem } from '@type';\nimport { PSEUDO_GROUP_ITEM } from '../../plugins/groupingRow/grouping.const';\n\ninterface DataRowInfo extends VirtualPositionItem {\n  selected?: boolean;\n}\n\n@Component({\n  tag: 'revogr-grouping-overlay',\n  styleUrl: 'revogr-grouping-overlay.scss',\n})\nexport class RevogrGroupingOverlay {\n  @Prop() dataStore!: Observable<DSourceState<DataType, DimensionRows>>;\n  @Prop() colData!: Observable<DSourceState<ColumnRegular, DimensionCols>>;\n  @Prop() viewportRow!: Observable<ViewportState>;\n  @Prop() viewportCol!: Observable<ViewportState>;\n  @Prop() dimensionRow!: Observable<DimensionSettingsState>;\n  @Prop() type: DimensionRows = 'rgRow';\n  @Prop() colType: DimensionCols = 'rgCol';\n  @Prop() additionalData: any;\n  @Prop() rowClass: string;\n  /** 获取分组选中信息的函数 */\n  @Prop() getGroupSelection?: GetGroupSelectionFunc;\n  /** Padding depth for grouping rows (in pixels per depth level) */\n  @Prop() paddingDepth?: number;\n\n  @Element() element!: HTMLElement;\n  @State() private groupRows: RowGroupingProps[] = [];\n  @State() private dataRows: DataRowInfo[] = [];\n  private unsubscribers: (() => void)[] = [];\n  private providers: Providers;\n\n  // ==================== 性能优化：缓存和节流 ====================\n  \n  /** 缓存的选中行索引 */\n  private cachedSelectedIndices: Set<number> = new Set();\n  /** 上次解析的选中行属性值 */\n  private lastSelectedRowsAttr: string | null = null;\n  /** 上次的 viewport items 引用（用于变化检测） */\n  private lastRowItems: VirtualPositionItem[] | null = null;\n  /** 上次的 col items 引用 */\n  private lastColItems: VirtualPositionItem[] | null = null;\n  /** RAF 节流标记 */\n  private updateScheduled = false;\n  /** MutationObserver 用于监听选中状态变化 */\n  private selectionObserver: MutationObserver | null = null;\n  \n  // ==================== Resize 优化 ====================\n  \n  /** ResizeObserver 用于监听表格宽度变化 */\n  private resizeObserver: ResizeObserver | null = null;\n\n  @Watch('dataStore')\n  @Watch('viewportRow')\n  @Watch('viewportCol')\n  onDataChange() {\n    this.scheduleUpdate();\n  }\n\n  /**\n   * 刷新分组行显示，用于选中状态变化后更新选中数量\n   */\n  @Method()\n  async refresh() {\n    // 强制刷新时清除缓存\n    this.lastSelectedRowsAttr = null;\n    this.updateGroupRowsImmediate(true);\n  }\n\n  connectedCallback() {\n    this.providers = {\n      type: this.type,\n      colType: this.colType,\n      readonly: true,\n      data: this.dataStore,\n      columns: this.colData,\n      viewport: this.viewportCol,\n      dimension: this.dimensionRow,\n      selection: null as any,\n    };\n    \n    // 数据变化时的处理函数\n    const onDataUpdate = () => {\n      this.scheduleUpdate();\n    };\n    \n    if (this.viewportRow) {\n      this.unsubscribers.push(this.viewportRow.onChange('items', onDataUpdate));\n    }\n    if (this.dataStore) {\n      this.unsubscribers.push(this.dataStore.onChange('source', () => {\n        // 数据源变化时清除缓存\n        this.lastRowItems = null;\n        this.scheduleUpdate();\n      }));\n    }\n    if (this.viewportCol) {\n      this.unsubscribers.push(this.viewportCol.onChange('items', onDataUpdate));\n    }\n    \n    // 监听选中状态变化\n    this.setupSelectionObserver();\n    \n    // 监听表格宽度变化\n    this.setupResizeObserver();\n    \n    this.updateGroupRowsImmediate(false);\n  }\n\n  disconnectedCallback() {\n    this.unsubscribers.forEach(unsub => unsub());\n    this.selectionObserver?.disconnect();\n    this.selectionObserver = null;\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n  }\n\n  /**\n   * 设置 ResizeObserver 监听表格宽度变化\n   */\n  private setupResizeObserver() {\n    const revogrid = this.element.closest('revo-grid');\n    if (!revogrid) return;\n\n    this.resizeObserver = new ResizeObserver(() => {\n      // 立即更新，不使用防抖\n      this.scheduleUpdate();\n    });\n\n    this.resizeObserver.observe(revogrid);\n  }\n\n  /**\n   * 设置 MutationObserver 监听选中状态变化\n   */\n  private setupSelectionObserver() {\n    const revogrid = this.element.closest('revo-grid');\n    if (!revogrid) return;\n\n    this.selectionObserver = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        if (\n          mutation.attributeName === 'data-selected-rows' ||\n          mutation.attributeName === 'data-selected-rg-rows'\n        ) {\n          // 选中状态变化，更新缓存并刷新\n          this.updateSelectedIndicesCache();\n          this.scheduleUpdate();\n          break;\n        }\n      }\n    });\n\n    this.selectionObserver.observe(revogrid, {\n      attributes: true,\n      attributeFilter: ['data-selected-rows', 'data-selected-rg-rows'],\n    });\n  }\n\n  /**\n   * 使用 RAF 节流的更新调度\n   */\n  private scheduleUpdate() {\n    if (this.updateScheduled) return;\n    this.updateScheduled = true;\n    \n    requestAnimationFrame(() => {\n      this.updateScheduled = false;\n      this.updateGroupRowsImmediate(false);\n    });\n  }\n\n  /**\n   * 更新选中行索引缓存\n   */\n  private updateSelectedIndicesCache(): void {\n    const revogrid = this.element.closest('revo-grid');\n    if (!revogrid) {\n      this.cachedSelectedIndices.clear();\n      this.lastSelectedRowsAttr = null;\n      return;\n    }\n\n    const selectedRowsAttr =\n      revogrid.getAttribute('data-selected-rg-rows') ||\n      revogrid.getAttribute('data-selected-rows');\n    \n    // 如果属性值没变，直接返回\n    if (selectedRowsAttr === this.lastSelectedRowsAttr) {\n      return;\n    }\n    \n    this.lastSelectedRowsAttr = selectedRowsAttr;\n    this.cachedSelectedIndices.clear();\n    \n    if (selectedRowsAttr) {\n      try {\n        const indices = JSON.parse(selectedRowsAttr);\n        if (Array.isArray(indices)) {\n          for (let i = 0; i < indices.length; i++) {\n            this.cachedSelectedIndices.add(indices[i]);\n          }\n        }\n      } catch (e) {\n        // 忽略解析错误\n      }\n    }\n  }\n\n  /**\n   * 获取选中行索引（使用缓存）\n   */\n  private getSelectedRowIndices(): Set<number> {\n    // 首次调用或缓存失效时更新\n    if (this.lastSelectedRowsAttr === null) {\n      this.updateSelectedIndicesCache();\n    }\n    return this.cachedSelectedIndices;\n  }\n\n  /**\n   * 立即更新分组行（带变化检测）\n   * @param forceUpdate 是否强制更新，忽略变化检测\n   */\n  @Method()\n  async updateGroupRowsImmediate(forceUpdate = false) {\n    if (!this.dataStore || !this.viewportRow || !this.viewportCol) {\n      if (this.groupRows.length || this.dataRows.length) {\n        this.groupRows = [];\n        this.dataRows = [];\n      }\n      return;\n    }\n\n    const rows = this.viewportRow.get('items');\n    const cols = this.viewportCol.get('items');\n\n    // 变化检测：如果 items 引用没变且不是强制更新，跳过更新\n    if (!forceUpdate && rows === this.lastRowItems && cols === this.lastColItems) {\n      return;\n    }\n    this.lastRowItems = rows;\n    this.lastColItems = cols;\n\n    if (!rows.length) {\n      if (this.groupRows.length || this.dataRows.length) {\n        this.groupRows = [];\n        this.dataRows = [];\n      }\n      return;\n    }\n\n    const groupingCustomRenderer = this.dataStore.get('groupingCustomRenderer');\n    // 即使 cols 为空（所有列都冻结），也要渲染分组行\n    const firstCol = cols[0] || { start: 0, end: 0, size: 0, itemIndex: 0 };\n\n    // 使用缓存的选中行索引\n    const selectedRowIndices = this.getSelectedRowIndices();\n    \n    // 获取当前可见的物理索引数组\n    const dataItems = this.dataStore.get('items');\n\n    const groupRowsData: RowGroupingProps[] = [];\n    const dataRowsData: DataRowInfo[] = [];\n    \n    for (let i = 0; i < rows.length; i++) {\n      const rgRow = rows[i];\n      const dataItem = getSourceItem(this.dataStore, rgRow.itemIndex);\n      \n      if (!dataItem) {\n        continue;\n      }\n      \n      const physicalIndex = dataItems[rgRow.itemIndex];\n      \n      if (isGrouping(dataItem)) {\n        const groupName = dataItem[PSEUDO_GROUP_ITEM];\n        if (!groupName) {\n          this.groupRows = [];\n          this.dataRows = [];\n          return;\n        }\n        \n        groupRowsData.push({\n          ...rgRow,\n          index: rgRow.itemIndex,\n          model: dataItem,\n          groupingCustomRenderer,\n          hasExpand: true,\n          columnItems: [firstCol],\n          providers: this.providers,\n          getGroupSelection: this.getGroupSelection,\n          paddingDepth: this.paddingDepth,\n        });\n      } else {\n        const isSelected = physicalIndex !== undefined && selectedRowIndices.has(physicalIndex);\n        dataRowsData.push({\n          ...rgRow,\n          selected: isSelected,\n        });\n      }\n    }\n    \n    this.groupRows = groupRowsData;\n    this.dataRows = dataRowsData;\n  }\n\n  render() {\n    // 只有当既没有分组行也没有数据行时才不渲染\n    if (!this.groupRows.length && !this.dataRows.length) {\n      return null;\n    }\n    \n    return (\n      <Host>\n        <div class=\"grouping-rows-container\">\n          {this.groupRows.map(rowProps => (\n            <GroupingRowRenderer {...rowProps} key={`group-${rowProps.itemIndex}`} />\n          ))}\n          {this.dataRows.map(row => {\n            const attrs: any = {\n              class: 'rgRow dataRow',\n              key: `data-${row.itemIndex}`,\n              style: {\n                height: `${row.size}px`,\n                transform: `translateY(${row.start}px)`,\n              },\n              'data-rgRow': row.itemIndex,\n            };\n            if (row.selected) {\n              attrs.selected = '';\n            }\n            return <div {...attrs} />;\n          })}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/header/header-cell-renderer.js

@@ -0,0 +1,49 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { h } from "@stencil/core";
+import { dispatch } from "../../plugins/dispatcher";
+import { doPropMerge } from "../data/column.service";
+import { ResizableElement, } from "./resizable.element";
+export const ON_COLUMN_CLICK = 'columnclick';
+export const HEADER_NOT_DRAGGABLE_CLASS = 'rgHeaderCell-not-draggable';
+export const HeaderCellRenderer = ({ data, props, additionalData }, children) => {
+    let colTemplate = (data === null || data === void 0 ? void 0 : data.name) || '';
+    let cellProps = props;
+    if (data === null || data === void 0 ? void 0 : data.columnTemplate) {
+        colTemplate = data.columnTemplate(h, data, additionalData);
+    }
+    if (data === null || data === void 0 ? void 0 : data.columnProperties) {
+        const extra = data.columnProperties(data);
+        if (extra) {
+            cellProps = doPropMerge(props, extra);
+        }
+    }
+    // 添加 data-draggable 属性
+    const dataAny = data;
+    const isDraggable = (dataAny === null || dataAny === void 0 ? void 0 : dataAny.draggable) !== false;
+    const mergedClass = typeof cellProps.class === 'string'
+        ? { [cellProps.class]: true }
+        : (cellProps.class || {});
+    const draggableClass = Object.assign(Object.assign({}, mergedClass), { [HEADER_NOT_DRAGGABLE_CLASS]: !isDraggable });
+    const resizeProps = Object.assign(Object.assign({}, cellProps), { class: draggableClass, 'data-draggable': isDraggable ? 'true' : 'false', onMouseDown(e) {
+            dispatch(e.currentTarget, ON_COLUMN_CLICK, {
+                data,
+                event: e,
+            });
+        } });
+    // 为 header-content 准备属性
+    const headerContentProps = {};
+    // 如果配置了 tooltip，添加 data-tooltip 属性
+    if (dataAny === null || dataAny === void 0 ? void 0 : dataAny.tooltip) {
+        headerContentProps['data-tooltip'] = dataAny.tooltip;
+    }
+    // 如果没有配置 tooltip 但有 name，默认使用 name 作为 tooltip
+    else if ((data === null || data === void 0 ? void 0 : data.name) && typeof data.name === 'string') {
+        headerContentProps['data-tooltip'] = data.name;
+    }
+    if (data === null || data === void 0 ? void 0 : data.uniqueId)
+        headerContentProps['revo-grid-uid'] = data.uniqueId;
+    return (h(ResizableElement, Object.assign({}, resizeProps), h("div", Object.assign({ class: "header-content" }, headerContentProps), colTemplate), children));
+};
+//# sourceMappingURL=header-cell-renderer.js.map

package/dist/collection/components/header/header-cell-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-cell-renderer.js","sourceRoot":"","sources":["../../../src/components/header/header-cell-renderer.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,CAAC,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EACL,gBAAgB,GAEjB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAC;AAC7C,MAAM,CAAC,MAAM,0BAA0B,GAAG,4BAA4B,CAAC;AAEvE,MAAM,CAAC,MAAM,kBAAkB,GAI1B,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,EAAE;IACjD,IAAI,WAAW,GAAyB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,EAAE,CAAC;IACzD,IAAI,SAAS,GAAG,KAAK,CAAC;IACtB,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,EAAE,CAAC;QACzB,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC;IAC7D,CAAC;IACD,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,EAAE,CAAC;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC1C,IAAI,KAAK,EAAE,CAAC;YACV,SAAS,GAAG,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IAED,uBAAuB;IACvB,MAAM,OAAO,GAAG,IAAW,CAAC;IAC5B,MAAM,WAAW,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,MAAK,KAAK,CAAC;IAEjD,MAAM,WAAW,GACf,OAAO,SAAS,CAAC,KAAK,KAAK,QAAQ;QACjC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE;QAC7B,CAAC,CAAC,CAAE,SAAS,CAAC,KAAiC,IAAI,EAAE,CAAC,CAAC;IAC3D,MAAM,cAAc,mCACf,WAAW,KACd,CAAC,0BAA0B,CAAC,EAAE,CAAC,WAAW,GAC3C,CAAC;IAEF,MAAM,WAAW,mCACZ,SAAS,KACZ,KAAK,EAAE,cAAc,EACrB,gBAAgB,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAChD,WAAW,CAAC,CAAa;YACvB,QAAQ,CAAC,CAAC,CAAC,aAAa,EAAE,eAAe,EAAE;gBACzC,IAAI;gBACJ,KAAK,EAAE,CAAC;aACT,CAAC,CAAC;QACL,CAAC,GACF,CAAC;IAEF,wBAAwB;IACxB,MAAM,kBAAkB,GAAQ,EAAE,CAAC;IAEnC,mCAAmC;IACnC,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EAAE,CAAC;QACrB,kBAAkB,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC;IACvD,CAAC;IACD,8CAA8C;SACzC,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QACrD,kBAAkB,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;IACjD,CAAC;IAED,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ;QAChB,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;IAEtD,OAAO,CACL,EAAC,gBAAgB,oBAAK,WAAW;QAC/B,yBAAK,KAAK,EAAC,gBAAgB,IAAK,kBAAkB,GAAG,WAAW,CAAO;QACtE,QAAQ,CACQ,CACpB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { JSXBase } from '@stencil/core/internal';\nimport { type FunctionalComponent, h } from '@stencil/core';\nimport { dispatch } from '../../plugins/dispatcher';\nimport { doPropMerge } from '../data/column.service';\nimport {\n  ResizableElement,\n  ResizableElementHTMLAttributes,\n} from './resizable.element';\nimport { ColumnTemplateProp } from '@type';\n\nexport const ON_COLUMN_CLICK = 'columnclick';\nexport const HEADER_NOT_DRAGGABLE_CLASS = 'rgHeaderCell-not-draggable';\n\nexport const HeaderCellRenderer: FunctionalComponent<{\n  props: ResizableElementHTMLAttributes;\n  additionalData: any;\n  data?: ColumnTemplateProp;\n}> = ({ data, props, additionalData }, children) => {\n  let colTemplate: ReturnType<typeof h> = data?.name || '';\n  let cellProps = props;\n  if (data?.columnTemplate) {\n    colTemplate = data.columnTemplate(h, data, additionalData);\n  }\n  if (data?.columnProperties) {\n    const extra = data.columnProperties(data);\n    if (extra) {\n      cellProps = doPropMerge(props, extra);\n    }\n  }\n  \n  // 添加 data-draggable 属性\n  const dataAny = data as any;\n  const isDraggable = dataAny?.draggable !== false;\n  \n  const mergedClass =\n    typeof cellProps.class === 'string'\n      ? { [cellProps.class]: true }\n      : ((cellProps.class as Record<string, boolean>) || {});\n  const draggableClass: JSXBase.HTMLAttributes<HTMLDivElement>['class'] = {\n    ...mergedClass,\n    [HEADER_NOT_DRAGGABLE_CLASS]: !isDraggable,\n  };\n\n  const resizeProps = {\n    ...cellProps,\n    class: draggableClass,\n    'data-draggable': isDraggable ? 'true' : 'false',\n    onMouseDown(e: MouseEvent) {\n      dispatch(e.currentTarget, ON_COLUMN_CLICK, {\n        data,\n        event: e,\n      });\n    },\n  };\n  \n  // 为 header-content 准备属性\n  const headerContentProps: any = {};\n  \n  // 如果配置了 tooltip，添加 data-tooltip 属性\n  if (dataAny?.tooltip) {\n    headerContentProps['data-tooltip'] = dataAny.tooltip;\n  }\n  // 如果没有配置 tooltip 但有 name，默认使用 name 作为 tooltip\n  else if (data?.name && typeof data.name === 'string') {\n    headerContentProps['data-tooltip'] = data.name;\n  }\n\n  if (data?.uniqueId)\n    headerContentProps['revo-grid-uid'] = data.uniqueId;\n  \n  return (\n    <ResizableElement {...resizeProps}>\n      <div class=\"header-content\" {...headerContentProps}>{colTemplate}</div>\n      {children}\n    </ResizableElement>\n  );\n};\n"]}

package/dist/collection/components/header/header-group-renderer.js

@@ -0,0 +1,29 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { h } from "@stencil/core";
+import { DATA_COL, HEADER_CLASS, MIN_COL_SIZE } from "../../utils/consts";
+import { HeaderCellRenderer } from "./header-cell-renderer";
+const HeaderGroupRenderer = (p) => {
+    const cellClass = {
+        [HEADER_CLASS]: true,
+        'group-header': true, // 编组表头专用类名
+        'last-column': !!p.isLastColumn, // 添加最后一列类名
+    };
+    const groupProps = {
+        [DATA_COL]: p.group.indexes[0], // 使用分组下第一个列的索引
+        canResize: p.canResize,
+        minWidth: p.group.indexes.length * MIN_COL_SIZE,
+        maxWidth: 0,
+        active: p.active || ['r'],
+        class: cellClass,
+        style: {
+            transform: `translateX(${p.start}px)`,
+            width: `${p.end - p.start}px`,
+        },
+        onResize: p.onResize,
+    };
+    return (h(HeaderCellRenderer, { data: Object.assign(Object.assign({}, p.group), { prop: '', providers: p.providers, index: p.start, draggable: false }), props: groupProps, additionalData: p.additionalData }));
+};
+export default HeaderGroupRenderer;
+//# sourceMappingURL=header-group-renderer.js.map

package/dist/collection/components/header/header-group-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-group-renderer.js","sourceRoot":"","sources":["../../../src/components/header/header-group-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAIlC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAc5D,MAAM,mBAAmB,GAAG,CAAC,CAA2B,EAAwB,EAAE;IAChF,MAAM,SAAS,GAA+B;QAC5C,CAAC,YAAY,CAAC,EAAE,IAAI;QACpB,cAAc,EAAE,IAAI,EAAE,WAAW;QACjC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,WAAW;KAC7C,CAAC;IAEF,MAAM,UAAU,GAAqC;QACnD,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,eAAe;QAC/C,SAAS,EAAE,CAAC,CAAC,SAAS;QACtB,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,YAAY;QAC/C,QAAQ,EAAE,CAAC;QAEX,MAAM,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC;QACzB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE;YACL,SAAS,EAAE,cAAc,CAAC,CAAC,KAAK,KAAK;YACrC,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,KAAK,IAAI;SAC9B;QACD,QAAQ,EAAE,CAAC,CAAC,QAAQ;KACrB,CAAC;IACF,OAAO,CACL,EAAC,kBAAkB,IACjB,IAAI,kCACC,CAAC,CAAC,KAAK,KACV,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,CAAC,CAAC,SAAS,EACtB,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,SAAS,EAAE,KAAK,KAElB,KAAK,EAAE,UAAU,EACjB,cAAc,EAAE,CAAC,CAAC,cAAc,GAChC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { Group } from '@store';\nimport type { CellProps, ProvidersColumns } from '@type';\nimport { ResizeEvent, ResizeProps } from './resizable.directive';\nimport { DATA_COL, HEADER_CLASS, MIN_COL_SIZE } from '../../utils/consts';\nimport { HeaderCellRenderer } from './header-cell-renderer';\n\nexport type HeaderGroupRendererProps = {\n  start: number;\n  end: number;\n  group: Group;\n  providers: ProvidersColumns;\n  additionalData: any;\n  canResize?: boolean;\n  /** 是否是最后一列 */\n  isLastColumn?: boolean;\n  onResize?(e: ResizeEvent): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst HeaderGroupRenderer = (p: HeaderGroupRendererProps): ReturnType<typeof h> => {\n  const cellClass: { [key: string]: boolean } = {\n    [HEADER_CLASS]: true,\n    'group-header': true, // 编组表头专用类名\n    'last-column': !!p.isLastColumn, // 添加最后一列类名\n  };\n  \n  const groupProps: CellProps & Partial<ResizeProps> = {\n    [DATA_COL]: p.group.indexes[0], // 使用分组下第一个列的索引\n    canResize: p.canResize,\n    minWidth: p.group.indexes.length * MIN_COL_SIZE,\n    maxWidth: 0,\n\n    active: p.active || ['r'],\n    class: cellClass,\n    style: {\n      transform: `translateX(${p.start}px)`,\n      width: `${p.end - p.start}px`,\n    },\n    onResize: p.onResize,\n  };\n  return (\n    <HeaderCellRenderer\n      data={{\n        ...p.group,\n        prop: '',\n        providers: p.providers,\n        index: p.start,\n        draggable: false, // 编组头不允许拖拽\n      }}\n      props={groupProps}\n      additionalData={p.additionalData}\n    />\n  );\n};\n\nexport default HeaderGroupRenderer;\n"]}

package/dist/collection/components/header/header-renderer.js

@@ -0,0 +1,100 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { h } from "@stencil/core";
+import { FilterButton } from "../../plugins/filter/filter.button";
+import { SortingSign } from "../../plugins/sorting/sorting.sign";
+import { DATA_COL, FOCUS_CLASS, HEADER_CLASS, HEADER_SORTABLE_CLASS, MIN_COL_SIZE, } from "../../utils/consts";
+import { HeaderCellRenderer } from "./header-cell-renderer";
+const HeaderRenderer = (p) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const cellClass = {
+        [HEADER_CLASS]: true,
+        [HEADER_SORTABLE_CLASS]: !!((_a = p.data) === null || _a === void 0 ? void 0 : _a.sortable),
+        'merged-header': !!p.merged,
+        'grouped-cell': !!p.isGrouped, // 添加编组标识类名
+        'last-column': !!p.isLastColumn, // 添加最后一列类名
+    };
+    if ((_b = p.data) === null || _b === void 0 ? void 0 : _b.order) {
+        cellClass[p.data.order] = true;
+    }
+    // 添加对齐类
+    if ((_c = p.data) === null || _c === void 0 ? void 0 : _c.headerAlign) {
+        cellClass[`align-${p.data.headerAlign}`] = true;
+    }
+    // 计算样式
+    const style = {
+        width: `${p.column.size}px`,
+        transform: `translateX(${p.column.start}px)`,
+    };
+    // 如果是合并单元格，设置高度（跨越多行）
+    // 使用 CSS 变量计算：单行表头高度 / 2 * (分组深度 + 1)
+    if (p.merged && p.groupingDepth) {
+        style.height = `calc(var(--rg-header-row-height, 45px) / 2 * ${p.groupingDepth + 1})`;
+    }
+    const dataProps = {
+        [DATA_COL]: p.column.itemIndex,
+        'data-grouping-depth': (_d = p.groupingDepth) !== null && _d !== void 0 ? _d : 0,
+        canResize: p.canResize,
+        minWidth: ((_e = p.data) === null || _e === void 0 ? void 0 : _e.minSize) || MIN_COL_SIZE,
+        maxWidth: (_f = p.data) === null || _f === void 0 ? void 0 : _f.maxSize,
+        active: p.active || ['r'],
+        class: cellClass,
+        style,
+        onResize: p.onResize,
+        onDblClick(originalEvent) {
+            var _a, _b;
+            // 检查列配置是否允许双击事件，默认为 true
+            if (((_a = p.data) === null || _a === void 0 ? void 0 : _a.canDblClick) === false) {
+                return;
+            }
+            // 检查是否点击在 resize 区域
+            const target = originalEvent.target;
+            // 1. 检查是否直接点击了 resize 元素
+            if (target.classList.contains('resizable') ||
+                target.classList.contains('resizable-r') ||
+                target.classList.contains('resizable-l') ||
+                target.classList.contains('no-resize')) {
+                return;
+            }
+            // 2. 检查是否点击在单元格右边缘的 resize 区域（14px范围）
+            const cell = target.closest('.rgHeaderCell');
+            if (cell) {
+                const rect = cell.getBoundingClientRect();
+                const clickX = originalEvent.clientX;
+                const resizeZoneWidth = 14;
+                // 如果点击位置在右边缘14px范围内，不触发双击
+                if (clickX >= rect.right - resizeZoneWidth) {
+                    return;
+                }
+            }
+            (_b = p.onDblClick) === null || _b === void 0 ? void 0 : _b.call(p, {
+                column: p.data,
+                index: p.column.itemIndex,
+                originalEvent,
+                providers: p.data.providers,
+            });
+        },
+        onClick(originalEvent) {
+            if (originalEvent.defaultPrevented || !p.onClick) {
+                return;
+            }
+            p.onClick({
+                column: p.data,
+                index: p.column.itemIndex,
+                originalEvent,
+                providers: p.data.providers,
+            });
+        },
+    };
+    if (p.range) {
+        if (p.column.itemIndex >= p.range.x && p.column.itemIndex <= p.range.x1) {
+            if (typeof dataProps.class === 'object') {
+                dataProps.class[FOCUS_CLASS] = true;
+            }
+        }
+    }
+    return (h(HeaderCellRenderer, { data: p.data, props: dataProps, additionalData: p.additionalData }, h(SortingSign, { column: p.data }), p.canFilter && ((_g = p.data) === null || _g === void 0 ? void 0 : _g.filter) !== false ? (h(FilterButton, { column: p.data })) : ('')));
+};
+export default HeaderRenderer;
+//# sourceMappingURL=header-renderer.js.map

package/dist/collection/components/header/header-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-renderer.js","sourceRoot":"","sources":["../../../src/components/header/header-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type {\n  VirtualPositionItem,\n  ColumnTemplateProp,\n  InitialHeaderClick,\n  RangeArea\n} from '@type';\n\nimport { FilterButton } from '../../plugins/filter/filter.button';\nimport { SortingSign } from '../../plugins/sorting/sorting.sign';\nimport { ResizeEvent, ResizeProps } from './resizable.directive';\nimport {\n  DATA_COL,\n  FOCUS_CLASS,\n  HEADER_CLASS,\n  HEADER_SORTABLE_CLASS,\n  MIN_COL_SIZE,\n} from '../../utils/consts';\nimport { HeaderCellRenderer } from './header-cell-renderer';\nimport { ResizableElementHTMLAttributes } from './resizable.element';\n\nexport type HeaderRenderProps = {\n  column: VirtualPositionItem;\n  additionalData: any;\n  data: ColumnTemplateProp;\n  range?: RangeArea | null;\n  canResize?: boolean;\n  canFilter?: boolean;\n  /** 是否为合并单元格（非分组列跨越分组行） */\n  merged?: boolean;\n  /** 分组深度 */\n  groupingDepth?: number;\n  /** 是否属于编组 */\n  isGrouped?: boolean;\n  /** 是否是最后一列 */\n  isLastColumn?: boolean;\n  onResize?(e: ResizeEvent): void;\n  onClick?(data: InitialHeaderClick): void;\n  onDblClick?(data: InitialHeaderClick): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst HeaderRenderer = (p: HeaderRenderProps): ReturnType<typeof h> => {\n  const cellClass: { [key: string]: boolean } = {\n    [HEADER_CLASS]: true,\n    [HEADER_SORTABLE_CLASS]: !!p.data?.sortable,\n    'merged-header': !!p.merged,\n    'grouped-cell': !!p.isGrouped, // 添加编组标识类名\n    'last-column': !!p.isLastColumn, // 添加最后一列类名\n  };\n  if (p.data?.order) {\n    cellClass[p.data.order] = true;\n  }\n  // 添加对齐类\n  if (p.data?.headerAlign) {\n    cellClass[`align-${p.data.headerAlign}`] = true;\n  }\n  \n  // 计算样式\n  const style: { [key: string]: string } = {\n    width: `${p.column.size}px`,\n    transform: `translateX(${p.column.start}px)`,\n  };\n  \n  // 如果是合并单元格，设置高度（跨越多行）\n  // 使用 CSS 变量计算：单行表头高度 / 2 * (分组深度 + 1)\n  if (p.merged && p.groupingDepth) {\n    style.height = `calc(var(--rg-header-row-height, 45px) / 2 * ${p.groupingDepth + 1})`;\n  }\n  \n  const dataProps: ResizableElementHTMLAttributes = {\n    [DATA_COL]: p.column.itemIndex,\n    'data-grouping-depth': p.groupingDepth ?? 0,\n    canResize: p.canResize,\n    minWidth: p.data?.minSize || MIN_COL_SIZE,\n    maxWidth: p.data?.maxSize,\n    active: p.active || ['r'],\n    class: cellClass,\n    style,\n    onResize: p.onResize,\n    onDblClick(originalEvent: MouseEvent) {\n      // 检查列配置是否允许双击事件，默认为 true\n      if (p.data?.canDblClick === false) {\n        return;\n      }\n      \n      // 检查是否点击在 resize 区域\n      const target = originalEvent.target as HTMLElement;\n      \n      // 1. 检查是否直接点击了 resize 元素\n      if (target.classList.contains('resizable') || \n          target.classList.contains('resizable-r') || \n          target.classList.contains('resizable-l') ||\n          target.classList.contains('no-resize')) {\n        return;\n      }\n      \n      // 2. 检查是否点击在单元格右边缘的 resize 区域（14px范围）\n      const cell = target.closest('.rgHeaderCell') as HTMLElement;\n      if (cell) {\n        const rect = cell.getBoundingClientRect();\n        const clickX = originalEvent.clientX;\n        const resizeZoneWidth = 14;\n        \n        // 如果点击位置在右边缘14px范围内，不触发双击\n        if (clickX >= rect.right - resizeZoneWidth) {\n          return;\n        }\n      }\n      \n      p.onDblClick?.({\n        column: p.data,\n        index: p.column.itemIndex,\n        originalEvent,\n        providers: p.data.providers,\n      });\n    },\n    onClick(originalEvent: MouseEvent) {\n      if (originalEvent.defaultPrevented || !p.onClick) {\n        return;\n      }\n      p.onClick({\n        column: p.data,\n        index: p.column.itemIndex,\n        originalEvent,\n        providers: p.data.providers,\n      });\n    },\n  };\n  if (p.range) {\n    if (p.column.itemIndex >= p.range.x && p.column.itemIndex <= p.range.x1) {\n      if (typeof dataProps.class === 'object') {\n        dataProps.class[FOCUS_CLASS] = true;\n      }\n    }\n  }\n  return (\n    <HeaderCellRenderer\n      data={p.data}\n      props={dataProps}\n      additionalData={p.additionalData}\n    >\n      {<SortingSign column={p.data} />}\n      {p.canFilter && p.data?.filter !== false ? (\n        <FilterButton column={p.data} />\n      ) : (\n        ''\n      )}\n    </HeaderCellRenderer>\n  );\n};\n\nexport default HeaderRenderer;\n"]}

package/dist/collection/components/header/resizable.directive.js

@@ -0,0 +1,274 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+export var ResizeEvents;
+(function (ResizeEvents) {
+    ResizeEvents["start"] = "resize:start";
+    ResizeEvents["move"] = "resize:move";
+    ResizeEvents["end"] = "resize:end";
+})(ResizeEvents || (ResizeEvents = {}));
+const RESIZE_MASK = {
+    'resizable-r': { bit: 0b0001, cursor: 'col-resize' },
+    'resizable-rb': { bit: 0b0011, cursor: 'se-resize' },
+    'resizable-b': { bit: 0b0010, cursor: 's-resize' },
+    'resizable-lb': { bit: 0b0110, cursor: 'sw-resize' },
+    'resizable-l': { bit: 0b0100, cursor: 'w-resize' },
+    'resizable-lt': { bit: 0b1100, cursor: 'nw-resize' },
+    'resizable-t': { bit: 0b1000, cursor: 'n-resize' },
+    'resizable-rt': { bit: 0b1001, cursor: 'ne-resize' },
+};
+const DISABLE_MASK = {
+    l: 0b0001,
+    t: 0b0010,
+    w: 0b0100,
+    h: 0b1000,
+};
+const defaultProps = (props) => {
+    return Object.assign(Object.assign({}, props), { fitParent: props.fitParent || false, active: props.active || [], disableAttributes: props.disableAttributes || [], minWidth: props.minWidth || 0, minHeight: props.minHeight || 0 });
+};
+export class ResizeDirective {
+    constructor(initialProps, $event) {
+        var _a, _b;
+        this.initialProps = initialProps;
+        this.$event = $event;
+        this.startMouseX = 0; // 记录拖拽开始时的鼠标位置
+        this.startMouseY = 0;
+        this.width = 0;
+        this.height = 0;
+        this.changeX = 0;
+        this.changeY = 0;
+        this.disableCalcMap = 0b1111;
+        this.props = defaultProps(initialProps);
+        this.mouseMoveFunc = this.handleMove.bind(this);
+        this.mouseUpFunc = this.handleUp.bind(this);
+        this.handleRightClickFunc = this.handleRightClick.bind(this);
+        this.handleContextMenuFunc = this.handleContextMenu.bind(this);
+        this.minW = this.props.minWidth;
+        this.minH = this.props.minHeight;
+        this.maxW = (_a = this.props.maxWidth) !== null && _a !== void 0 ? _a : 0;
+        this.maxH = (_b = this.props.maxHeight) !== null && _b !== void 0 ? _b : 0;
+        this.parent = { width: 0, height: 0 };
+        this.resizeState = 0;
+    }
+    set($el) {
+        this.$el = $el;
+        this.props.disableAttributes.forEach(attr => {
+            switch (attr) {
+                case 'l':
+                    this.disableCalcMap &= ~DISABLE_MASK.l;
+                    break;
+                case 't':
+                    this.disableCalcMap &= ~DISABLE_MASK.t;
+                    break;
+                case 'w':
+                    this.disableCalcMap &= ~DISABLE_MASK.w;
+                    break;
+                case 'h':
+                    this.disableCalcMap &= ~DISABLE_MASK.h;
+            }
+        });
+    }
+    emitEvent(eventName, additionalOptions) {
+        var _a;
+        if (!this.$event) {
+            return;
+        }
+        const isLeft = (_a = this.activeResizer) === null || _a === void 0 ? void 0 : _a.classList.contains('resizable-l');
+        this.$event(Object.assign({ eventName, width: this.width + this.changeX * (isLeft ? -1 : 1), height: this.height + this.changeY, changedX: this.changeX, changedY: this.changeY }, additionalOptions));
+    }
+    static isTouchEvent(e) {
+        var _a;
+        const event = e;
+        return ((_a = event.touches) === null || _a === void 0 ? void 0 : _a.length) >= 0;
+    }
+    handleMove(event) {
+        var _a;
+        if (!this.resizeState) {
+            return;
+        }
+        let eventY, eventX;
+        if (ResizeDirective.isTouchEvent(event)) {
+            eventY = event.touches[0].clientY;
+            eventX = event.touches[0].clientX;
+        }
+        else {
+            eventY = event.clientY;
+            eventX = event.clientX;
+        }
+        let isX = this.resizeState & RESIZE_MASK['resizable-r'].bit ||
+            this.resizeState & RESIZE_MASK['resizable-l'].bit;
+        let isY = this.resizeState & RESIZE_MASK['resizable-t'].bit ||
+            this.resizeState & RESIZE_MASK['resizable-b'].bit;
+        if (isY && this.disableCalcMap & DISABLE_MASK.h) {
+            // 使用绝对位置计算，避免累加误差
+            const totalDiffY = eventY - this.startMouseY;
+            let changedY = totalDiffY;
+            const newHeight = this.height + changedY;
+            // if overcrossed min height
+            if (newHeight < this.minH) {
+                changedY = -(this.height - this.minH);
+            }
+            // if overcrossed max heiht
+            if (this.maxH && newHeight > this.maxH) {
+                changedY = this.maxH - this.height;
+            }
+            this.changeY = changedY;
+            if (this.activeResizer) {
+                this.activeResizer.style.bottom = `${-this.changeY}px`;
+            }
+        }
+        if (isX && this.disableCalcMap & DISABLE_MASK.w) {
+            const isLeft = (_a = this.activeResizer) === null || _a === void 0 ? void 0 : _a.classList.contains('resizable-l');
+            // 使用绝对位置计算，避免累加误差
+            const totalDiffX = eventX - this.startMouseX;
+            let changedX = totalDiffX;
+            const newWidth = this.width + changedX * (isLeft ? -1 : 1);
+            // if overcrossed min width
+            if (newWidth < this.minW) {
+                changedX = -(this.width - this.minW) * (isLeft ? -1 : 1);
+            }
+            // if overcrossed max width
+            if (this.maxW && newWidth > this.maxW) {
+                changedX = (this.maxW - this.width) * (isLeft ? 1 : 1);
+            }
+            this.changeX = changedX;
+            if (this.activeResizer) {
+                if (!isLeft) {
+                    this.activeResizer.style.right = `${-this.changeX}px`;
+                }
+                else {
+                    this.activeResizer.style.left = `${this.changeX}px`;
+                }
+            }
+        }
+        this.emitEvent(ResizeEvents.move);
+    }
+    handleDown(event) {
+        if (event.defaultPrevented) {
+            return;
+        }
+        // 右键不触发拖拽
+        if (!ResizeDirective.isTouchEvent(event) && event.button !== 0) {
+            return;
+        }
+        // stop other events if resize in progress
+        event.preventDefault();
+        this.dropInitial();
+        for (let elClass in RESIZE_MASK) {
+            const target = event.target;
+            if (this.$el.contains(target) && (target === null || target === void 0 ? void 0 : target.classList.contains(elClass))) {
+                document.body.style.cursor = RESIZE_MASK[elClass].cursor;
+                if (ResizeDirective.isTouchEvent(event)) {
+                    this.setInitials(event.touches[0], target);
+                }
+                else {
+                    event.preventDefault && event.preventDefault();
+                    this.setInitials(event, target);
+                }
+                this.resizeState = RESIZE_MASK[elClass].bit;
+                const eventName = ResizeEvents.start;
+                this.emitEvent(eventName);
+                break;
+            }
+        }
+        this.bindMove();
+    }
+    handleUp(e) {
+        e.preventDefault();
+        if (this.resizeState !== 0) {
+            this.resizeState = 0;
+            document.body.style.cursor = '';
+            // 只有当宽度实际发生变化时才触发 resize:end 事件
+            // 允许 1px 的误差，避免微小的抖动触发调整
+            if (Math.abs(this.changeX) > 1 || Math.abs(this.changeY) > 1) {
+                const eventName = ResizeEvents.end;
+                this.emitEvent(eventName);
+            }
+        }
+        this.dropInitial();
+        this.unbindMove();
+    }
+    setInitials({ clientX, clientY }, target) {
+        var _a, _b, _c, _d;
+        const computedStyle = getComputedStyle(this.$el);
+        this.$el.classList.add('active');
+        this.activeResizer = target;
+        if (this.disableCalcMap & DISABLE_MASK.w) {
+            this.startMouseX = clientX; // 记录初始鼠标位置
+            this.width = this.$el.clientWidth;
+            this.parent.width = (_b = (_a = this.$el.parentElement) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 0;
+            // min width: 需要考虑 padding 和 border
+            const minPaddingX = parseFloat(computedStyle.paddingLeft) +
+                parseFloat(computedStyle.paddingRight);
+            const minBorderX = parseFloat(computedStyle.borderLeftWidth) +
+                parseFloat(computedStyle.borderRightWidth);
+            this.minW = Math.max(minPaddingX + minBorderX, this.initialProps.minWidth || 0);
+            // max width
+            if (this.initialProps.maxWidth) {
+                this.maxW = Math.max(this.width, this.initialProps.maxWidth);
+            }
+        }
+        if (this.disableCalcMap & DISABLE_MASK.h) {
+            this.startMouseY = clientY; // 记录初始鼠标位置
+            this.height = this.$el.clientHeight;
+            this.parent.height = (_d = (_c = this.$el.parentElement) === null || _c === void 0 ? void 0 : _c.clientHeight) !== null && _d !== void 0 ? _d : 0;
+            // min height
+            const minPaddingY = parseFloat(computedStyle.paddingTop) +
+                parseFloat(computedStyle.paddingBottom);
+            this.minH = Math.max(minPaddingY, this.initialProps.minHeight || 0);
+            // max height
+            if (this.initialProps.maxHeight) {
+                this.maxH = Math.max(this.height, this.initialProps.maxHeight);
+            }
+        }
+    }
+    dropInitial() {
+        this.changeX = this.changeY = this.minW = this.minH;
+        this.width = this.height = 0;
+        if (this.activeResizer) {
+            this.activeResizer.removeAttribute('style');
+        }
+        this.$el.classList.remove('active');
+        this.activeResizer = undefined;
+    }
+    bindMove() {
+        document.documentElement.addEventListener('mouseup', this.mouseUpFunc, true);
+        document.documentElement.addEventListener('touchend', this.mouseUpFunc, true);
+        document.documentElement.addEventListener('mousemove', this.mouseMoveFunc, true);
+        document.documentElement.addEventListener('touchmove', this.mouseMoveFunc, true);
+        document.documentElement.addEventListener('mouseleave', this.mouseUpFunc);
+        // 右键按下时取消拖拽
+        document.documentElement.addEventListener('mousedown', this.handleRightClickFunc, true);
+        document.documentElement.addEventListener('contextmenu', this.handleContextMenuFunc, true);
+    }
+    unbindMove() {
+        document.documentElement.removeEventListener('mouseup', this.mouseUpFunc, true);
+        document.documentElement.removeEventListener('touchend', this.mouseUpFunc, true);
+        document.documentElement.removeEventListener('mousemove', this.mouseMoveFunc, true);
+        document.documentElement.removeEventListener('touchmove', this.mouseMoveFunc, true);
+        document.documentElement.removeEventListener('mouseleave', this.mouseUpFunc);
+        document.documentElement.removeEventListener('mousedown', this.handleRightClickFunc, true);
+        document.documentElement.removeEventListener('contextmenu', this.handleContextMenuFunc, true);
+    }
+    // 右键按下时取消拖拽
+    handleRightClick(e) {
+        if (e.button === 2 && this.resizeState !== 0) {
+            e.preventDefault();
+            this.cancelResize();
+        }
+    }
+    // 阻止右键菜单
+    handleContextMenu(e) {
+        if (this.resizeState !== 0) {
+            e.preventDefault();
+        }
+    }
+    // 取消拖拽（不触发 resize:end 事件）
+    cancelResize() {
+        this.resizeState = 0;
+        document.body.style.cursor = '';
+        this.dropInitial();
+        this.unbindMove();
+    }
+}
+//# sourceMappingURL=resizable.directive.js.map

package/dist/collection/components/header/resizable.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.directive.js","sourceRoot":"","sources":["../../../src/components/header/resizable.directive.tsx"],"names":[],"mappings":"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","sourcesContent":["export type ResizeProps = {\n  active: ('r' | 'rb' | 'b' | 'lb' | 'l' | 'lt' | 't' | 'rt')[]; // all\n  fitParent: boolean; // false\n  minWidth: number; // 0\n  minHeight: number; // 0\n\n  disableAttributes: ('l' | 't' | 'w' | 'h')[]; // []\n  maxWidth?: number;\n  maxHeight?: number;\n\n  onResize?(e: ResizeEvent): void;\n};\n\nexport type ResizeEvent = {\n  eventName: string;\n  changedX?: number;\n  changedY?: number;\n  width?: number;\n  height?: number;\n};\n\nexport enum ResizeEvents {\n  start = 'resize:start',\n  move = 'resize:move',\n  end = 'resize:end',\n}\n\nconst RESIZE_MASK: { [key: string]: any } = {\n  'resizable-r': { bit: 0b0001, cursor: 'col-resize' },\n  'resizable-rb': { bit: 0b0011, cursor: 'se-resize' },\n  'resizable-b': { bit: 0b0010, cursor: 's-resize' },\n  'resizable-lb': { bit: 0b0110, cursor: 'sw-resize' },\n  'resizable-l': { bit: 0b0100, cursor: 'w-resize' },\n  'resizable-lt': { bit: 0b1100, cursor: 'nw-resize' },\n  'resizable-t': { bit: 0b1000, cursor: 'n-resize' },\n  'resizable-rt': { bit: 0b1001, cursor: 'ne-resize' },\n};\n\nconst DISABLE_MASK = {\n  l: 0b0001,\n  t: 0b0010,\n  w: 0b0100,\n  h: 0b1000,\n};\n\nconst defaultProps = (props: Partial<ResizeProps>): ResizeProps => {\n  return {\n    ...props,\n    fitParent: props.fitParent || false,\n    active: props.active || [],\n    disableAttributes: props.disableAttributes || [],\n    minWidth: props.minWidth || 0,\n    minHeight: props.minHeight || 0,\n  };\n};\n\nexport class ResizeDirective {\n  private $el: HTMLElement;\n  private props: ResizeProps;\n  private minW: number;\n  private minH: number;\n  private maxW: number;\n  private maxH: number;\n\n  private startMouseX = 0; // 记录拖拽开始时的鼠标位置\n  private startMouseY = 0;\n\n  private width = 0;\n  private height = 0;\n\n  private changeX = 0;\n  private changeY = 0;\n\n  private parent: { width: number; height: number };\n  private resizeState: number;\n  private activeResizer?: HTMLElement;\n  private disableCalcMap = 0b1111;\n\n  private mouseMoveFunc: () => void;\n  private mouseUpFunc: () => void;\n\n  private handleRightClickFunc: (e: MouseEvent) => void;\n  private handleContextMenuFunc: (e: MouseEvent) => void;\n\n  constructor(\n    private initialProps: Partial<ResizeProps>,\n    private $event?: (e: ResizeEvent) => void,\n  ) {\n    this.props = defaultProps(initialProps);\n    this.mouseMoveFunc = this.handleMove.bind(this);\n    this.mouseUpFunc = this.handleUp.bind(this);\n    this.handleRightClickFunc = this.handleRightClick.bind(this);\n    this.handleContextMenuFunc = this.handleContextMenu.bind(this);\n\n    this.minW = this.props.minWidth;\n    this.minH = this.props.minHeight;\n    this.maxW = this.props.maxWidth ?? 0;\n    this.maxH = this.props.maxHeight ?? 0;\n    this.parent = { width: 0, height: 0 };\n    this.resizeState = 0;\n  }\n\n  set($el: HTMLElement) {\n    this.$el = $el;\n    this.props.disableAttributes.forEach(attr => {\n      switch (attr) {\n        case 'l':\n          this.disableCalcMap &= ~DISABLE_MASK.l;\n          break;\n        case 't':\n          this.disableCalcMap &= ~DISABLE_MASK.t;\n          break;\n        case 'w':\n          this.disableCalcMap &= ~DISABLE_MASK.w;\n          break;\n        case 'h':\n          this.disableCalcMap &= ~DISABLE_MASK.h;\n      }\n    });\n  }\n  emitEvent(eventName: string, additionalOptions?: any) {\n    if (!this.$event) {\n      return;\n    }\n    const isLeft = this.activeResizer?.classList.contains('resizable-l');\n    this.$event({\n      eventName,\n      width: this.width + this.changeX * (isLeft ? -1 : 1),\n      height: this.height + this.changeY,\n      changedX: this.changeX,\n      changedY: this.changeY,\n      ...additionalOptions,\n    });\n  }\n\n  private static isTouchEvent(e: MouseEvent | TouchEvent): e is TouchEvent {\n    const event = e as TouchEvent;\n    return event.touches?.length >= 0;\n  }\n\n  handleMove(event: MouseEvent | TouchEvent) {\n    if (!this.resizeState) {\n      return;\n    }\n    let eventY, eventX;\n    if (ResizeDirective.isTouchEvent(event)) {\n      eventY = event.touches[0].clientY;\n      eventX = event.touches[0].clientX;\n    } else {\n      eventY = event.clientY;\n      eventX = event.clientX;\n    }\n    let isX =\n      this.resizeState & RESIZE_MASK['resizable-r'].bit ||\n      this.resizeState & RESIZE_MASK['resizable-l'].bit;\n\n    let isY =\n      this.resizeState & RESIZE_MASK['resizable-t'].bit ||\n      this.resizeState & RESIZE_MASK['resizable-b'].bit;\n\n    if (isY && this.disableCalcMap & DISABLE_MASK.h) {\n      // 使用绝对位置计算，避免累加误差\n      const totalDiffY = eventY - this.startMouseY;\n      let changedY = totalDiffY;\n      const newHeight = this.height + changedY;\n      \n      // if overcrossed min height\n      if (newHeight < this.minH) {\n        changedY = -(this.height - this.minH);\n      }\n      // if overcrossed max heiht\n      if (this.maxH && newHeight > this.maxH) {\n        changedY = this.maxH - this.height;\n      }\n\n      this.changeY = changedY;\n\n      if (this.activeResizer) {\n        this.activeResizer.style.bottom = `${-this.changeY}px`;\n      }\n    }\n    if (isX && this.disableCalcMap & DISABLE_MASK.w) {\n      const isLeft = this.activeResizer?.classList.contains('resizable-l');\n      \n      // 使用绝对位置计算，避免累加误差\n      const totalDiffX = eventX - this.startMouseX;\n      let changedX = totalDiffX;\n      const newWidth = this.width + changedX * (isLeft ? -1 : 1);\n\n      // if overcrossed min width\n      if (newWidth < this.minW) {\n        changedX = -(this.width - this.minW) * (isLeft ? -1 : 1);\n      }\n      // if overcrossed max width\n      if (this.maxW && newWidth > this.maxW) {\n        changedX = (this.maxW - this.width) * (isLeft ? 1 : 1);\n      }\n\n      this.changeX = changedX;\n\n      if (this.activeResizer) {\n        if (!isLeft) {\n          this.activeResizer.style.right = `${-this.changeX}px`;\n        } else {\n          this.activeResizer.style.left = `${this.changeX}px`;\n        }\n      }\n    }\n    this.emitEvent(ResizeEvents.move);\n  }\n\n  handleDown(event: MouseEvent | TouchEvent) {\n    if (event.defaultPrevented) {\n      return;\n    }\n    \n    // 右键不触发拖拽\n    if (!ResizeDirective.isTouchEvent(event) && (event as MouseEvent).button !== 0) {\n      return;\n    }\n    \n    // stop other events if resize in progress\n    event.preventDefault();\n\n    this.dropInitial();\n    for (let elClass in RESIZE_MASK) {\n      const target = event.target as HTMLElement | null;\n      if (this.$el.contains(target) && target?.classList.contains(elClass)) {\n        document.body.style.cursor = RESIZE_MASK[elClass].cursor;\n        if (ResizeDirective.isTouchEvent(event)) {\n          this.setInitials(event.touches[0], target);\n        } else {\n          event.preventDefault && event.preventDefault();\n          this.setInitials(event, target);\n        }\n        this.resizeState = RESIZE_MASK[elClass].bit;\n        const eventName = ResizeEvents.start;\n        this.emitEvent(eventName);\n        break;\n      }\n    }\n    this.bindMove();\n  }\n\n  handleUp(e: MouseEvent) {\n    e.preventDefault();\n    if (this.resizeState !== 0) {\n      this.resizeState = 0;\n      document.body.style.cursor = '';\n      \n      // 只有当宽度实际发生变化时才触发 resize:end 事件\n      // 允许 1px 的误差，避免微小的抖动触发调整\n      if (Math.abs(this.changeX) > 1 || Math.abs(this.changeY) > 1) {\n        const eventName = ResizeEvents.end;\n        this.emitEvent(eventName);\n      }\n    }\n    this.dropInitial();\n    this.unbindMove();\n  }\n\n  private setInitials(\n    { clientX, clientY }: { clientX: number; clientY: number },\n    target?: HTMLElement,\n  ) {\n    const computedStyle = getComputedStyle(this.$el);\n    this.$el.classList.add('active');\n    this.activeResizer = target;\n\n    if (this.disableCalcMap & DISABLE_MASK.w) {\n      this.startMouseX = clientX; // 记录初始鼠标位置\n      this.width = this.$el.clientWidth;\n      this.parent.width = this.$el.parentElement?.clientWidth ?? 0;\n\n      // min width: 需要考虑 padding 和 border\n      const minPaddingX =\n        parseFloat(computedStyle.paddingLeft) +\n        parseFloat(computedStyle.paddingRight);\n      const minBorderX =\n        parseFloat(computedStyle.borderLeftWidth) +\n        parseFloat(computedStyle.borderRightWidth);\n      this.minW = Math.max(minPaddingX + minBorderX, this.initialProps.minWidth || 0);\n\n      // max width\n      if (this.initialProps.maxWidth) {\n        this.maxW = Math.max(this.width, this.initialProps.maxWidth);\n      }\n    }\n\n    if (this.disableCalcMap & DISABLE_MASK.h) {\n      this.startMouseY = clientY; // 记录初始鼠标位置\n      this.height = this.$el.clientHeight;\n      this.parent.height = this.$el.parentElement?.clientHeight ?? 0;\n\n      // min height\n      const minPaddingY =\n        parseFloat(computedStyle.paddingTop) +\n        parseFloat(computedStyle.paddingBottom);\n      this.minH = Math.max(minPaddingY, this.initialProps.minHeight || 0);\n      // max height\n      if (this.initialProps.maxHeight) {\n        this.maxH = Math.max(this.height, this.initialProps.maxHeight);\n      }\n    }\n  }\n\n  private dropInitial() {\n    this.changeX = this.changeY = this.minW = this.minH;\n    this.width = this.height = 0;\n    if (this.activeResizer) {\n      this.activeResizer.removeAttribute('style');\n    }\n    this.$el.classList.remove('active');\n    this.activeResizer = undefined;\n  }\n\n  private bindMove() {\n    document.documentElement.addEventListener(\n      'mouseup',\n      this.mouseUpFunc,\n      true,\n    );\n    document.documentElement.addEventListener(\n      'touchend',\n      this.mouseUpFunc,\n      true,\n    );\n    document.documentElement.addEventListener(\n      'mousemove',\n      this.mouseMoveFunc,\n      true,\n    );\n    document.documentElement.addEventListener(\n      'touchmove',\n      this.mouseMoveFunc,\n      true,\n    );\n    document.documentElement.addEventListener('mouseleave', this.mouseUpFunc);\n    // 右键按下时取消拖拽\n    document.documentElement.addEventListener(\n      'mousedown',\n      this.handleRightClickFunc,\n      true,\n    );\n    document.documentElement.addEventListener(\n      'contextmenu',\n      this.handleContextMenuFunc,\n      true,\n    );\n  }\n\n  private unbindMove() {\n    document.documentElement.removeEventListener(\n      'mouseup',\n      this.mouseUpFunc,\n      true,\n    );\n    document.documentElement.removeEventListener(\n      'touchend',\n      this.mouseUpFunc,\n      true,\n    );\n    document.documentElement.removeEventListener(\n      'mousemove',\n      this.mouseMoveFunc,\n      true,\n    );\n    document.documentElement.removeEventListener(\n      'touchmove',\n      this.mouseMoveFunc,\n      true,\n    );\n    document.documentElement.removeEventListener(\n      'mouseleave',\n      this.mouseUpFunc,\n    );\n    document.documentElement.removeEventListener(\n      'mousedown',\n      this.handleRightClickFunc,\n      true,\n    );\n    document.documentElement.removeEventListener(\n      'contextmenu',\n      this.handleContextMenuFunc,\n      true,\n    );\n  }\n\n  // 右键按下时取消拖拽\n  private handleRightClick(e: MouseEvent) {\n    if (e.button === 2 && this.resizeState !== 0) {\n      e.preventDefault();\n      this.cancelResize();\n    }\n  }\n\n  // 阻止右键菜单\n  private handleContextMenu(e: MouseEvent) {\n    if (this.resizeState !== 0) {\n      e.preventDefault();\n    }\n  }\n\n  // 取消拖拽（不触发 resize:end 事件）\n  private cancelResize() {\n    this.resizeState = 0;\n    document.body.style.cursor = '';\n    this.dropInitial();\n    this.unbindMove();\n  }\n}\n"]}

package/dist/collection/components/header/resizable.element.js

@@ -0,0 +1,36 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { h } from "@stencil/core";
+import { ResizeDirective, ResizeEvents, } from "./resizable.directive";
+export const ResizableElement = (props, children) => {
+    const resizeEls = [];
+    const directive = (props.canResize &&
+        new ResizeDirective(props, e => {
+            var _a;
+            if (e.eventName === ResizeEvents.end) {
+                (_a = props.onResize) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        })) ||
+        null;
+    if (props.active) {
+        if (props.canResize) {
+            for (let p in props.active) {
+                resizeEls.push(h("div", { onClick: e => e.preventDefault(), onDblClick: e => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                    }, onMouseDown: (e) => directive === null || directive === void 0 ? void 0 : directive.handleDown(e), onTouchStart: (e) => directive === null || directive === void 0 ? void 0 : directive.handleDown(e), class: `resizable resizable-${props.active[p]}` }));
+            }
+        }
+        else {
+            for (let _p in props.active) {
+                resizeEls.push(h("div", { onClick: e => e.preventDefault(), onTouchStart: (e) => e.preventDefault(), onDblClick: e => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                    }, class: `no-resize` }));
+            }
+        }
+    }
+    return (h("div", Object.assign({}, props, { ref: e => e && (directive === null || directive === void 0 ? void 0 : directive.set(e)) }), children, resizeEls));
+};
+//# sourceMappingURL=resizable.element.js.map