balala-revogrid 1.0.2 → 1.0.4

package/dist/cjs/{grouping.row.renderer-BqR0ytMi.js → grouping.row.renderer-D7b2lhSY.js}

@@ -4,9 +4,45 @@
 'use strict';
 
 var index = require('./index-BF1c1pO3.js');
-var rowRenderer = require('./row-renderer-BTE7VKD9.js');
+var dimension_helpers = require('./dimension.helpers-DA9-xqPT.js');
 var headerCellRenderer = require('./header-cell-renderer-D-RjAVfe.js');
 
+const SortingSign = ({ column }) => {
+    var _a;
+    return index.h("i", { class: (_a = column === null || column === void 0 ? void 0 : column.order) !== null && _a !== void 0 ? _a : 'sort-off' });
+};
+
+const PADDING_DEPTH = 10;
+/**
+ * 根据深度自动计算缩进值
+ * 规律：
+ * - depth=0: paddingDepth (16px)
+ * - depth=1: paddingDepth × 2 (32px)
+ * - depth=2: 32 + (paddingDepth + 24) = 72px
+ * - depth=3: 72 + (paddingDepth + 24) = 112px
+ */
+const getPaddingForDepth = (depth, paddingDepth) => {
+    if (depth === 0) {
+        return paddingDepth;
+    }
+    if (depth === 1) {
+        return paddingDepth * 2;
+    }
+    // depth >= 2
+    const level1Padding = paddingDepth * 2;
+    const incrementPerLevel = paddingDepth + 24;
+    return level1Padding + incrementPerLevel * (depth - 1);
+};
+const RowRenderer = ({ rowClass, index: index$1, size, start, depth, paddingDepth = PADDING_DEPTH }, cells) => {
+    const props = Object.assign({ [dimension_helpers.DATA_ROW]: index$1 });
+    const leftPadding = depth ? getPaddingForDepth(depth, paddingDepth) : undefined;
+    return (index.h("div", Object.assign({}, props, { class: `rgRow ${rowClass || ''}`, style: {
+            height: `${size}px`,
+            transform: `translateY(${start}px)`,
+            paddingLeft: leftPadding ? `${leftPadding}px` : undefined,
+        } }), cells));
+};
+
 function expandEvent(e, model, virtualIndex) {
     var _a;
     const event = new CustomEvent(headerCellRenderer.GROUP_EXPAND_EVENT, {
@@ -31,13 +67,13 @@ const GroupingRowRenderer = (props) => {
         selectionInfo = getGroupSelection(model, childIndices);
     }
     if (groupingCustomRenderer) {
-        return (index.h(rowRenderer.RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth, paddingDepth: paddingDepth }),
+        return (index.h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth, paddingDepth: paddingDepth }),
             index.h("div", { onClick: e => expandEvent(e, model, itemIndex) }, groupingCustomRenderer(index.h, Object.assign(Object.assign({}, props), { colType: props.providers.colType, name,
                 expanded,
                 depth,
                 selectionInfo })))));
     }
