k-vtable 1.0.0

package/cjs/ts-types/component/title.d.ts

@@ -0,0 +1,49 @@
+import type { ITextGraphicAttribute, IRichTextCharacter, RichTextWordBreak, IRichTextGraphicAttribute } from './../../vrender';
+export type ITitle = {
+    visible?: boolean;
+    orient?: 'left' | 'top' | 'right' | 'bottom';
+    text?: string | number | (string | number)[];
+    subtext?: string | number | (string | number)[];
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    padding?: number | number[];
+    align?: 'left' | 'center' | 'right';
+    verticalAlign?: 'top' | 'middle' | 'bottom';
+    textStyle?: {
+        width?: number;
+        height?: number;
+        align?: string;
+        verticalAlign?: string;
+        wordBreak?: RichTextWordBreak;
+        maxLineWidth?: number;
+        heightLimit?: number;
+        lineClamp?: number;
+        character?: IRichTextCharacter[];
+    } & Partial<ITextGraphicAttribute> & Partial<IRichTextGraphicAttribute>;
+    subtextStyle?: {
+        width?: number;
+        height?: number;
+        align?: string;
+        verticalAlign?: string;
+        wordBreak?: RichTextWordBreak;
+        maxLineWidth?: number;
+        heightLimit?: number;
+        lineClamp?: number;
+        character?: IRichTextCharacter[];
+    } & Partial<ITextGraphicAttribute> & Partial<IRichTextGraphicAttribute>;
+    dx?: number;
+    dy?: number;
+};
+export interface IPadding {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+}
+export type Text = string | number;

package/cjs/ts-types/component/title.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=title.js.map

package/cjs/ts-types/component/title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts-types/component/title.ts"],"names":[],"mappings":"","file":"title.js","sourcesContent":["import type {\n  ITextGraphicAttribute,\n  IRichTextCharacter,\n  RichTextWordBreak,\n  IRichTextGraphicAttribute\n} from './../../vrender';\nexport type ITitle = {\n  /**\n   * 是否显示标题\n   */\n  visible?: boolean;\n  /**\n   * Title位置\n   * @default 'top'\n   */\n  orient?: 'left' | 'top' | 'right' | 'bottom';\n  /**\n   * 主标题内容\n   */\n  text?: string | number | (string | number)[];\n  /**\n   * 副标题内容\n   */\n  subtext?: string | number | (string | number)[];\n  /**\n   * 标题左上角x坐标像素值\n   */\n  x?: number;\n  /**\n   * 标题左上角y坐标像素值\n   */\n  y?: number;\n  /**\n   * 标题宽度\n   */\n  width?: number;\n  /**\n   * 标题高度\n   */\n  height?: number;\n  /**\n   * 最小宽度，像素值\n   */\n  minWidth?: number;\n  /**\n   * 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n  /**\n   * 最小高度，像素值\n   */\n  minHeight?: number;\n  /**\n   * 最大高度，像素值\n   */\n  maxHeight?: number;\n  /**\n   * 标题的边距留白\n   */\n  padding?: number | number[];\n  /**\n   * 文字水平对齐方式\n   * 'left' | 'center' | 'right'\n   */\n  align?: 'left' | 'center' | 'right';\n  /**\n   * 文字垂直对齐方式\n   * 'top' | 'middle' | 'bottom'\n   */\n  verticalAlign?: 'top' | 'middle' | 'bottom';\n  /**\n   * 主标题样式\n   */\n  textStyle?: {\n    width?: number;\n    height?: number;\n    /**\n     * 文字水平对齐方式\n     * 'left' | 'center' | 'right'\n     */\n    align?: string;\n    /**\n     * 文字垂直对齐方式\n     * 'top' | 'middle' | 'bottom'\n     */\n    verticalAlign?: string;\n    /**\n     * 折行方式\n     * 'break-word' | 'break-all'\n     */\n    wordBreak?: RichTextWordBreak;\n    /**\n     * 按照宽度限制自动折行或显示省略号(maxLineWidth)\n     * 默认设置为title宽度\n     */\n    maxLineWidth?: number;\n    /**\n     * 高度限制控制显示内容及省略号(heightLimit)\n     */\n    heightLimit?: number;\n    /**\n     * 按照行数限制显示内容及省略号(lineClamp)\n     */\n    lineClamp?: number;\n    /**\n     * 富文本配置\n     */\n    character?: IRichTextCharacter[];\n  } & Partial<ITextGraphicAttribute> &\n    Partial<IRichTextGraphicAttribute>;\n  /**\n   * 副标题样式\n   */\n  subtextStyle?: {\n    /** 指定宽度 */\n    width?: number;\n    /** 指定高度 */\n    height?: number;\n    /**\n     * 文字水平对齐方式\n     * 'left' | 'center' | 'right'\n     */\n    align?: string;\n    /**\n     * 文字垂直对齐方式\n     * 'top' | 'middle' | 'bottom'\n     */\n    verticalAlign?: string;\n    /**\n     * 折行方式\n     * 'break-word' | 'break-all'\n     */\n    wordBreak?: RichTextWordBreak;\n    /**\n     * 按照宽度限制自动折行或显示省略号(maxLineWidth)\n     * 默认设置为title宽度\n     */\n    maxLineWidth?: number;\n    /**\n     * 高度限制控制显示内容及省略号(heightLimit)\n     */\n    heightLimit?: number;\n    /**\n     * 按照行数限制显示内容及省略号(lineClamp)\n     */\n    lineClamp?: number;\n    /**\n     * 富文本配置\n     */\n    character?: IRichTextCharacter[];\n  } & Partial<ITextGraphicAttribute> &\n    Partial<IRichTextGraphicAttribute>;\n\n  dx?: number;\n  dy?: number;\n};\nexport interface IPadding {\n  top?: number;\n  bottom?: number;\n  left?: number;\n  right?: number;\n}\nexport type Text = string | number;\n"]}

