@visactor/vtable 0.9.0-alpha.0-alpha.0

package/es/event/media-click.js

@@ -0,0 +1,54 @@
+import { TABLE_EVENT_TYPE } from "../core/TABLE_EVENT_TYPE";
+
+import { Env } from "../tools/env";
+
+import { regUrl } from "../tools/global";
+
+export function bindMediaClick(table) {
+    "browser" === Env.mode && table.listen(TABLE_EVENT_TYPE.CLICK_CELL, (e => {
+        const {col: col, row: row} = e;
+        let type;
+        type = table.internalProps.layoutMap.isHeader(col, row) ? table.isPivotTable() ? table._getHeaderLayoutMap(col, row).headerType : table.getHeaderDefine(col, row).headerType : table.getBodyColumnType(col, row);
+        const columnDefine = table.isHeader(col, row) ? table.getHeaderDefine(col, row) : table.getBodyColumnDefine(col, row), cellValue = table.getCellValue(col, row), cellOriginValue = table.getCellOriginValue(col, row);
+        if ("link" === columnDefine.columnType) {
+            if (!(!1 !== columnDefine.linkJump)) return;
+            const templateLink = columnDefine.templateLink, linkDetect = !1 !== columnDefine.linkDetect;
+            let url;
+            if (templateLink) {
+                const rowData = table.getCellOriginRecord(col, row), data = Object.assign({
+                    __value: cellValue,
+                    __dataValue: cellOriginValue
+                }, rowData), re = /\{\s*(\S+?)\s*\}/g;
+                url = templateLink.replace(re, ((matchs, key) => data[key]));
+            } else if (linkDetect) {
+                if (!regUrl.test(cellValue)) return;
+                url = cellValue;
+            } else url = cellValue;
+            window.open(url);
+        } else if ("image" === type) {
+            const overlay = document.createElement("div");
+            overlay.style.width = "100%", overlay.style.height = "100%", overlay.style.position = "absolute", 
+            overlay.style.top = "0", overlay.style.left = "0", overlay.style.backgroundColor = "rgba(30, 30, 30, 0.4)", 
+            overlay.style.display = "flex", overlay.style.justifyContent = "center", overlay.style.alignItems = "center", 
+            overlay.style.overflow = "hidden", overlay.style.zIndex = "9999", overlay.addEventListener("click", (e => {
+                e.target === overlay && document.body.removeChild(overlay);
+            }));
+            const image = new Image;
+            image.src = cellValue, image.style.maxWidth = "80%", image.style.maxHeight = "80%", 
+            overlay.appendChild(image), document.body.appendChild(overlay);
+        } else if ("video" === type) {
+            const overlay = document.createElement("div");
+            overlay.style.width = "100%", overlay.style.height = "100%", overlay.style.position = "absolute", 
+            overlay.style.top = "0", overlay.style.left = "0", overlay.style.backgroundColor = "rgba(30, 30, 30, 0.4)", 
+            overlay.style.display = "flex", overlay.style.justifyContent = "center", overlay.style.alignItems = "center", 
+            overlay.style.overflow = "hidden", overlay.style.zIndex = "9999", overlay.addEventListener("click", (e => {
+                e.target === overlay && document.body.removeChild(overlay);
+            }));
+            const video = document.createElement("video");
+            video.src = cellValue, video.style.maxWidth = "80%", video.style.maxHeight = "80%", 
+            video.setAttribute("preload", "auto"), video.setAttribute("controls", "true"), overlay.appendChild(video), 
+            document.body.appendChild(overlay);
+        }
+    }));
+}
+//# sourceMappingURL=media-click.js.map

package/es/event/media-click.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["event/media-click.ts"],"names":[],"mappings":"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","file":"media-click.js","sourcesContent":["import { TABLE_EVENT_TYPE } from '../core/TABLE_EVENT_TYPE';\nimport { Env } from '../tools/env';\nimport { regUrl } from '../tools/global';\nimport type { MousePointerCellEvent } from '../ts-types';\nimport type { BaseTableAPI } from '../ts-types/base-table';\n\nexport function bindMediaClick(table: BaseTableAPI): void {\n  if (Env.mode === 'browser') {\n    // table.hasMedia = false;\n\n    table.listen(TABLE_EVENT_TYPE.CLICK_CELL, (e: MousePointerCellEvent) => {\n      //如果目前是在某个icon上，如收起展开按钮 则不进行其他点击逻辑\n      const { col, row } = e;\n      // const type = table.getBodyColumnDefine(col, row).columnType;\n      let type;\n      if (table.internalProps.layoutMap.isHeader(col, row)) {\n        type = table.isPivotTable()\n          ? table._getHeaderLayoutMap(col, row).headerType\n          : table.getHeaderDefine(col, row).headerType;\n      } else {\n        type = table.getBodyColumnType(col, row);\n      }\n      const columnDefine = table.isHeader(col, row)\n        ? table.getHeaderDefine(col, row)\n        : table.getBodyColumnDefine(col, row);\n      const cellValue = table.getCellValue(col, row);\n      const cellOriginValue = table.getCellOriginValue(col, row);\n      if (columnDefine.columnType === 'link') {\n        const linkJump = columnDefine.linkJump !== false;\n        if (!linkJump) {\n          return;\n        }\n\n        // 点击链接，打开相应页面\n        const templateLink = columnDefine.templateLink;\n        const linkDetect = columnDefine.linkDetect !== false;\n        let url;\n        if (templateLink) {\n          // 如果有模板链接，使用模板\n          const rowData = table.getCellOriginRecord(col, row);\n          const data = Object.assign(\n            {\n              __value: cellValue,\n              __dataValue: cellOriginValue\n            },\n            rowData\n          );\n          const re = /\\{\\s*(\\S+?)\\s*\\}/g;\n          url = templateLink.replace(re, (matchs: string, key: string) => {\n            matchs;\n            return (data as any)[key];\n          });\n        } else if (!linkDetect) {\n          url = cellValue;\n        } else if (regUrl.test(cellValue)) {\n          // 没有模板链接，使用单元格内的字符串\n          url = cellValue;\n        } else {\n          return;\n        }\n        window.open(url);\n      } else if (type === 'image') {\n        // 点击图片，打开放大图片\n\n        // 开启蒙版\n        const overlay = document.createElement('div');\n        overlay.style.width = '100%';\n        overlay.style.height = '100%';\n        overlay.style.position = 'absolute';\n        overlay.style.top = '0';\n        overlay.style.left = '0';\n        overlay.style.backgroundColor = 'rgba(30, 30, 30, 0.4)';\n        overlay.style.display = 'flex';\n        overlay.style.justifyContent = 'center';\n        overlay.style.alignItems = 'center';\n        overlay.style.overflow = 'hidden';\n        overlay.style.zIndex = '9999';\n\n        overlay.addEventListener('click', e => {\n          if (e.target === overlay) {\n            document.body.removeChild(overlay);\n          }\n        });\n        // overlay.addEventListener('pointermove', (e) => {\n        //   e.stopPropagation();\n        //   e.preventDefault();\n        // });\n        // overlay.addEventListener('mousemove', (e) => {\n        //   e.stopPropagation();\n        //   e.preventDefault();\n        // });\n        // 创建图片\n        const image = new Image();\n        image.src = cellValue;\n        image.style.maxWidth = '80%';\n        image.style.maxHeight = '80%';\n        overlay.appendChild(image);\n\n        document.body.appendChild(overlay);\n      } else if (type === 'video') {\n        // 点击视频，弹出播放窗口\n\n        // 开启蒙版\n        const overlay = document.createElement('div');\n        overlay.style.width = '100%';\n        overlay.style.height = '100%';\n        overlay.style.position = 'absolute';\n        overlay.style.top = '0';\n        overlay.style.left = '0';\n        overlay.style.backgroundColor = 'rgba(30, 30, 30, 0.4)';\n        overlay.style.display = 'flex';\n        overlay.style.justifyContent = 'center';\n        overlay.style.alignItems = 'center';\n        overlay.style.overflow = 'hidden';\n        overlay.style.zIndex = '9999';\n\n        overlay.addEventListener('click', e => {\n          if (e.target === overlay) {\n            document.body.removeChild(overlay);\n          }\n        });\n\n        // 创建视频\n        const video = document.createElement('video');\n        video.src = cellValue;\n        video.style.maxWidth = '80%';\n        video.style.maxHeight = '80%';\n        video.setAttribute('preload', 'auto');\n        video.setAttribute('controls', 'true');\n        overlay.appendChild(video);\n\n        document.body.appendChild(overlay);\n      }\n    });\n  }\n}\n"]}