-    return (index.h(rowRenderer.RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth, paddingDepth: paddingDepth }), hasExpand && [
+    return (index.h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth, paddingDepth: paddingDepth }), hasExpand && [
         index.h("button", { class: { [headerCellRenderer.GROUP_EXPAND_BTN]: true }, onClick: e => {
                 expandEvent(e, model, itemIndex);
             } }, expandSvgIconVNode(expanded)),
@@ -57,8 +93,10 @@ const expandSvgIconVNode = (expanded = false) => {
 };
 
 exports.GroupingRowRenderer = GroupingRowRenderer;
+exports.RowRenderer = RowRenderer;
+exports.SortingSign = SortingSign;
 exports.expandEvent = expandEvent;
 exports.expandSvgIconVNode = expandSvgIconVNode;
-//# sourceMappingURL=grouping.row.renderer-BqR0ytMi.js.map
+//# sourceMappingURL=grouping.row.renderer-D7b2lhSY.js.map
 
-//# sourceMappingURL=grouping.row.renderer-BqR0ytMi.js.map
+//# sourceMappingURL=grouping.row.renderer-D7b2lhSY.js.map

package/dist/cjs/grouping.row.renderer-D7b2lhSY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping.row.renderer-D7b2lhSY.js","sources":["src/plugins/sorting/sorting.sign.tsx","src/components/data/row-renderer.tsx","src/plugins/groupingRow/grouping.row.renderer.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { ColumnRegular } from '@type';\n\ntype Props = {\n  column: ColumnRegular;\n};\nexport const SortingSign = ({ column }: Props) => {\n  return <i class={column?.order ?? 'sort-off'} />;\n};\n","import { h, type VNode } from '@stencil/core';\nimport { JSXBase } from '@stencil/core/internal';\nimport { DATA_ROW } from '../../utils/consts';\n\nexport interface RowProps extends JSXBase.HTMLAttributes {\n  size: number;\n  start: number;\n  index: number;\n  rowClass?: string;\n  depth?: number;\n  paddingDepth?: number;\n}\n\nexport const PADDING_DEPTH = 10;\n\n/**\n * 根据深度自动计算缩进值\n * 规律：\n * - depth=0: paddingDepth (16px)\n * - depth=1: paddingDepth × 2 (32px)\n * - depth=2: 32 + (paddingDepth + 24) = 72px\n * - depth=3: 72 + (paddingDepth + 24) = 112px\n */\nconst getPaddingForDepth = (depth: number, paddingDepth: number): number => {\n  if (depth === 0) {\n    return paddingDepth;\n  }\n  if (depth === 1) {\n    return paddingDepth * 2;\n  }\n  // depth >= 2\n  const level1Padding = paddingDepth * 2;\n  const incrementPerLevel = paddingDepth + 24;\n  return level1Padding + incrementPerLevel * (depth - 1);\n};\n\nconst RowRenderer = ({ rowClass, index, size, start, depth, paddingDepth = PADDING_DEPTH }: RowProps, cells: VNode[]) => {\n  const props = {\n    ...{ [DATA_ROW]: index },\n  };\n  const leftPadding = depth ? getPaddingForDepth(depth, paddingDepth) : undefined;\n  return (\n    <div\n      {...props}\n      class={`rgRow ${rowClass || ''}`}\n      style={{\n        height: `${size}px`,\n        transform: `translateY(${start}px)`,\n        paddingLeft: leftPadding ? `${leftPadding}px` : undefined,\n      }}\n    >\n      {cells}\n    </div>\n  );\n};\n\nexport default RowRenderer;\n","import { h } from '@stencil/core';\nimport RowRenderer from '../../components/data/row-renderer';\nimport {\n  GROUP_DEPTH,\n  GROUP_EXPANDED,\n  GROUP_EXPAND_BTN,\n  PSEUDO_GROUP_ITEM,\n  GROUP_EXPAND_EVENT,\n  GROUP_CHILDREN_INDICES,\n} from './grouping.const';\nimport type { RowGroupingProps, GroupSelectionInfo } from './grouping.row.types';\nimport type { DataType } from '@type';\n\nexport function expandEvent(\n  e: MouseEvent,\n  model: DataType,\n  virtualIndex: number,\n) {\n  const event = new CustomEvent(GROUP_EXPAND_EVENT, {\n    detail: {\n      model,\n      virtualIndex,\n    },\n    cancelable: true,\n    bubbles: true,\n  }) as CustomEvent<HTMLRevoGridElementEventMap['groupexpandclick']>;\n  e.target?.dispatchEvent(event);\n}\n\nexport const GroupingRowRenderer = (props: RowGroupingProps) => {\n  const { model, itemIndex, hasExpand, groupingCustomRenderer, getGroupSelection, paddingDepth } = props;\n  const name = model[PSEUDO_GROUP_ITEM];\n  const expanded = model[GROUP_EXPANDED];\n  const depth = parseInt(model[GROUP_DEPTH], 10) || 0;\n  const childIndices: number[] = model[GROUP_CHILDREN_INDICES] || [];\n\n  // 获取分组选中信息\n  let selectionInfo: GroupSelectionInfo | null = null;\n  if (getGroupSelection && childIndices.length > 0) {\n    selectionInfo = getGroupSelection(model, childIndices);\n  }\n\n  if (groupingCustomRenderer) {\n    return (\n      <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth} paddingDepth={paddingDepth}>\n        <div onClick={e => expandEvent(e, model, itemIndex)}>\n          {groupingCustomRenderer(h, {\n            ...props,\n            colType: props.providers.colType,\n            name,\n            expanded,\n            depth,\n            selectionInfo,\n          })}\n        </div>\n      </RowRenderer>\n    );\n  }\n\n  return (\n    <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth} paddingDepth={paddingDepth}>\n      {hasExpand && [\n        <button\n          class={{ [GROUP_EXPAND_BTN]: true }}\n          onClick={e => {\n            expandEvent(e, model, itemIndex);\n          }}\n        >\n          {expandSvgIconVNode(expanded)}\n        </button>,\n        <span class=\"group-name\">{name}</span>,\n        // 显示选中数量\n        selectionInfo && selectionInfo.selectedCount > 0 && (\n          <span class=\"group-selection-count\">\n            ({selectionInfo.selectedCount}/{selectionInfo.totalCount})\n          </span>\n        ),\n      ]}\n    </RowRenderer>\n  );\n};\n\nexport const expandSvgIconVNode = (expanded = false) => {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      style={{ transform: `rotate(${!expanded ? -90 : 0}deg)` }}\n      focusable=\"false\"\n      viewBox=\"0 0 448 512\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"\n      ></path>\n    </svg>\n  );\n};\n\nexport default GroupingRowRenderer;\n"],"names":["h","index","DATA_ROW","GROUP_EXPAND_EVENT","PSEUDO_GROUP_ITEM","GROUP_EXPANDED","GROUP_DEPTH","GROUP_CHILDREN_INDICES","GROUP_EXPAND_BTN"],"mappings":"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"}

package/dist/cjs/index.cjs.js

@@ -5,7 +5,7 @@
 
 var headerCellRenderer = require('./header-cell-renderer-D-RjAVfe.js');
 var grouping_row_expand_service = require('./tree-data.plugin-BRjwZtxI.js');
-var rowRenderer = require('./row-renderer-BTE7VKD9.js');
+var grouping_row_renderer = require('./grouping.row.renderer-D7b2lhSY.js');
 var cellRenderer = require('./cell-renderer-B87qecTb.js');
 var dimension_helpers = require('./dimension.helpers-DA9-xqPT.js');
 var textEditor = require('./text-editor-BdhmcrkS.js');
@@ -13,7 +13,6 @@ var edit_utils = require('./edit.utils-CKsIiHlD.js');
 var index = require('./index-BF1c1pO3.js');
 var viewport_store = require('./viewport.store-BTbPlyF-.js');
 var filter_button = require('./filter.button-DSsWNs23.js');
-var grouping_row_renderer = require('./grouping.row.renderer-BqR0ytMi.js');
 require('./debounce-CcpHiH2p.js');
 
 const REVOGRID_EVENTS = new Map([
@@ -6296,7 +6295,10 @@ exports.getLeftRelative = grouping_row_expand_service.getLeftRelative;
 exports.getNextOrder = grouping_row_expand_service.getNextOrder;
 exports.isStretchPlugin = grouping_row_expand_service.isStretchPlugin;
 exports.sortIndexByItems = grouping_row_expand_service.sortIndexByItems;
-exports.SortingSign = rowRenderer.SortingSign;
+exports.GroupingRowRenderer = grouping_row_renderer.GroupingRowRenderer;
+exports.SortingSign = grouping_row_renderer.SortingSign;
+exports.expandEvent = grouping_row_renderer.expandEvent;
+exports.expandSvgIconVNode = grouping_row_renderer.expandSvgIconVNode;
 exports.CellRenderer = cellRenderer.CellRenderer;
 exports.CELL_CLASS = dimension_helpers.CELL_CLASS;
 exports.CELL_HANDLER_CLASS = dimension_helpers.CELL_HANDLER_CLASS;
@@ -6388,9 +6390,6 @@ exports.FilterButton = filter_button.FilterButton;
 exports.TRASH_BUTTON = filter_button.TRASH_BUTTON;
 exports.TrashButton = filter_button.TrashButton;
 exports.isFilterBtn = filter_button.isFilterBtn;
-exports.GroupingRowRenderer = grouping_row_renderer.GroupingRowRenderer;
-exports.expandEvent = grouping_row_renderer.expandEvent;
-exports.expandSvgIconVNode = grouping_row_renderer.expandSvgIconVNode;
 exports.AutoAddRowsPlugin = AutoAddRowsPlugin;
 exports.CellRenderers = CellRenderers;
 exports.CheckboxCellType = CheckboxCellType;