package/cjs/ts-types/component/util.d.ts

@@ -0,0 +1 @@
+export type IOrientType = 'left' | 'top' | 'right' | 'bottom' | 'z';

package/cjs/ts-types/component/util.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=util.js.map

package/cjs/ts-types/component/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts-types/component/util.ts"],"names":[],"mappings":"","file":"util.js","sourcesContent":["export type IOrientType = 'left' | 'top' | 'right' | 'bottom' | 'z';\n"]}

package/cjs/ts-types/customElement.d.ts

@@ -0,0 +1,128 @@
+import type { FieldData } from './table-engine';
+import type { RectProps } from './common';
+import type { BaseTableAPI } from './base-table';
+import type { TextAlignType, TextBaselineType } from './style-define';
+export interface CustomRenderFunctionArg<TypedTable = BaseTableAPI> {
+    row: number;
+    col: number;
+    table: TypedTable;
+    value: FieldData;
+    dataValue: FieldData;
+    rect?: RectProps;
+    originCol?: number;
+    originRow?: number;
+    forComputation?: boolean;
+}
+interface baseElement {
+    elementKey?: string;
+    x: number | string | ((value: string) => number | string);
+    y: number | string | ((value: string) => number | string);
+    dx?: number;
+    dy?: number;
+    pickable?: boolean;
+    cursor?: string;
+    name?: string;
+}
+export interface TextElement extends baseElement {
+    type: 'text';
+    text: string | ((value: string) => string);
+    stroke?: string | ((value: string) => string);
+    fill?: string | ((value: string) => string);
+    color?: string | ((value: string) => string);
+    lineWidth?: number;
+    fontSize?: number | ((value: string) => number);
+    fontFamily?: string | ((value: string) => string);
+    fontWeight?: string | number | ((value: string) => string | number);
+    fontVariant?: string;
+    fontStyle?: string;
+    ellipsis?: boolean | string;
+    maxLineWidth?: number;
+    textAlign?: TextAlignType;
+    textBaseline?: TextBaselineType;
+    lineHeight?: number;
+    underline?: number;
+    underlineDash?: number[];
+    underlineOffset?: number;
+    lineThrough?: number;
+    heightLimit?: number;
+    lineClamp?: number;
+    width?: number;
+    height?: number;
+    background?: {
+        fill?: string;
+        expandY?: number;
+        expandX?: number;
+        cornerRadius?: number;
+    };
+}
+export interface LineElement extends Omit<baseElement, 'x' | 'y'> {
+    type: 'line';
+    stroke?: string | ((value: string) => string);
+    points: {
+        x: number;
+        y: number;
+    }[];
+    lineWidth?: number;
+}
+export interface RectElement extends baseElement {
+    type: 'rect';
+    width: number | string | ((value: string) => number | string);
+    height: number | string | ((value: string) => number | string);
+    stroke?: string | ((value: string) => string);
+    fill?: string | ((value: string) => string);
+    radius?: number | string | ((value: string) => number | string);
+}
+export interface CircleElement extends baseElement {
+    type: 'circle';
+    radius: number | string | ((value: string) => number | string);
+    stroke?: string | ((value: string) => string);
+    fill?: string | ((value: string) => string);
+}
+export interface ArcElement extends baseElement {
+    type: 'arc';
+    radius: number | string | ((value: string) => number | string);
+    startAngle?: number | ((value: string) => number);
+    endAngle?: number | ((value: string) => number);
+    stroke?: string | ((value: string) => string);
+    fill?: string | ((value: string) => string);
+}
+export interface IconElement extends baseElement {
+    type: 'icon';
+    svg: string | ((value: string) => string);
+    width: number | string | ((value: string) => number | string);
+    height: number | string | ((value: string) => number | string);
+    hover?: {
+        x: number | string;
+        y: number | string;
+        width: number | string | ((value: string) => number | string);
+        height: number | string | ((value: string) => number | string);
+        bgColor: string;
+        radius?: number;
+    };
+}
+export interface ImageElement extends baseElement {
+    type: 'image';
+    src: string | ((value: string) => string);
+    width: number | string | ((value: string) => number | string);
+    height: number | string | ((value: string) => number | string);
+    hover?: {
+        x: number | string;
+        y: number | string;
+        width: number | string | ((value: string) => number | string);
+        height: number | string | ((value: string) => number | string);
+        bgColor: string;
+        radius?: number;
+    };
+    shape?: 'circle' | 'square';
+}
+export type ICustomRenderElement = TextElement | RectElement | CircleElement | IconElement | ImageElement | ArcElement | LineElement;
+export type ICustomRenderElements = Array<ICustomRenderElement>;
+export type ICustomRenderFuc<T = BaseTableAPI> = (args: CustomRenderFunctionArg<T>) => ICustomRenderObj;
+export type ICustomRenderObj = {
+    elements: ICustomRenderElements;
+    expectedHeight: number;
+    expectedWidth: number;
+    renderDefault?: boolean;
+};
+export type ICustomRender<T = BaseTableAPI> = ICustomRenderFuc<T> | ICustomRenderObj;
+export {};