package/es/event/scroll.d.ts

@@ -0,0 +1,2 @@
+import type { StateManeger } from '../state/state';
+export declare function handleWhell(event: WheelEvent, state: StateManeger): void;

package/es/event/scroll.js

@@ -0,0 +1,17 @@
+export function handleWhell(event, state) {
+    let {deltaX: deltaX, deltaY: deltaY} = event;
+    event.shiftKey && event.deltaY && (deltaX = deltaY, deltaY = 0);
+    const [optimizedDeltaX, optimizedDeltaY] = optimizeScrollXY(deltaX, deltaY, {
+        horizontal: 1,
+        vertical: 1
+    });
+    optimizedDeltaX && (state.setScrollLeft(state.scroll.horizontalBarPos + optimizedDeltaX), 
+    state.showHorizontalScrollBar(!0)), optimizedDeltaY && (state.setScrollTop(state.scroll.verticalBarPos + optimizedDeltaY), 
+    state.showVerticalScrollBar(!0)), event.preventDefault();
+}
+
+function optimizeScrollXY(x, y, ratio) {
+    const angle = Math.abs(x / y), deltaY = angle > 2 ? 0 : y;
+    return [ (angle <= .5 ? 0 : x) * ratio.horizontal, deltaY * ratio.vertical ];
+}
+//# sourceMappingURL=scroll.js.map

package/es/event/scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["event/scroll.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,KAAmB;IAChE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE/B,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,EAAE;QAElC,MAAM,GAAG,MAAM,CAAC;QAChB,MAAM,GAAG,CAAC,CAAC;KACZ;IACD,MAAM,CAAC,eAAe,EAAE,eAAe,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;IAE5G,IAAI,eAAe,EAAE;QACnB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,gBAAgB,GAAG,eAAe,CAAC,CAAC;QACrE,KAAK,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;KACrC;IACD,IAAI,eAAe,EAAE;QACnB,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,GAAG,eAAe,CAAC,CAAC;QAClE,KAAK,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;KACnC;IAED,KAAK,CAAC,cAAc,EAAE,CAAC;AACzB,CAAC;AAaD,SAAS,gBAAgB,CAAC,CAAS,EAAE,CAAS,EAAE,KAAuB;IACrE,MAAM,KAAK,GAAG,CAAC,CAAC;IAChB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAG9B,MAAM,MAAM,GAAG,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAErC,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,UAAU,EAAE,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;AAC9D,CAAC","file":"scroll.js","sourcesContent":["import type { StateManeger } from '../state/state';\n\nexport function handleWhell(event: WheelEvent, state: StateManeger) {\n  let { deltaX, deltaY } = event;\n  // 如果按住了shift 则进行横向滚动 纵向不滚动\n  if (event.shiftKey && event.deltaY) {\n    //mac电脑按住shift 鼠标滚动deltaX和deltaY是自动互换的，所以此逻辑只针对windows电脑有效及mac触摸板有效\n    deltaX = deltaY;\n    deltaY = 0;\n  }\n  const [optimizedDeltaX, optimizedDeltaY] = optimizeScrollXY(deltaX, deltaY, { horizontal: 1, vertical: 1 });\n\n  if (optimizedDeltaX) {\n    state.setScrollLeft(state.scroll.horizontalBarPos + optimizedDeltaX);\n    state.showHorizontalScrollBar(true);\n  }\n  if (optimizedDeltaY) {\n    state.setScrollTop(state.scroll.verticalBarPos + optimizedDeltaY);\n    state.showVerticalScrollBar(true);\n  }\n\n  event.preventDefault();\n}\n\ninterface ScrollSpeedRatio {\n  horizontal?: number;\n  vertical?: number;\n}\n\n/**\n * 优化滚动方向，对于小角度的滚动，固定为一个方向\n * @param x\n * @param y\n * @param ratio\n */\nfunction optimizeScrollXY(x: number, y: number, ratio: ScrollSpeedRatio): [number, number] {\n  const ANGLE = 2; // 调参 根据斜率来调整xy方向的划分\n  const angle = Math.abs(x / y);\n\n  // 经过滚动优化之后的 x, y\n  const deltaX = angle <= 1 / ANGLE ? 0 : x;\n  const deltaY = angle > ANGLE ? 0 : y;\n\n  return [deltaX * ratio.horizontal, deltaY * ratio.vertical];\n}\n"]}

package/es/header-helper/header-helper.d.ts

@@ -0,0 +1,26 @@
+import type { ColumnIconOption, RectProps, SvgIcon } from '../ts-types';
+import { ImageStyle } from './style/ImageStyle';
+import { TextHeaderStyle } from './style';
+import type { BaseTableAPI } from '../ts-types/base-table';
+export declare class HeaderHelper {
+    normalIcon: SvgIcon;
+    upIcon: SvgIcon;
+    downIcon: SvgIcon;
+    pinIcon: SvgIcon;
+    pinedIcon: SvgIcon;
+    pinedHoverIcon: SvgIcon;
+    pinedCurrentIcon: SvgIcon;
+    dropDownAbsoluteIcon: SvgIcon;
+    expandIcon: SvgIcon;
+    collapseIcon: SvgIcon;
+    _table: BaseTableAPI;
+    constructor(_table: BaseTableAPI);
+    getIcons(col: number, row: number): ColumnIconOption[];
+    getPinIcon(col: number, row: number): ColumnIconOption | null;
+    private getPinRect;
+    getSortIcon(order: 'asc' | 'desc' | 'normal' | undefined, _table: BaseTableAPI, col: number, row: number): ColumnIconOption | null;
+    private getDropDownStateIcons;
+    getDropDownIconRect(cellRect: RectProps, marginTop: number, baseline?: string): RectProps;
+    private checkDropDownIcon;
+    getStyleClass(headerType: 'text' | 'image' | 'video' | 'link'): typeof TextHeaderStyle | typeof ImageStyle;
+}

package/es/header-helper/header-helper.js

@@ -0,0 +1,189 @@
+import { HierarchyState, IconFuncTypeEnum, IconPosition, InternalIconName } from "../ts-types";
+
+import * as registerIcons from "../icons";
+
+import { cellInRange } from "../tools/helper";
+
+import { isMenuHighlight } from "../menu/dom/logic/MenuElement";
+
+import { ImageStyle } from "./style/ImageStyle";
+
+import { TextHeaderStyle } from "./style";
+
+export class HeaderHelper {
+    constructor(_table) {
+        this._table = _table;
+        const regedIcons = registerIcons.get();
+        this.pinIcon = regedIcons[InternalIconName.pinIconName], this.pinedIcon = regedIcons[InternalIconName.pinedIconName], 
+        this.pinedHoverIcon = regedIcons[InternalIconName.pinedHoverIconName], this.pinedCurrentIcon = regedIcons[InternalIconName.pinedCurrentIconName], 
+        this.normalIcon = regedIcons[InternalIconName.normalIconName], this.upIcon = regedIcons[InternalIconName.upwardIconName], 
+        this.downIcon = regedIcons[InternalIconName.downwardIconName], this.dropDownAbsoluteIcon = regedIcons[InternalIconName.dropdownIconName], 
+        this.expandIcon = regedIcons[InternalIconName.expandIconName], this.collapseIcon = regedIcons[InternalIconName.collapseIconName];
+    }
+    getIcons(col, row) {
+        const icons = [];
+        if (this._table.isPivotTable()) {
+            const {showSort: showSort} = this._table.internalProps.layoutMap.getHeader(col, row);
+            if (showSort) {
+                const order = this._table.getPivotSortState(col, row), sortIcon = "asc" === order ? this.downIcon : "desc" === order ? this.upIcon : this.normalIcon;
+                sortIcon && icons.push(sortIcon);
+            }
+        } else {
+            const states = this._table.sortState;
+            let order;
+            order = void 0;
+            const range = this._table.getCellRange(col, row);
+            if (states) if (Array.isArray(states)) for (let i = 0; i < states.length; i++) {
+                const state = states[i], stateRange = this._table._getHeaderCellBySortState(state);
+                if (stateRange && cellInRange(range, stateRange.col, stateRange.row)) {
+                    ({order: order} = state);
+                    break;
+                }
+            } else {
+                const stateRange = this._table._getHeaderCellBySortState(states);
+                stateRange && cellInRange(range, stateRange.col, stateRange.row) && ({order: order} = states);
+            }
+            const sortIcon = this.getSortIcon(order, this._table, col, row);
+            sortIcon && icons.push(sortIcon);
+        }
+        if (this._table.showPin && col < this._table.allowFrozenColCount) {
+            const pinInline = this.getPinIcon(col, row);
+            pinInline && icons.push(pinInline);
+        }
+        if (this.checkDropDownIcon(this._table, col, row)) {
+            const dropDownMenuIcon = this.dropDownAbsoluteIcon;
+            icons.push(dropDownMenuIcon);
+        }
+        const dropDownStateIcons = this.getDropDownStateIcons(this._table, col, row);
+        dropDownStateIcons.length && icons.push(...dropDownStateIcons);
+        const {captionIcon: captionIcon, hierarchyState: hierarchyState, headerIcon: headerIcon} = this._table._getHeaderLayoutMap(col, row);
+        if (captionIcon && icons.push(captionIcon), hierarchyState && (hierarchyState === HierarchyState.expand ? icons.push(this.expandIcon) : hierarchyState === HierarchyState.collapse && icons.push(this.collapseIcon)), 
+        headerIcon) {
+            let headerIconStrs;
+            if ("function" == typeof headerIcon) {
+                headerIconStrs = headerIcon({
+                    col: col,
+                    row: row,
+                    value: this._table.getCellValue(col, row),
+                    dataValue: this._table.getCellOriginValue(col, row),
+                    table: this._table
+                });
+            } else headerIconStrs = headerIcon;
+            const regedIcons = registerIcons.get(), addIcon = headerIcon => {
+                let icon;
+                icon = "string" == typeof headerIcon ? regedIcons[headerIcon] : headerIcon, icon && icons.push(icon);
+            };
+            Array.isArray(headerIconStrs) ? headerIconStrs.forEach(((columnIcon, index) => {
+                addIcon(columnIcon);
+            })) : addIcon(headerIconStrs);
+        }
+        return icons;
+    }
+    getPinIcon(col, row) {
+        if (this._table.isPivotTable() || this._table.transpose) return null;
+        const headerC = this._table.getHeaderDefine(col, row);
+        if (headerC.columns && headerC.columns.length > 0) return null;
+        let pin = this.pinIcon;
+        return this._table.options.frozenColCount - 1 > col ? pin = this.pinedIcon : this._table.options.frozenColCount - 1 === col && (pin = this.pinedCurrentIcon), 
+        pin;
+    }
+    getPinRect(cellRect, marginRight) {
+        var _a, _b, _c;
+        const left = cellRect.right - ((null === (_a = this.pinIcon.hover) || void 0 === _a ? void 0 : _a.width) || 0) - marginRight, right = cellRect.right - marginRight, top = cellRect.top + cellRect.height / 2 - ((null === (_b = this.pinIcon.hover) || void 0 === _b ? void 0 : _b.width) || 0) / 2;
+        return {
+            left: left,
+            right: right,
+            top: top,
+            bottom: ((null === (_c = this.pinIcon.hover) || void 0 === _c ? void 0 : _c.width) || marginRight) + top
+        };
+    }
+    getSortIcon(order, _table, col, row) {
+        const icon = "asc" === order ? this.downIcon : "desc" === order ? this.upIcon : this.normalIcon, headerC = _table.getHeaderDefine(col, row);
+        return !headerC || !headerC.showSort && !headerC.sort || headerC.columns && headerC.columns.length > 0 ? null : icon;
+    }
+    getDropDownStateIcons(_table, col, row) {
+        var _a, _b, _c;
+        const headerC = _table.getHeaderDefine(col, row), headerL = _table._getHeaderLayoutMap(col, row), {dropDownMenu: dropDownMenu} = headerL, results = [];
+        if (Array.isArray(dropDownMenu) && dropDownMenu.length || Array.isArray(_table.globalDropDownMenu) && _table.globalDropDownMenu.length && !(null === (_a = null == headerC ? void 0 : headerC.columns) || void 0 === _a ? void 0 : _a.length)) {
+            const menus = dropDownMenu || _table.globalDropDownMenu;
+            let highlightIndex = -1, subHighlightIndex = -1;
+            for (let i = 0; i < menus.length; i++) {
+                const menu = menus[i];
+                if ("object" == typeof menu && menu.children && menu.children.length) for (let j = 0; j < menu.children.length; j++) {
+                    const childItem = menu.children[j];
+                    if ((null === (_b = _table.stateManeger.menu) || void 0 === _b ? void 0 : _b.dropDownMenuHighlight) && isMenuHighlight(_table, null === (_c = _table.stateManeger.menu) || void 0 === _c ? void 0 : _c.dropDownMenuHighlight, "object" == typeof childItem ? null == childItem ? void 0 : childItem.menuKey : childItem, col, row, i)) {
+                        highlightIndex = i, subHighlightIndex = j;
+                        break;
+                    }
+                }
+                if (_table._dropDownMenuIsHighlight(col, row, i)) {
+                    highlightIndex = i;
+                    break;
+                }
+            }
+            if (-1 !== highlightIndex) {
+                let menu;
+                menu = -1 !== subHighlightIndex ? (dropDownMenu || _table.globalDropDownMenu)[highlightIndex].children[subHighlightIndex] : (dropDownMenu || _table.globalDropDownMenu)[highlightIndex], 
+                menu.stateIcon && (menu.stateIcon.svg ? results.push({
+                    type: "svg",
+                    name: menu.stateIcon.src || menu.stateIcon.svg,
+                    width: menu.stateIcon.width || 22,
+                    height: menu.stateIcon.height || 22,
+                    svg: menu.stateIcon.svg,
+                    positionType: IconPosition.right,
+                    marginRight: 0,
+                    funcType: IconFuncTypeEnum.dropDownState,
+                    interactive: !1
+                }) : menu.stateIcon.src && results.push({
+                    type: "image",
+                    name: menu.stateIcon.src || menu.stateIcon.svg,
+                    width: menu.stateIcon.width || 22,
+                    height: menu.stateIcon.height || 22,
+                    src: menu.stateIcon.src,
+                    positionType: IconPosition.right,
+                    marginRight: 0,
+                    funcType: IconFuncTypeEnum.dropDownState,
+                    interactive: !1
+                }));
+            }
+        }
+        return results;
+    }
+    getDropDownIconRect(cellRect, marginTop, baseline) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const iconW = null !== (_d = null !== (_b = null === (_a = this.downIcon.hover) || void 0 === _a ? void 0 : _a.width) && void 0 !== _b ? _b : null === (_c = this.downIcon) || void 0 === _c ? void 0 : _c.width) && void 0 !== _d ? _d : 0, iconH = null !== (_h = null !== (_f = null === (_e = this.downIcon.hover) || void 0 === _e ? void 0 : _e.height) && void 0 !== _f ? _f : null === (_g = this.downIcon) || void 0 === _g ? void 0 : _g.height) && void 0 !== _h ? _h : 0, left = cellRect.right - 2 - iconW, right = cellRect.right - 2;
+        let top;
+        top = "middle" === baseline ? cellRect.top + cellRect.height / 2 - iconW / 2 : "top" === baseline ? cellRect.top + marginTop / 2 : "bottom" === baseline ? cellRect.bottom - 2 * marginTop : cellRect.top;
+        return {
+            left: left,
+            right: right,
+            top: top,
+            bottom: iconH + top,
+            width: iconW,
+            height: iconH
+        };
+    }
+    checkDropDownIcon(_table, col, row) {
+        var _a;
+        if (_table.isPivotTable()) {
+            const headerC = _table._getHeaderLayoutMap(col, row);
+            if (Array.isArray(headerC.dropDownMenu) && headerC.dropDownMenu.length) return !0;
+        } else {
+            const headerC = _table.getHeaderDefine(col, row);
+            if (Array.isArray(headerC.dropDownMenu) && headerC.dropDownMenu.length || (!Array.isArray(headerC.dropDownMenu) || 0 !== headerC.dropDownMenu.length) && Array.isArray(_table.globalDropDownMenu) && _table.globalDropDownMenu.length && !(null === (_a = null == headerC ? void 0 : headerC.columns) || void 0 === _a ? void 0 : _a.length)) return !0;
+        }
+        return !1;
+    }
+    getStyleClass(headerType) {
+        switch (headerType) {
+          case "text":
+          case "link":
+            return TextHeaderStyle;
+
+          case "image":
+          case "video":
+            return ImageStyle;
+        }
+    }
+}
+//# sourceMappingURL=header-helper.js.map