package/cjs/ts-types/customElement.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=customElement.js.map

package/cjs/ts-types/customElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts-types/customElement.ts"],"names":[],"mappings":"","file":"customElement.js","sourcesContent":["import type { FieldData } from './table-engine';\nimport type { RectProps } from './common';\nimport type { BaseTableAPI } from './base-table';\nimport type { TextAlignType, TextBaselineType } from './style-define';\nexport interface CustomRenderFunctionArg<TypedTable = BaseTableAPI> {\n  row: number;\n  col: number;\n  table: TypedTable;\n  /**format之后的值 */\n  value: FieldData;\n  /**原始值 */\n  dataValue: FieldData;\n  rect?: RectProps;\n  originCol?: number;\n  originRow?: number;\n\n  forComputation?: boolean;\n}\ninterface baseElement {\n  elementKey?: string;\n  x: number | string | ((value: string) => number | string);\n  y: number | string | ((value: string) => number | string);\n  dx?: number;\n  dy?: number;\n  // clickable?: boolean; // @dispose\n  pickable?: boolean;\n  cursor?: string;\n  name?: string;\n}\nexport interface TextElement extends baseElement {\n  type: 'text';\n  text: string | ((value: string) => string);\n  stroke?: string | ((value: string) => string);\n  fill?: string | ((value: string) => string);\n  color?: string | ((value: string) => string);\n  lineWidth?: number;\n  fontSize?: number | ((value: string) => number);\n  fontFamily?: string | ((value: string) => string);\n  fontWeight?: string | number | ((value: string) => string | number);\n  fontVariant?: string;\n  fontStyle?: string;\n  ellipsis?: boolean | string;\n  maxLineWidth?: number;\n  textAlign?: TextAlignType;\n  textBaseline?: TextBaselineType;\n  lineHeight?: number;\n  underline?: number;\n  underlineDash?: number[];\n  underlineOffset?: number;\n  lineThrough?: number;\n  heightLimit?: number;\n  lineClamp?: number;\n  width?: number;\n  height?: number;\n  background?: {\n    fill?: string;\n    expandY?: number;\n    expandX?: number;\n    cornerRadius?: number;\n  };\n}\nexport interface LineElement extends Omit<baseElement, 'x' | 'y'> {\n  type: 'line';\n  stroke?: string | ((value: string) => string);\n  points: { x: number; y: number }[];\n  lineWidth?: number;\n}\n\nexport interface RectElement extends baseElement {\n  type: 'rect';\n  width: number | string | ((value: string) => number | string);\n  height: number | string | ((value: string) => number | string);\n  stroke?: string | ((value: string) => string);\n  fill?: string | ((value: string) => string);\n  radius?: number | string | ((value: string) => number | string);\n}\n\nexport interface CircleElement extends baseElement {\n  type: 'circle';\n  radius: number | string | ((value: string) => number | string);\n  // radian?: number | string | ((value: string) => number | string);\n  stroke?: string | ((value: string) => string);\n  fill?: string | ((value: string) => string);\n}\nexport interface ArcElement extends baseElement {\n  type: 'arc';\n  radius: number | string | ((value: string) => number | string);\n  startAngle?: number | ((value: string) => number);\n  endAngle?: number | ((value: string) => number);\n  // clockWise?: boolean;\n  stroke?: string | ((value: string) => string);\n  fill?: string | ((value: string) => string);\n}\nexport interface IconElement extends baseElement {\n  type: 'icon';\n  svg: string | ((value: string) => string);\n  width: number | string | ((value: string) => number | string);\n  height: number | string | ((value: string) => number | string);\n  hover?: {\n    x: number | string;\n    y: number | string;\n    width: number | string | ((value: string) => number | string);\n    height: number | string | ((value: string) => number | string);\n    bgColor: string;\n    radius?: number;\n  };\n}\nexport interface ImageElement extends baseElement {\n  type: 'image';\n  src: string | ((value: string) => string);\n  width: number | string | ((value: string) => number | string);\n  height: number | string | ((value: string) => number | string);\n  hover?: {\n    x: number | string;\n    y: number | string;\n    width: number | string | ((value: string) => number | string);\n    height: number | string | ((value: string) => number | string);\n    bgColor: string;\n    radius?: number;\n  };\n  shape?: 'circle' | 'square';\n}\nexport type ICustomRenderElement =\n  | TextElement\n  | RectElement\n  | CircleElement\n  | IconElement\n  | ImageElement\n  | ArcElement\n  | LineElement;\nexport type ICustomRenderElements = Array<ICustomRenderElement>;\n\nexport type ICustomRenderFuc<T = BaseTableAPI> = (args: CustomRenderFunctionArg<T>) => ICustomRenderObj;\n\nexport type ICustomRenderObj = {\n  /** 配置出来的类型集合 */\n  elements: ICustomRenderElements;\n  /** 期望单元格的高度 */\n  expectedHeight: number;\n  /** 期望单元格的宽度 */\n  expectedWidth: number;\n  /**\n   * 是否还需要默认渲染内容 只有配置true才绘制 默认 不绘制\n   */\n  renderDefault?: boolean;\n};\n\nexport type ICustomRender<T = BaseTableAPI> = ICustomRenderFuc<T> | ICustomRenderObj;\n"]}

package/cjs/ts-types/customLayout.d.ts

@@ -0,0 +1,9 @@
+import type { Container } from '../render/layout';
+import type { CustomRenderFunctionArg } from './customElement';
+export type ICustomLayoutObj = {
+    rootContainer: Container | any;
+    renderDefault?: boolean;
+    enableCellPadding?: boolean;
+};
+export type ICustomLayoutFuc = (args: CustomRenderFunctionArg) => ICustomLayoutObj;
+export type ICustomLayout = ICustomLayoutFuc | 'react-custom-layout';

package/cjs/ts-types/customLayout.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=customLayout.js.map

package/cjs/ts-types/customLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts-types/customLayout.ts"],"names":[],"mappings":"","file":"customLayout.js","sourcesContent":["import type { Container } from '../render/layout';\nimport type { CustomRenderFunctionArg } from './customElement';\n\nexport type ICustomLayoutObj = {\n  rootContainer: Container | any;\n  /**\n   * 是否还需要默认渲染内容 只有配置true才绘制 默认 不绘制\n   */\n  renderDefault?: boolean;\n  /**\n   * 是否还启用style中的padding\n   */\n  enableCellPadding?: boolean;\n};\n\nexport type ICustomLayoutFuc = (args: CustomRenderFunctionArg) => ICustomLayoutObj;\n\nexport type ICustomLayout = ICustomLayoutFuc | 'react-custom-layout';\n"]}

package/cjs/ts-types/dataset/aggregation.d.ts

@@ -0,0 +1,192 @@
+import { SortType } from '..';
+import type { BaseTableAPI } from '../base-table';
+export declare const registeredAggregators: {
+    [key: string]: {
+        new (args: {
+            key?: string;
+            field: string | string[];
+            aggregationFun?: any;
+            formatFun?: any;
+            isRecord?: boolean;
+            needSplitPositiveAndNegative?: boolean;
+            calculateFun?: any;
+            dependAggregators?: any;
+            dependIndicatorKeys?: string[];
+        }): Aggregator;
+    };
+};
+export interface IAggregator {
+    records: any[];
+    value: () => any;
+    push: (record: any) => void;
+    deleteRecord: (record: any) => void;
+    updateRecord: (oldRecord: any, newRecord: any) => void;
+    recalculate: () => any;
+    formatValue?: (col?: number, row?: number, table?: BaseTableAPI) => any;
+    formatFun?: () => any;
+    clearCacheValue: () => any;
+    reset: () => void;
+}
+export declare abstract class Aggregator implements IAggregator {
+    isAggregator?: boolean;
+    isRecord?: boolean;
+    records: any[];
+    type?: string;
+    key: string;
+    field?: string | string[];
+    formatFun?: any;
+    _formatedValue?: any;
+    constructor(config: {
+        key: string;
+        field: string | string[];
+        formatFun?: any;
+        isRecord?: boolean;
+    });
+    abstract push(record: any): void;
+    abstract deleteRecord(record: any): void;
+    abstract updateRecord(oldRecord: any, newRecord: any): void;
+    abstract value(): any;
+    abstract recalculate(): any;
+    clearCacheValue(): void;
+    formatValue(col?: number, row?: number, table?: BaseTableAPI): any;
+    reset(): void;
+}
+export declare class RecordAggregator extends Aggregator {
+    type: string;
+    isRecord?: boolean;
+    push(record: any): void;
+    deleteRecord(record: any): void;
+    updateRecord(oldRecord: any, newRecord: any): void;
+    value(): any[];
+    reset(): void;
+    recalculate(): void;
+}
+export declare class NoneAggregator extends Aggregator {
+    type: string;
+    isRecord?: boolean;
+    field?: string;
+    fieldValue?: any;
+    push(record: any): void;
+    deleteRecord(record: any): void;
+    updateRecord(oldRecord: any, newRecord: any): void;
+    value(): any;
+    reset(): void;
+    recalculate(): void;
+}
+export declare class CustomAggregator extends Aggregator {
+    type: string;
+    isRecord?: boolean;
+    field?: string;
+    aggregationFun?: Function;
+    values: (string | number)[];
+    fieldValue?: any;
+    constructor(config: {
+        key: string;
+        field: string;
+        formatFun?: any;
+        isRecord?: boolean;
+        aggregationFun?: Function;
+    });
+    push(record: any): void;
+    updateRecord(oldRecord: any, newRecord: any): void;
+    deleteRecord(record: any): void;
+    value(): any;
+    reset(): void;
+    recalculate(): void;
+}
+export declare class RecalculateAggregator extends Aggregator {
+    type: string;
+    isRecord?: boolean;
+    field?: string;
+    calculateFun: Function;
+    fieldValue?: any;
+    dependAggregators: Aggregator[];
+    dependIndicatorKeys: string[];
+    constructor(config: {
+        key: string;
+        field: string;
+        formatFun: any;
+        isRecord: boolean;
+        calculateFun: Function;
+        dependAggregators: Aggregator[];
+        dependIndicatorKeys: string[];
+    });
+    push(record: any): void;
+    deleteRecord(record: any): void;
+    updateRecord(oldRecord: any, newRecord: any): void;
+    value(): any;
+    reset(): void;
+    recalculate(): void;
+}
+export declare class SumAggregator extends Aggregator {
+    type: string;
+    sum: number;
+    positiveSum: number;
+    nagetiveSum: number;
+    field?: string;
+    needSplitPositiveAndNegativeForSum?: boolean;
+    constructor(config: {
+        key: string;
+        field: string;
+        formatFun?: any;
+        isRecord?: boolean;
+        needSplitPositiveAndNegative?: boolean;
+    });
+    push(record: any): void;
+    deleteRecord(record: any): void;
+    updateRecord(oldRecord: any, newRecord: any): void;
+    value(): number;
+    positiveValue(): number;
+    negativeValue(): number;
+    reset(): void;
+    recalculate(): void;
+}
+export declare class CountAggregator extends Aggregator {
+    type: string;
+    count: number;
+    field?: string;
+    push(record: any): void;
+    deleteRecord(record: any): void;
+    updateRecord(oldRecord: any, newRecord: any): void;
+    value(): number;
+    reset(): void;
+    recalculate(): void;
+}
+export declare class AvgAggregator extends Aggregator {
+    type: string;
+    sum: number;
+    count: number;
+    field?: string;
+    push(record: any): void;
+    deleteRecord(record: any): void;
+    updateRecord(oldRecord: any, newRecord: any): void;
+    value(): number;
+    reset(): void;
+    recalculate(): void;
+}
+export declare class MaxAggregator extends Aggregator {
+    type: string;
+    max: number;
+    field?: string;
+    push(record: any): void;
+    deleteRecord(record: any): void;
+    updateRecord(oldRecord: any, newRecord: any): void;
+    value(): number;
+    reset(): void;
+    recalculate(): void;
+}
+export declare class MinAggregator extends Aggregator {
+    type: string;
+    min: number;
+    field?: string;
+    push(record: any): void;
+    deleteRecord(record: any): void;
+    updateRecord(oldRecord: any, newRecord: any): void;
+    value(): number;
+    reset(): void;
+    recalculate(): void;
+}
+export declare function indicatorSort(a: any, b: any): any;
+export declare function typeSort(a: any, b: any, sortType: SortType): number;
+export declare function naturalSort(as: any, bs: any, sortType: SortType): number;
+export declare function sortBy(order: string[]): (a: any, b: any, sortType: SortType) => number;