package/es/header-helper/header-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["header-helper/header-helper.ts"],"names":[],"mappings":"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","file":"header-helper.js","sourcesContent":["import type { ColumnIconOption, ListTableAPI, PivotTableAPI, RectProps, SvgIcon } from '../ts-types';\nimport { HierarchyState, IconFuncTypeEnum, IconPosition, InternalIconName } from '../ts-types';\nimport * as registerIcons from '../icons';\nimport { cellInRange } from '../tools/helper';\nimport { isMenuHighlight } from '../menu/dom/logic/MenuElement';\nimport { Style } from './style/Style';\nimport { ImageStyle } from './style/ImageStyle';\nimport { TextHeaderStyle } from './style';\nimport type { ListTable } from '../ListTable';\nimport type { BaseTableAPI } from '../ts-types/base-table';\nexport class HeaderHelper {\n  normalIcon: SvgIcon;\n  upIcon: SvgIcon;\n  downIcon: SvgIcon;\n  pinIcon: SvgIcon;\n  pinedIcon: SvgIcon;\n  pinedHoverIcon: SvgIcon;\n  pinedCurrentIcon: SvgIcon;\n  dropDownAbsoluteIcon: SvgIcon;\n  // dropDownHoverIcon: SvgIcon;\n\n  expandIcon: SvgIcon;\n  collapseIcon: SvgIcon;\n  // //存储鼠标hover到的图标类型，后面需要用name判断，应该再拿个inline对象上赋值showPinIcon，绘制感应区域\n  // _showPinIcon?: SvgIcon;\n  // _showSortIcon?: SvgIcon;\n  _table: BaseTableAPI;\n  constructor(_table: BaseTableAPI) {\n    this._table = _table;\n    const regedIcons = registerIcons.get();\n    //pin默认值\n    this.pinIcon = regedIcons[InternalIconName.pinIconName] as SvgIcon;\n    this.pinedIcon = regedIcons[InternalIconName.pinedIconName] as SvgIcon;\n    this.pinedHoverIcon = regedIcons[InternalIconName.pinedHoverIconName] as SvgIcon;\n    this.pinedCurrentIcon = regedIcons[InternalIconName.pinedCurrentIconName] as SvgIcon;\n\n    //sort默认值\n    this.normalIcon = regedIcons[InternalIconName.normalIconName] as SvgIcon;\n    this.upIcon = regedIcons[InternalIconName.upwardIconName] as SvgIcon;\n    this.downIcon = regedIcons[InternalIconName.downwardIconName] as SvgIcon;\n    //下拉按钮\n    this.dropDownAbsoluteIcon = regedIcons[InternalIconName.dropdownIconName] as SvgIcon;\n    // this.dropDownHoverIcon = regedIcons[InternalIconName.dropdownHoverIconName] as SvgIcon;\n    //展开折叠按钮\n    this.expandIcon = regedIcons[InternalIconName.expandIconName] as SvgIcon;\n    this.collapseIcon = regedIcons[InternalIconName.collapseIconName] as SvgIcon;\n  }\n\n  getIcons(col: number, row: number): ColumnIconOption[] {\n    //加入固定列图标 排序 文本中元素\n    const icons: ColumnIconOption[] = [];\n    if (this._table.isPivotTable()) {\n      // 透视表显示排序按钮\n      const { showSort } = this._table.internalProps.layoutMap.getHeader(col, row);\n      if (showSort) {\n        const order = (this._table as PivotTableAPI).getPivotSortState(col, row);\n        const sortIcon = order === 'asc' ? this.downIcon : order === 'desc' ? this.upIcon : this.normalIcon;\n\n        if (sortIcon) {\n          icons.push(sortIcon);\n        }\n      }\n    } else {\n      const states = (this._table as ListTableAPI).sortState;\n      let order: 'asc' | 'desc' | 'normal' | undefined;\n      order = undefined;\n      const range = this._table.getCellRange(col, row);\n      if (states) {\n        if (Array.isArray(states)) {\n          for (let i = 0; i < states.length; i++) {\n            const state = states[i];\n            const stateRange = this._table._getHeaderCellBySortState(state);\n            if (stateRange && cellInRange(range, stateRange.col, stateRange.row)) {\n              ({ order } = state);\n              break;\n            }\n          }\n        } else {\n          const stateRange = this._table._getHeaderCellBySortState(states);\n          if (stateRange && cellInRange(range, stateRange.col, stateRange.row)) {\n            ({ order } = states);\n          }\n        }\n      }\n      const sortIcon = this.getSortIcon(order, this._table, col, row);\n      if (sortIcon) {\n        icons.push(sortIcon);\n      }\n    }\n\n    if (this._table.showPin && col < this._table.allowFrozenColCount) {\n      const pinInline = this.getPinIcon(col, row);\n      if (pinInline) {\n        icons.push(pinInline);\n        // context.showIcon = this.showPinIcon;//todo 暂时去掉 需要想其他方式\n      }\n    }\n\n    if (this.checkDropDownIcon(this._table, col, row)) {\n      // const dropDownMenuHoverIcon = this.dropDownHoverIcon;//this.getDropDownHoverIcon(_table, col, row);\n      const dropDownMenuIcon = this.dropDownAbsoluteIcon; //this.getDropDownAbsoluteIcon(_table, col, row);\n      // dropDownMenuIcon.hover.image = dropDownMenuHoverIcon.svg; // to do 规范化处理\n      icons.push(dropDownMenuIcon);\n    }\n\n    const dropDownStateIcons = this.getDropDownStateIcons(this._table, col, row);\n    if (dropDownStateIcons.length) {\n      icons.push(...dropDownStateIcons);\n    }\n\n    const { captionIcon, hierarchyState, headerIcon } = this._table._getHeaderLayoutMap(col, row);\n    captionIcon && icons.push(captionIcon);\n    if (hierarchyState) {\n      if (hierarchyState === HierarchyState.expand) {\n        //展开状态 应该显示-号\n        icons.push(this.expandIcon);\n      } else if (hierarchyState === HierarchyState.collapse) {\n        //折叠状态 应该显示-号\n        icons.push(this.collapseIcon);\n      }\n    }\n    if (headerIcon) {\n      let headerIconStrs;\n      if (typeof headerIcon === 'function') {\n        const arg = {\n          col,\n          row,\n          value: this._table.getCellValue(col, row),\n          dataValue: this._table.getCellOriginValue(col, row),\n          table: this._table\n        };\n        headerIconStrs = headerIcon(arg);\n      } else {\n        headerIconStrs = headerIcon;\n      }\n      const regedIcons = registerIcons.get();\n      const addIcon = (headerIcon: string | ColumnIconOption) => {\n        let icon;\n        if (typeof headerIcon === 'string') {\n          icon = regedIcons[headerIcon];\n        } else {\n          icon = headerIcon;\n        }\n        if (icon) {\n          icons.push(icon);\n        }\n      };\n      if (Array.isArray(headerIconStrs)) {\n        headerIconStrs.forEach((columnIcon: string | ColumnIconOption, index: number) => {\n          addIcon(columnIcon);\n        });\n      } else {\n        addIcon(headerIconStrs);\n      }\n    }\n    return icons;\n  }\n\n  getPinIcon(col: number, row: number): ColumnIconOption | null {\n    // this.showPinIcon = undefined;\n    if (this._table.isPivotTable() || (this._table as ListTable).transpose) {\n      // 透视表和转置模式不显示冻结按钮\n      return null;\n    }\n    const headerC = this._table.getHeaderDefine(col, row) as any;\n    if (headerC.columns && headerC.columns.length > 0) {\n      return null;\n    }\n\n    let pin = this.pinIcon;\n    // 使用table.options.frozenColCount原始冻结信息获取按钮\n    if (this._table.options.frozenColCount - 1 > col) {\n      pin = this.pinedIcon;\n    } else if (this._table.options.frozenColCount - 1 === col) {\n      pin = this.pinedCurrentIcon;\n    }\n    return pin;\n  }\n  private getPinRect(\n    cellRect: RectProps,\n    marginRight: number\n  ): { left: number; right: number; top: number; bottom: number } {\n    const left = cellRect.right - (this.pinIcon.hover?.width || 0) - marginRight;\n    const right = cellRect.right - marginRight;\n    const top = cellRect.top + cellRect.height / 2 - (this.pinIcon.hover?.width || 0) / 2;\n    const bottom = (this.pinIcon.hover?.width || marginRight) + top;\n\n    return {\n      left,\n      right,\n      top,\n      bottom\n    };\n  }\n  getSortIcon(\n    order: 'asc' | 'desc' | 'normal' | undefined,\n    _table: BaseTableAPI,\n    col: number,\n    row: number\n  ): ColumnIconOption | null {\n    // this.showSortIcon = undefined;\n    const icon = order === 'asc' ? this.downIcon : order === 'desc' ? this.upIcon : this.normalIcon;\n\n    const headerC = _table.getHeaderDefine(col, row) as any;\n    if (!headerC || !(headerC.showSort || headerC.sort) || (headerC.columns && headerC.columns.length > 0)) {\n      return null;\n    }\n    return icon;\n  }\n\n  private getDropDownStateIcons(_table: BaseTableAPI, col: number, row: number): ColumnIconOption[] {\n    const headerC = _table.getHeaderDefine(col, row) as any;\n    const headerL = _table._getHeaderLayoutMap(col, row);\n    const { dropDownMenu } = headerL;\n    const results: ColumnIconOption[] = [];\n    if (\n      (Array.isArray(dropDownMenu) && dropDownMenu.length) || // header中配置dropDownMenu\n      (Array.isArray(_table.globalDropDownMenu) && _table.globalDropDownMenu.length && !headerC?.columns?.length) // 全局配置dropDownMenu，只在最下级表头展示\n    ) {\n      const menus = dropDownMenu || _table.globalDropDownMenu;\n      let highlightIndex = -1;\n      let subHighlightIndex = -1;\n      for (let i = 0; i < menus.length; i++) {\n        const menu = menus[i];\n        // 优先判断子元素\n        if (typeof menu === 'object' && menu.children && menu.children.length) {\n          for (let j = 0; j < menu.children.length; j++) {\n            const childItem = menu.children[j];\n            if (\n              _table.stateManeger.menu?.dropDownMenuHighlight &&\n              isMenuHighlight(\n                _table,\n                _table.stateManeger.menu?.dropDownMenuHighlight,\n                typeof childItem === 'object' ? childItem?.menuKey : childItem,\n                col,\n                row,\n                i\n              )\n            ) {\n              highlightIndex = i;\n              subHighlightIndex = j;\n              break;\n            }\n          }\n        }\n        if (_table._dropDownMenuIsHighlight(col, row, i)) {\n          highlightIndex = i;\n          break;\n        }\n      }\n      // const highlightIndex = _table._dropDownMenuIsHighlight(col, row);\n      if (highlightIndex !== -1) {\n        let menu;\n        if (subHighlightIndex !== -1) {\n          menu = ((dropDownMenu || _table.globalDropDownMenu)[highlightIndex] as any).children[\n            subHighlightIndex\n          ] as any;\n        } else {\n          menu = (dropDownMenu || _table.globalDropDownMenu)[highlightIndex] as any;\n        }\n\n        if (menu.stateIcon) {\n          if (menu.stateIcon.svg) {\n            results.push({\n              type: 'svg',\n              name: menu.stateIcon.src || menu.stateIcon.svg,\n              width: menu.stateIcon.width || 22,\n              height: menu.stateIcon.height || 22,\n              // dropDownIndex: highlightIndex,\n              svg: menu.stateIcon.svg,\n              positionType: IconPosition.right,\n              marginRight: 0,\n              funcType: IconFuncTypeEnum.dropDownState,\n              interactive: false\n              // hover: {\n              //   width: menu.stateIcon.width || 22,\n              //   height: menu.stateIcon.height || 22,\n              //   bgColor: 'rgba(101, 117, 168, 0.1)',\n              // },\n            });\n          } else if (menu.stateIcon.src) {\n            results.push({\n              type: 'image',\n              name: menu.stateIcon.src || menu.stateIcon.svg,\n              width: menu.stateIcon.width || 22,\n              height: menu.stateIcon.height || 22,\n              // dropDownIndex: highlightIndex,\n              src: menu.stateIcon.src,\n              positionType: IconPosition.right,\n              marginRight: 0,\n              funcType: IconFuncTypeEnum.dropDownState,\n              interactive: false\n              // hover: {\n              //   width: menu.stateIcon.width || 22,\n              //   height: menu.stateIcon.height || 22,\n              //   bgColor: 'rgba(101, 117, 168, 0.1)',\n              // },\n            });\n          }\n        }\n      }\n    }\n    return results;\n  }\n  /**\n   * 内置dropDownIcon的位置信息\n   * @param cellRect\n   * @param marginTop\n   * @param baseline\n   * @returns\n   */\n  getDropDownIconRect(cellRect: RectProps, marginTop: number, baseline?: string): RectProps {\n    // const left = cellRect.right - (this.downIcon.box?.width || 0) - marginRight;\n    // const right = cellRect.right - marginRight;\n    const iconW = this.downIcon.hover?.width ?? this.downIcon?.width ?? 0;\n    const iconH = this.downIcon.hover?.height ?? this.downIcon?.height ?? 0;\n    const left = cellRect.right - 2 - iconW;\n    const right = cellRect.right - 2;\n    let top;\n    if (baseline === 'middle') {\n      top = cellRect.top + cellRect.height / 2 - iconW / 2;\n    } else if (baseline === 'top') {\n      top = cellRect.top + marginTop / 2;\n    } else if (baseline === 'bottom') {\n      top = cellRect.bottom - marginTop * 2;\n    } else {\n      top = cellRect.top;\n    }\n    const bottom = iconH + top;\n\n    return {\n      left,\n      right,\n      top,\n      bottom,\n      width: iconW,\n      height: iconH\n    };\n  }\n\n  private checkDropDownIcon(_table: BaseTableAPI, col: number, row: number) {\n    /*\n     * dropDownMenu有三种状态：\n     * 1. header中未配置 =》 使用globalDropDownMenu，icon展示\n     * 2. header中配置 =》 使用header中的dropDownMenu，icon展示\n     * 3. header中dropDownMenu为空数组 =》 icon不展示\n     */\n    if (_table.isPivotTable()) {\n      const headerC = _table._getHeaderLayoutMap(col, row) as any;\n      if (\n        Array.isArray(headerC.dropDownMenu) &&\n        headerC.dropDownMenu.length // header中配置dropDownMenu\n      ) {\n        return true;\n      }\n    } else {\n      const headerC = _table.getHeaderDefine(col, row) as any;\n      if (\n        (Array.isArray(headerC.dropDownMenu) && headerC.dropDownMenu.length) || // header中配置dropDownMenu\n        ((!Array.isArray(headerC.dropDownMenu) || headerC.dropDownMenu.length !== 0) && // header中dropDownMenu为空数组，不显示\n          Array.isArray(_table.globalDropDownMenu) &&\n          _table.globalDropDownMenu.length && // 全局配置dropDownMenu\n          !headerC?.columns?.length) // 只在最下级表头展示\n      ) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  getStyleClass(headerType: 'text' | 'image' | 'video' | 'link') {\n    switch (headerType) {\n      case 'text':\n        return TextHeaderStyle;\n      case 'image':\n        return ImageStyle;\n      case 'video':\n        return ImageStyle;\n      case 'link':\n        return TextHeaderStyle;\n    }\n  }\n}\n"]}

package/es/header-helper/style/ImageStyle.d.ts

@@ -0,0 +1,7 @@
+import type { IImageStyleOption, IStyleOption } from '../../ts-types';
+import { Style } from './Style';
+export declare class ImageStyle extends Style {
+    static get DEFAULT(): ImageStyle;
+    constructor(style?: IImageStyleOption, headerStyle?: IStyleOption);
+    clone(): ImageStyle;
+}

package/es/header-helper/style/ImageStyle.js

@@ -0,0 +1,17 @@
+import { Style } from "./Style";
+
+let defaultStyle;
+
+export class ImageStyle extends Style {
+    static get DEFAULT() {
+        return defaultStyle || (defaultStyle = new ImageStyle);
+    }
+    constructor(style = {}, headerStyle = {}) {
+        var _a;
+        super(style, headerStyle), this.textAlign = (null !== (_a = style.textAlign) && void 0 !== _a ? _a : null == headerStyle ? void 0 : headerStyle.textAlign) || "center";
+    }
+    clone() {
+        return new ImageStyle(this);
+    }
+}
+//# sourceMappingURL=ImageStyle.js.map

package/es/header-helper/style/ImageStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["header-helper/style/ImageStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,IAAI,YAAwB,CAAC;AAE7B,MAAM,OAAO,UAAW,SAAQ,KAAK;IAInC,MAAM,KAAK,OAAO;QAChB,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,IAAI,UAAU,EAAE,CAAC,CAAC;IACzE,CAAC;IACD,YAAY,QAA2B,EAAE,EAAE,cAA4B,EAAE;;QACvE,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG,CAAC,MAAA,KAAK,CAAC,SAAS,mCAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAC,IAAI,QAAQ,CAAC;IAI3E,CAAC;IAQD,KAAK;QACH,OAAO,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;CACF","file":"ImageStyle.js","sourcesContent":["import type { IImageStyleOption, IStyleOption } from '../../ts-types';\nimport { Style } from './Style';\n\nlet defaultStyle: ImageStyle;\n\nexport class ImageStyle extends Style {\n  // private _imageSizing?: 'keep-aspect-ratio';\n  // private _imageAutoSizing?: boolean;\n  // private _margin: number;\n  static get DEFAULT(): ImageStyle {\n    return defaultStyle ? defaultStyle : (defaultStyle = new ImageStyle());\n  }\n  constructor(style: IImageStyleOption = {}, headerStyle: IStyleOption = {}) {\n    super(style, headerStyle);\n    this.textAlign = (style.textAlign ?? headerStyle?.textAlign) || 'center';\n    // this._imageSizing = style.imageSizing;\n    // this._imageAutoSizing = style.imageAutoSizing;\n    // this._margin = style.margin || 4;\n  }\n  // get margin(): number {\n  //   return this._margin;\n  // }\n  // set margin(margin: number) {\n  //   this._margin = margin;\n  //   this.doChangeStyle();\n  // }\n  clone(): ImageStyle {\n    return new ImageStyle(this);\n  }\n}\n"]}

package/es/header-helper/style/MultilineTextHeaderStyle.d.ts

@@ -0,0 +1,13 @@
+import type { ITextStyleOption, LineClamp } from '../../ts-types';
+import { Style } from './Style';
+export declare class TextHeaderStyle extends Style {
+    private _autoWrapText?;
+    private _lineClamp?;
+    static get DEFAULT(): TextHeaderStyle;
+    constructor(style?: ITextStyleOption, headerStyle?: ITextStyleOption);
+    clone(): TextHeaderStyle;
+    get lineClamp(): LineClamp | undefined;
+    set lineClamp(lineClamp: LineClamp | undefined);
+    get autoWrapText(): boolean | undefined;
+    set autoWrapText(autoWrapText: boolean | undefined);
+}

package/es/header-helper/style/MultilineTextHeaderStyle.js

@@ -0,0 +1,30 @@
+import { Style } from "./Style";
+
+let defaultStyle;
+
+export class TextHeaderStyle extends Style {
+    static get DEFAULT() {
+        return defaultStyle || (defaultStyle = new TextHeaderStyle);
+    }
+    constructor(style = {}, headerStyle = null) {
+        var _a, _b;
+        super(style, headerStyle), this._autoWrapText = null !== (_a = null == style ? void 0 : style.autoWrapText) && void 0 !== _a ? _a : null == headerStyle ? void 0 : headerStyle.autoWrapText, 
+        this._lineClamp = null !== (_b = null == style ? void 0 : style.lineClamp) && void 0 !== _b ? _b : null == headerStyle ? void 0 : headerStyle.lineClamp;
+    }
+    clone() {
+        return new TextHeaderStyle(this, null);
+    }
+    get lineClamp() {
+        return this._lineClamp;
+    }
+    set lineClamp(lineClamp) {
+        this._lineClamp = lineClamp, this.doChangeStyle();
+    }
+    get autoWrapText() {
+        return this._autoWrapText;
+    }
+    set autoWrapText(autoWrapText) {
+        this._autoWrapText = autoWrapText, this.doChangeStyle();
+    }
+}
+//# sourceMappingURL=MultilineTextHeaderStyle.js.map

package/es/header-helper/style/MultilineTextHeaderStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["header-helper/style/MultilineTextHeaderStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,IAAI,YAA6B,CAAC;AAClC,MAAM,OAAO,eAAgB,SAAQ,KAAK;IAGxC,MAAM,KAAK,OAAO;QAChB,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC,CAAC;IAC9E,CAAC;IACD,YAAY,QAA0B,EAAE,EAAE,cAAgC,IAAI;;QAC5E,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAC1B,IAAI,CAAC,aAAa,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,mCAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY,CAAC;QACtE,IAAI,CAAC,UAAU,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,mCAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAC;IAC/D,CAAC;IACD,KAAK;QACH,OAAO,IAAI,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACzC,CAAC;IACD,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,IAAI,SAAS,CAAC,SAAgC;QAC5C,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IACD,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IACD,IAAI,YAAY,CAAC,YAAiC;QAChD,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QAClC,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;CACF","file":"MultilineTextHeaderStyle.js","sourcesContent":["import type { ITextStyleOption, LineClamp } from '../../ts-types';\nimport { Style } from './Style';\n\nlet defaultStyle: TextHeaderStyle;\nexport class TextHeaderStyle extends Style {\n  private _autoWrapText?: boolean;\n  private _lineClamp?: LineClamp;\n  static get DEFAULT(): TextHeaderStyle {\n    return defaultStyle ? defaultStyle : (defaultStyle = new TextHeaderStyle());\n  }\n  constructor(style: ITextStyleOption = {}, headerStyle: ITextStyleOption = null) {\n    super(style, headerStyle);\n    this._autoWrapText = style?.autoWrapText ?? headerStyle?.autoWrapText;\n    this._lineClamp = style?.lineClamp ?? headerStyle?.lineClamp;\n  }\n  clone(): TextHeaderStyle {\n    return new TextHeaderStyle(this, null);\n  }\n  get lineClamp(): LineClamp | undefined {\n    return this._lineClamp;\n  }\n  set lineClamp(lineClamp: LineClamp | undefined) {\n    this._lineClamp = lineClamp;\n    this.doChangeStyle();\n  }\n  get autoWrapText(): boolean | undefined {\n    return this._autoWrapText;\n  }\n  set autoWrapText(autoWrapText: boolean | undefined) {\n    this._autoWrapText = autoWrapText;\n    this.doChangeStyle();\n  }\n}\n"]}

package/es/header-helper/style/SortHeaderStyle.d.ts

@@ -0,0 +1 @@
+

package/es/header-helper/style/SortHeaderStyle.js

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=SortHeaderStyle.js.map

package/es/header-helper/style/SortHeaderStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["header-helper/style/SortHeaderStyle.ts"],"names":[],"mappings":"","file":"SortHeaderStyle.js","sourcesContent":["// import type { string, ISortHeaderStyleOption } from \"../../ts-types\";\n// import { Style } from \"./Style\";\n\n// let defaultStyle: SortHeaderStyle;\n// export class SortHeaderStyle extends Style {\n\n//   static get DEFAULT(): SortHeaderStyle {\n//     return defaultStyle ? defaultStyle : (defaultStyle = new SortHeaderStyle());\n//   }\n//   constructor(style: ISortHeaderStyleOption = {}) {\n//     super(style);\n\n//   }\n\n//   clone(): SortHeaderStyle {\n//     return new SortHeaderStyle(this);\n//   }\n// }\n"]}

package/es/header-helper/style/Style.d.ts

@@ -0,0 +1,88 @@
+import type { ColorPropertyDefine, ColorsPropertyDefine, ColumnStyle, IStyleOption, TextOverflow, UnderlinePropertyDefine, LineThroughPropertyDefine, LineDashPropertyDefine, PaddingsPropertyDefine, CursorPropertyDefine, LineWidthsPropertyDefine, LineDashsPropertyDefine, MarkedPropertyDefine, FontSizePropertyDefine, FontFamilyPropertyDefine, FontWeightPropertyDefine, FontVariantPropertyDefine, FontStylePropertyDefine } from '../../ts-types';
+import { EventTarget } from '../../event/EventTarget';
+import type { TextAlignType, TextBaselineType } from '@visactor/vrender';
+export declare class Style extends EventTarget implements ColumnStyle {
+    private _color?;
+    private _fontSize?;
+    private _fontFamily?;
+    private _fontWeight?;
+    private _fontVariant?;
+    private _fontStyle?;
+    private _textOverflow;
+    private _padding;
+    private _defaultPadding;
+    private _textStick;
+    private _marked;
+    private _textAlign;
+    private _textBaseline;
+    private _bgColor?;
+    private _borderColor?;
+    private _lineHeight?;
+    private _underline?;
+    private _underlineColor?;
+    private _underlineDash?;
+    private _lineThrough?;
+    private _lineThroughColor?;
+    private _lineThroughDash?;
+    private _linkColor?;
+    private _cursor?;
+    private _borderLineWidth?;
+    private _borderLineDash?;
+    static get EVENT_TYPE(): {
+        CHANGE_STYLE: string;
+    };
+    static get DEFAULT(): Style;
+    constructor(style?: IStyleOption, headerStyle?: IStyleOption);
+    get bgColor(): ColorPropertyDefine | undefined;
+    set bgColor(bgColor: ColorPropertyDefine | undefined);
+    get color(): ColorPropertyDefine | undefined;
+    set color(color: ColorPropertyDefine | undefined);
+    get fontSize(): FontSizePropertyDefine | undefined;
+    set fontSize(fontSize: FontSizePropertyDefine | undefined);
+    get fontFamily(): FontFamilyPropertyDefine | undefined;
+    set fontFamily(fontFamily: FontFamilyPropertyDefine | undefined);
+    get fontWeight(): FontWeightPropertyDefine | undefined;
+    set fontWeight(fontWeight: FontWeightPropertyDefine | undefined);
+    get fontVariant(): FontVariantPropertyDefine | undefined;
+    set fontVariant(fontVariant: FontVariantPropertyDefine | undefined);
+    get fontStyle(): FontStylePropertyDefine | undefined;
+    set fontStyle(fontStyle: FontStylePropertyDefine | undefined);
+    get textOverflow(): TextOverflow;
+    set textOverflow(textOverflow: TextOverflow);
+    get padding(): PaddingsPropertyDefine | undefined;
+    set padding(padding: PaddingsPropertyDefine | undefined);
+    get borderColor(): ColorsPropertyDefine | undefined;
+    set borderColor(borderColor: ColorsPropertyDefine | undefined);
+    get textStick(): boolean;
+    set textStick(textStick: boolean);
+    get marked(): MarkedPropertyDefine | undefined;
+    set marked(marked: MarkedPropertyDefine | undefined);
+    get textAlign(): TextAlignType;
+    set textAlign(textAlign: TextAlignType);
+    get textBaseline(): TextBaselineType;
+    set textBaseline(textBaseline: TextBaselineType);
+    get lineHeight(): number | undefined;
+    set lineHeight(lineHeight: number | undefined);
+    get underline(): UnderlinePropertyDefine | undefined;
+    set underline(underline: UnderlinePropertyDefine | undefined);
+    get underlineColor(): ColorPropertyDefine | undefined;
+    set underlineColor(underlineColor: ColorPropertyDefine | undefined);
+    get underlineDash(): LineDashPropertyDefine | undefined;
+    set underlineDash(underlineDash: LineDashPropertyDefine | undefined);
+    get lineThrough(): LineThroughPropertyDefine | undefined;
+    set lineThrough(lineThrough: LineThroughPropertyDefine | undefined);
+    get lineThroughColor(): ColorPropertyDefine | undefined;
+    set lineThroughColor(lineThroughColor: ColorPropertyDefine | undefined);
+    get lineThroughDash(): LineDashPropertyDefine | undefined;
+    set lineThroughDash(lineThroughDash: LineDashPropertyDefine | undefined);
+    get linkColor(): ColorPropertyDefine | undefined;
+    set linkColor(linkColor: ColorPropertyDefine | undefined);
+    get cursor(): CursorPropertyDefine | undefined;
+    set cursor(cursor: CursorPropertyDefine | undefined);
+    get borderLineWidth(): LineWidthsPropertyDefine | undefined;
+    set borderLineWidth(borderLineWidth: LineWidthsPropertyDefine | undefined);
+    get borderLineDash(): LineDashsPropertyDefine | undefined;
+    set borderLineDash(borderLineDash: LineDashsPropertyDefine | undefined);
+    doChangeStyle(): void;
+    clone(): Style;
+}