@visactor/vtable 0.20.1 → 0.20.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/ListTable.js +1 -1
- package/cjs/ListTable.js.map +1 -1
- package/cjs/body-helper/body-helper.d.ts +2 -1
- package/cjs/body-helper/style/CheckboxStyle.d.ts +31 -2
- package/cjs/body-helper/style/CheckboxStyle.js +70 -4
- package/cjs/body-helper/style/CheckboxStyle.js.map +1 -1
- package/cjs/body-helper/style.d.ts +2 -1
- package/cjs/body-helper/style.js +5 -4
- package/cjs/body-helper/style.js.map +1 -1
- package/cjs/core/BaseTable.js +6 -6
- package/cjs/core/BaseTable.js.map +1 -1
- package/cjs/core/tableHelper.js +9 -4
- package/cjs/core/tableHelper.js.map +1 -1
- package/cjs/event/listener/table-group.js +8 -8
- package/cjs/event/listener/table-group.js.map +1 -1
- package/cjs/header-helper/header-helper.d.ts +1 -1
- package/cjs/header-helper/style/CheckboxStyle.d.ts +31 -2
- package/cjs/header-helper/style/CheckboxStyle.js +70 -4
- package/cjs/header-helper/style/CheckboxStyle.js.map +1 -1
- package/cjs/header-helper/style.d.ts +2 -1
- package/cjs/header-helper/style.js +12 -7
- package/cjs/header-helper/style.js.map +1 -1
- package/cjs/index.d.ts +1 -1
- package/cjs/index.js +1 -1
- package/cjs/index.js.map +1 -1
- package/cjs/layout/simple-header-layout.js +1 -1
- package/cjs/layout/simple-header-layout.js.map +1 -1
- package/cjs/scenegraph/group-creater/cell-type/checkbox-cell.js +22 -25
- package/cjs/scenegraph/group-creater/cell-type/checkbox-cell.js.map +1 -1
- package/cjs/scenegraph/scenegraph.js +5 -5
- package/cjs/scenegraph/scenegraph.js.map +1 -1
- package/cjs/themes/theme.d.ts +2 -0
- package/cjs/themes/theme.js +9 -1
- package/cjs/themes/theme.js.map +1 -1
- package/cjs/ts-types/column/style.d.ts +14 -0
- package/cjs/ts-types/column/style.js.map +1 -1
- package/cjs/ts-types/theme.d.ts +2 -1
- package/cjs/ts-types/theme.js.map +1 -1
- package/cjs/vrender.js.map +1 -1
- package/dist/vtable.js +318 -124
- package/dist/vtable.min.js +2 -2
- package/es/ListTable.js +1 -1
- package/es/ListTable.js.map +1 -1
- package/es/body-helper/body-helper.d.ts +2 -1
- package/es/body-helper/style/CheckboxStyle.d.ts +31 -2
- package/es/body-helper/style/CheckboxStyle.js +70 -4
- package/es/body-helper/style/CheckboxStyle.js.map +1 -1
- package/es/body-helper/style.d.ts +2 -1
- package/es/body-helper/style.js +6 -3
- package/es/body-helper/style.js.map +1 -1
- package/es/core/BaseTable.js +6 -6
- package/es/core/BaseTable.js.map +1 -1
- package/es/core/tableHelper.js +8 -4
- package/es/core/tableHelper.js.map +1 -1
- package/es/event/listener/table-group.js +7 -7
- package/es/event/listener/table-group.js.map +1 -1
- package/es/header-helper/header-helper.d.ts +1 -1
- package/es/header-helper/style/CheckboxStyle.d.ts +31 -2
- package/es/header-helper/style/CheckboxStyle.js +70 -4
- package/es/header-helper/style/CheckboxStyle.js.map +1 -1
- package/es/header-helper/style.d.ts +2 -1
- package/es/header-helper/style.js +6 -3
- package/es/header-helper/style.js.map +1 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/index.js.map +1 -1
- package/es/layout/simple-header-layout.js +1 -1
- package/es/layout/simple-header-layout.js.map +1 -1
- package/es/scenegraph/group-creater/cell-type/checkbox-cell.js +14 -25
- package/es/scenegraph/group-creater/cell-type/checkbox-cell.js.map +1 -1
- package/es/scenegraph/scenegraph.js +5 -5
- package/es/scenegraph/scenegraph.js.map +1 -1
- package/es/themes/theme.d.ts +2 -0
- package/es/themes/theme.js +8 -1
- package/es/themes/theme.js.map +1 -1
- package/es/ts-types/column/style.d.ts +14 -0
- package/es/ts-types/column/style.js.map +1 -1
- package/es/ts-types/theme.d.ts +2 -1
- package/es/ts-types/theme.js.map +1 -1
- package/es/vrender.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,13 +1,42 @@
|
|
|
1
|
-
import type { CheckboxStyleOption } from '../../ts-types';
|
|
1
|
+
import type { CheckboxStyleOption, IStyleOption } from '../../ts-types';
|
|
2
2
|
import { Style } from './Style';
|
|
3
|
+
import type { CheckboxStyle as CheckboxStyleThemeOption } from '../../ts-types/column/style';
|
|
3
4
|
export declare class CheckboxStyle extends Style {
|
|
4
5
|
private _size;
|
|
5
6
|
private _spaceBetweenTextAndIcon;
|
|
7
|
+
private _defaultFill?;
|
|
8
|
+
private _defaultStroke?;
|
|
9
|
+
private _disableFill?;
|
|
10
|
+
private _checkedFill?;
|
|
11
|
+
private _checkedStroke?;
|
|
12
|
+
private _disableCheckedFill?;
|
|
13
|
+
private _disableCheckedStroke?;
|
|
14
|
+
private _checkIconImage?;
|
|
15
|
+
private _indeterminateIconImage?;
|
|
6
16
|
static get DEFAULT(): CheckboxStyle;
|
|
7
|
-
constructor(style?: CheckboxStyleOption, headerStyle?: CheckboxStyleOption);
|
|
17
|
+
constructor(style?: CheckboxStyleOption, headerStyle?: CheckboxStyleOption, checkboxThemeStyle?: CheckboxStyleThemeOption);
|
|
8
18
|
get size(): number;
|
|
9
19
|
set size(size: number);
|
|
10
20
|
get spaceBetweenTextAndIcon(): number;
|
|
11
21
|
set spaceBetweenTextAndIcon(spaceBetweenTextAndIcon: number);
|
|
22
|
+
get defaultFill(): string;
|
|
23
|
+
set defaultFill(defaultFill: string);
|
|
24
|
+
get defaultStroke(): string;
|
|
25
|
+
set defaultStroke(defaultStroke: string);
|
|
26
|
+
get disableFill(): string;
|
|
27
|
+
set disableFill(disableFill: string);
|
|
28
|
+
get checkedFill(): string;
|
|
29
|
+
set checkedFill(checkedFill: string);
|
|
30
|
+
get checkedStroke(): string;
|
|
31
|
+
set checkedStroke(checkedStroke: string);
|
|
32
|
+
get disableCheckedFill(): string;
|
|
33
|
+
set disableCheckedFill(disableCheckedFill: string);
|
|
34
|
+
get disableCheckedStroke(): string;
|
|
35
|
+
set disableCheckedStroke(disableCheckedStroke: string);
|
|
36
|
+
get checkIconImage(): string;
|
|
37
|
+
set checkIconImage(checkIconImage: string);
|
|
38
|
+
get indeterminateIconImage(): string;
|
|
39
|
+
set indeterminateIconImage(indeterminateIconImage: string);
|
|
40
|
+
getStyle(style: IStyleOption): CheckboxStyle;
|
|
12
41
|
clone(): CheckboxStyle;
|
|
13
42
|
}
|
|
@@ -6,10 +6,19 @@ export class CheckboxStyle extends Style {
|
|
|
6
6
|
static get DEFAULT() {
|
|
7
7
|
return defaultStyle || (defaultStyle = new CheckboxStyle);
|
|
8
8
|
}
|
|
9
|
-
constructor(style = {}, headerStyle = {}) {
|
|
10
|
-
var _a, _b;
|
|
11
|
-
super(style, headerStyle), this._size = (null !== (_a = style.size) && void 0 !== _a ? _a : null == headerStyle ? void 0 : headerStyle.size) || 14,
|
|
12
|
-
this._spaceBetweenTextAndIcon = (null !== (
|
|
9
|
+
constructor(style = {}, headerStyle = {}, checkboxThemeStyle = {}) {
|
|
10
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
|
|
11
|
+
super(style, headerStyle), this._size = (null !== (_b = null !== (_a = null == style ? void 0 : style.size) && void 0 !== _a ? _a : null == headerStyle ? void 0 : headerStyle.size) && void 0 !== _b ? _b : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.size) || 14,
|
|
12
|
+
this._spaceBetweenTextAndIcon = (null !== (_d = null !== (_c = null == style ? void 0 : style.spaceBetweenTextAndIcon) && void 0 !== _c ? _c : null == headerStyle ? void 0 : headerStyle.spaceBetweenTextAndIcon) && void 0 !== _d ? _d : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.spaceBetweenTextAndIcon) || 8,
|
|
13
|
+
this._defaultFill = null !== (_f = null === (_e = null == style ? void 0 : style.checkboxStyle) || void 0 === _e ? void 0 : _e.defaultFill) && void 0 !== _f ? _f : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.defaultFill,
|
|
14
|
+
this._defaultStroke = null !== (_h = null === (_g = null == style ? void 0 : style.checkboxStyle) || void 0 === _g ? void 0 : _g.defaultStroke) && void 0 !== _h ? _h : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.defaultStroke,
|
|
15
|
+
this._disableFill = null !== (_k = null === (_j = null == style ? void 0 : style.checkboxStyle) || void 0 === _j ? void 0 : _j.disableFill) && void 0 !== _k ? _k : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.disableFill,
|
|
16
|
+
this._checkedFill = null !== (_m = null === (_l = null == style ? void 0 : style.checkboxStyle) || void 0 === _l ? void 0 : _l.checkedFill) && void 0 !== _m ? _m : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.checkedFill,
|
|
17
|
+
this._checkedStroke = null !== (_p = null === (_o = null == style ? void 0 : style.checkboxStyle) || void 0 === _o ? void 0 : _o.checkedStroke) && void 0 !== _p ? _p : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.checkedStroke,
|
|
18
|
+
this._disableCheckedFill = null !== (_r = null === (_q = null == style ? void 0 : style.checkboxStyle) || void 0 === _q ? void 0 : _q.disableCheckedFill) && void 0 !== _r ? _r : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.disableCheckedFill,
|
|
19
|
+
this._disableCheckedStroke = null !== (_t = null === (_s = null == style ? void 0 : style.checkboxStyle) || void 0 === _s ? void 0 : _s.disableCheckedStroke) && void 0 !== _t ? _t : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.disableCheckedStroke,
|
|
20
|
+
this._spaceBetweenTextAndIcon = null !== (_v = null === (_u = null == style ? void 0 : style.checkboxStyle) || void 0 === _u ? void 0 : _u.spaceBetweenTextAndIcon) && void 0 !== _v ? _v : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.spaceBetweenTextAndIcon,
|
|
21
|
+
this._indeterminateIconImage = null !== (_x = null === (_w = null == style ? void 0 : style.checkboxStyle) || void 0 === _w ? void 0 : _w.indeterminateIconImage) && void 0 !== _x ? _x : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.indeterminateIconImage;
|
|
13
22
|
}
|
|
14
23
|
get size() {
|
|
15
24
|
return this._size;
|
|
@@ -23,6 +32,63 @@ export class CheckboxStyle extends Style {
|
|
|
23
32
|
set spaceBetweenTextAndIcon(spaceBetweenTextAndIcon) {
|
|
24
33
|
this._spaceBetweenTextAndIcon = spaceBetweenTextAndIcon;
|
|
25
34
|
}
|
|
35
|
+
get defaultFill() {
|
|
36
|
+
return this._defaultFill;
|
|
37
|
+
}
|
|
38
|
+
set defaultFill(defaultFill) {
|
|
39
|
+
this._defaultFill = defaultFill;
|
|
40
|
+
}
|
|
41
|
+
get defaultStroke() {
|
|
42
|
+
return this._defaultStroke;
|
|
43
|
+
}
|
|
44
|
+
set defaultStroke(defaultStroke) {
|
|
45
|
+
this._defaultStroke = defaultStroke;
|
|
46
|
+
}
|
|
47
|
+
get disableFill() {
|
|
48
|
+
return this._disableFill;
|
|
49
|
+
}
|
|
50
|
+
set disableFill(disableFill) {
|
|
51
|
+
this._disableFill = disableFill;
|
|
52
|
+
}
|
|
53
|
+
get checkedFill() {
|
|
54
|
+
return this._checkedFill;
|
|
55
|
+
}
|
|
56
|
+
set checkedFill(checkedFill) {
|
|
57
|
+
this._checkedFill = checkedFill;
|
|
58
|
+
}
|
|
59
|
+
get checkedStroke() {
|
|
60
|
+
return this._checkedStroke;
|
|
61
|
+
}
|
|
62
|
+
set checkedStroke(checkedStroke) {
|
|
63
|
+
this._checkedStroke = checkedStroke;
|
|
64
|
+
}
|
|
65
|
+
get disableCheckedFill() {
|
|
66
|
+
return this._disableCheckedFill;
|
|
67
|
+
}
|
|
68
|
+
set disableCheckedFill(disableCheckedFill) {
|
|
69
|
+
this._disableCheckedFill = disableCheckedFill;
|
|
70
|
+
}
|
|
71
|
+
get disableCheckedStroke() {
|
|
72
|
+
return this._disableCheckedStroke;
|
|
73
|
+
}
|
|
74
|
+
set disableCheckedStroke(disableCheckedStroke) {
|
|
75
|
+
this._disableCheckedStroke = disableCheckedStroke;
|
|
76
|
+
}
|
|
77
|
+
get checkIconImage() {
|
|
78
|
+
return this._checkIconImage;
|
|
79
|
+
}
|
|
80
|
+
set checkIconImage(checkIconImage) {
|
|
81
|
+
this._checkIconImage = checkIconImage;
|
|
82
|
+
}
|
|
83
|
+
get indeterminateIconImage() {
|
|
84
|
+
return this._indeterminateIconImage;
|
|
85
|
+
}
|
|
86
|
+
set indeterminateIconImage(indeterminateIconImage) {
|
|
87
|
+
this._indeterminateIconImage = indeterminateIconImage;
|
|
88
|
+
}
|
|
89
|
+
getStyle(style) {
|
|
90
|
+
return new CheckboxStyle(style, this);
|
|
91
|
+
}
|
|
26
92
|
clone() {
|
|
27
93
|
return new CheckboxStyle(this);
|
|
28
94
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/body-helper/style/CheckboxStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"sources":["../src/body-helper/style/CheckboxStyle.ts"],"names":[],"mappings":"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","file":"CheckboxStyle.js","sourcesContent":["import type { CheckboxStyleOption, IStyleOption } from '../../ts-types';\nimport { Style } from './Style';\nimport type { CheckboxStyle as CheckboxStyleThemeOption } from '../../ts-types/column/style';\n\nlet defaultStyle: CheckboxStyle;\n\nexport class CheckboxStyle extends Style {\n private _size: number;\n private _spaceBetweenTextAndIcon: number;\n\n private _defaultFill?: string;\n private _defaultStroke?: string;\n private _disableFill?: string;\n private _checkedFill?: string;\n private _checkedStroke?: string;\n private _disableCheckedFill?: string;\n private _disableCheckedStroke?: string;\n\n private _checkIconImage?: string;\n private _indeterminateIconImage?: string;\n\n static get DEFAULT(): CheckboxStyle {\n return defaultStyle ? defaultStyle : (defaultStyle = new CheckboxStyle());\n }\n constructor(\n style: CheckboxStyleOption = {},\n headerStyle: CheckboxStyleOption = {},\n checkboxThemeStyle: CheckboxStyleThemeOption = {}\n ) {\n super(style, headerStyle);\n this._size = (style?.size ?? headerStyle?.size ?? checkboxThemeStyle?.size) || 14;\n this._spaceBetweenTextAndIcon =\n (style?.spaceBetweenTextAndIcon ??\n headerStyle?.spaceBetweenTextAndIcon ??\n checkboxThemeStyle?.spaceBetweenTextAndIcon) ||\n 8;\n\n this._defaultFill = style?.checkboxStyle?.defaultFill ?? checkboxThemeStyle?.defaultFill;\n this._defaultStroke = style?.checkboxStyle?.defaultStroke ?? checkboxThemeStyle?.defaultStroke;\n this._disableFill = style?.checkboxStyle?.disableFill ?? checkboxThemeStyle?.disableFill;\n this._checkedFill = style?.checkboxStyle?.checkedFill ?? checkboxThemeStyle?.checkedFill;\n this._checkedStroke = style?.checkboxStyle?.checkedStroke ?? checkboxThemeStyle?.checkedStroke;\n this._disableCheckedFill = style?.checkboxStyle?.disableCheckedFill ?? checkboxThemeStyle?.disableCheckedFill;\n this._disableCheckedStroke = style?.checkboxStyle?.disableCheckedStroke ?? checkboxThemeStyle?.disableCheckedStroke;\n\n this._spaceBetweenTextAndIcon =\n style?.checkboxStyle?.spaceBetweenTextAndIcon ?? checkboxThemeStyle?.spaceBetweenTextAndIcon;\n this._indeterminateIconImage =\n style?.checkboxStyle?.indeterminateIconImage ?? checkboxThemeStyle?.indeterminateIconImage;\n }\n get size(): number {\n return this._size;\n }\n set size(size: number) {\n this._size = size;\n }\n get spaceBetweenTextAndIcon(): number {\n return this._spaceBetweenTextAndIcon;\n }\n set spaceBetweenTextAndIcon(spaceBetweenTextAndIcon: number) {\n this._spaceBetweenTextAndIcon = spaceBetweenTextAndIcon;\n }\n get defaultFill(): string {\n return this._defaultFill;\n }\n set defaultFill(defaultFill: string) {\n this._defaultFill = defaultFill;\n }\n get defaultStroke(): string {\n return this._defaultStroke;\n }\n set defaultStroke(defaultStroke: string) {\n this._defaultStroke = defaultStroke;\n }\n get disableFill(): string {\n return this._disableFill;\n }\n set disableFill(disableFill: string) {\n this._disableFill = disableFill;\n }\n get checkedFill(): string {\n return this._checkedFill;\n }\n set checkedFill(checkedFill: string) {\n this._checkedFill = checkedFill;\n }\n get checkedStroke(): string {\n return this._checkedStroke;\n }\n set checkedStroke(checkedStroke: string) {\n this._checkedStroke = checkedStroke;\n }\n get disableCheckedFill(): string {\n return this._disableCheckedFill;\n }\n set disableCheckedFill(disableCheckedFill: string) {\n this._disableCheckedFill = disableCheckedFill;\n }\n get disableCheckedStroke(): string {\n return this._disableCheckedStroke;\n }\n set disableCheckedStroke(disableCheckedStroke: string) {\n this._disableCheckedStroke = disableCheckedStroke;\n }\n get checkIconImage(): string {\n return this._checkIconImage;\n }\n set checkIconImage(checkIconImage: string) {\n this._checkIconImage = checkIconImage;\n }\n get indeterminateIconImage(): string {\n return this._indeterminateIconImage;\n }\n set indeterminateIconImage(indeterminateIconImage: string) {\n this._indeterminateIconImage = indeterminateIconImage;\n }\n getStyle(style: IStyleOption): CheckboxStyle {\n return new CheckboxStyle(style, this);\n }\n clone(): CheckboxStyle {\n return new CheckboxStyle(this);\n }\n}\n"]}
|
|
@@ -3,8 +3,9 @@ import { ImageStyle } from './style/ImageStyle';
|
|
|
3
3
|
import { TextStyle } from './style/MultilineTextStyle';
|
|
4
4
|
import { NumberStyle } from './style/NumberStyle';
|
|
5
5
|
import { Style } from './style/Style';
|
|
6
|
+
import type { TableTheme } from '../themes/theme';
|
|
6
7
|
declare const EVENT_TYPE: {
|
|
7
8
|
CHANGE_STYLE: "change_style";
|
|
8
9
|
};
|
|
9
10
|
export { EVENT_TYPE, Style, NumberStyle, ImageStyle, TextStyle, IStyleOption, IImageStyleOption, ITextStyleOption };
|
|
10
|
-
export declare function of(columnStyle: ColumnStyleOption, bodyStyle: ColumnStyleOption, styleArg: StylePropertyFunctionArg, StyleClassDef: typeof Style, globalAutoWrapText: boolean): FullExtendStyle;
|
|
11
|
+
export declare function of(columnStyle: ColumnStyleOption, bodyStyle: ColumnStyleOption, styleArg: StylePropertyFunctionArg, StyleClassDef: typeof Style, globalAutoWrapText: boolean, theme: TableTheme): FullExtendStyle;
|
package/es/body-helper/style.js
CHANGED
|
@@ -8,13 +8,16 @@ import { NumberStyle } from "./style/NumberStyle";
|
|
|
8
8
|
|
|
9
9
|
import { Style } from "./style/Style";
|
|
10
10
|
|
|
11
|
+
import { CheckboxStyle } from "./style/CheckboxStyle";
|
|
12
|
+
|
|
11
13
|
const {EVENT_TYPE: EVENT_TYPE} = Style;
|
|
12
14
|
|
|
13
15
|
export { EVENT_TYPE, Style, NumberStyle, ImageStyle, TextStyle };
|
|
14
16
|
|
|
15
|
-
export function of(columnStyle, bodyStyle, styleArg, StyleClassDef = Style, globalAutoWrapText) {
|
|
16
|
-
|
|
17
|
+
export function of(columnStyle, bodyStyle, styleArg, StyleClassDef = Style, globalAutoWrapText, theme) {
|
|
18
|
+
var _a;
|
|
19
|
+
return columnStyle || bodyStyle ? columnStyle instanceof Style ? columnStyle : "function" == typeof columnStyle ? of(columnStyle(styleArg), bodyStyle, styleArg, StyleClassDef, globalAutoWrapText, theme) : (columnStyle || (columnStyle = {}),
|
|
17
20
|
globalAutoWrapText && !isValid(columnStyle.autoWrapText) && (columnStyle.autoWrapText = !0),
|
|
18
|
-
new StyleClassDef(null != columnStyle ? columnStyle : {}, null != bodyStyle ? bodyStyle : {})) : StyleClassDef.DEFAULT;
|
|
21
|
+
StyleClassDef === CheckboxStyle ? new CheckboxStyle(null != columnStyle ? columnStyle : {}, null != bodyStyle ? bodyStyle : {}, null !== (_a = theme.checkboxStyle) && void 0 !== _a ? _a : {}) : new StyleClassDef(null != columnStyle ? columnStyle : {}, null != bodyStyle ? bodyStyle : {})) : StyleClassDef.DEFAULT;
|
|
19
22
|
}
|
|
20
23
|
//# sourceMappingURL=style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/body-helper/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAW3C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;AAC7B,OAAO,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,UAAU,EACV,SAAS,EAKV,CAAC;AACF,MAAM,UAAU,EAAE,CAChB,WAA8B,EAC9B,SAA4B,EAC5B,QAAkC,EAClC,gBAA8B,KAAK,EACnC,kBAA2B
|
|
1
|
+
{"version":3,"sources":["../src/body-helper/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAW3C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;AAC7B,OAAO,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,UAAU,EACV,SAAS,EAKV,CAAC;AACF,MAAM,UAAU,EAAE,CAChB,WAA8B,EAC9B,SAA4B,EAC5B,QAAkC,EAClC,gBAA8B,KAAK,EACnC,kBAA2B,EAC3B,KAAiB;;IAEjB,IAAI,WAAW,IAAI,SAAS,EAAE;QAC5B,IAAI,WAAW,YAAY,KAAK,EAAE;YAChC,OAAO,WAAW,CAAC;SACpB;aAAM,IAAI,OAAO,WAAW,KAAK,UAAU,EAAE;YAC5C,OAAO,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAC;SACjG;QACD,IAAI,CAAC,WAAW,EAAE;YAChB,WAAW,GAAG,EAAE,CAAC;SAClB;QACD,IAAI,kBAAkB,IAAI,CAAC,OAAO,CAAE,WAAmB,CAAC,YAAY,CAAC,EAAE;YACpE,WAAmB,CAAC,YAAY,GAAG,IAAI,CAAC;SAC1C;QACD,IAAI,aAAa,KAAK,aAAa,EAAE;YACnC,OAAO,IAAI,aAAa,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAAE,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAQ,EAAE,CAAC,MAAA,KAAK,CAAC,aAAa,mCAAI,EAAE,CAAQ,CAAC,CAAC;SAC3G;QACD,OAAO,IAAI,aAAa,CAAC,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAQ,EAAE,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAQ,CAAC,CAAC;KAChF;IACD,OAAO,aAAa,CAAC,OAAO,CAAC;AAC/B,CAAC","file":"style.js","sourcesContent":["import { isValid } from '@visactor/vutils';\nimport type {\n ColumnStyle,\n ColumnStyleOption,\n FullExtendStyle,\n IImageStyleOption,\n ITextStyleOption,\n IStyleOption,\n StylePropertyFunctionArg\n} from '../ts-types';\n\nimport { ImageStyle } from './style/ImageStyle';\nimport { TextStyle } from './style/MultilineTextStyle';\nimport { NumberStyle } from './style/NumberStyle';\nimport { Style } from './style/Style';\nimport type { TableTheme } from '../themes/theme';\nimport { CheckboxStyle } from './style/CheckboxStyle';\n\nconst { EVENT_TYPE } = Style;\nexport {\n EVENT_TYPE,\n Style,\n NumberStyle,\n ImageStyle,\n TextStyle,\n // types\n IStyleOption,\n IImageStyleOption,\n ITextStyleOption\n};\nexport function of(\n columnStyle: ColumnStyleOption,\n bodyStyle: ColumnStyleOption,\n styleArg: StylePropertyFunctionArg,\n StyleClassDef: typeof Style = Style,\n globalAutoWrapText: boolean,\n theme: TableTheme\n): FullExtendStyle {\n if (columnStyle || bodyStyle) {\n if (columnStyle instanceof Style) {\n return columnStyle;\n } else if (typeof columnStyle === 'function') {\n return of(columnStyle(styleArg), bodyStyle, styleArg, StyleClassDef, globalAutoWrapText, theme);\n }\n if (!columnStyle) {\n columnStyle = {};\n }\n if (globalAutoWrapText && !isValid((columnStyle as any).autoWrapText)) {\n (columnStyle as any).autoWrapText = true;\n }\n if (StyleClassDef === CheckboxStyle) {\n return new CheckboxStyle(columnStyle ?? {}, (bodyStyle ?? {}) as any, (theme.checkboxStyle ?? {}) as any);\n }\n return new StyleClassDef((columnStyle ?? {}) as any, (bodyStyle ?? {}) as any);\n }\n return StyleClassDef.DEFAULT;\n}\n"]}
|
package/es/core/BaseTable.js
CHANGED
|
@@ -76,7 +76,7 @@ export class BaseTable extends EventTarget {
|
|
|
76
76
|
}
|
|
77
77
|
constructor(container, options = {}) {
|
|
78
78
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
79
|
-
if (super(), this.showFrozenIcon = !0, this.version = "0.20.
|
|
79
|
+
if (super(), this.showFrozenIcon = !0, this.version = "0.20.2", this.id = `VTable${Date.now()}`,
|
|
80
80
|
this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200),
|
|
81
81
|
!container && "node" !== options.mode) throw new Error("vtable's container is undefined");
|
|
82
82
|
const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth, widthMode: widthMode = "standard", heightMode: heightMode = "standard", autoFillWidth: autoFillWidth = !1, autoFillHeight: autoFillHeight = !1, keyboardOptions: keyboardOptions, eventOptions: eventOptions, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth} = options;
|
|
@@ -1064,7 +1064,7 @@ export class BaseTable extends EventTarget {
|
|
|
1064
1064
|
value: customMerge.text,
|
|
1065
1065
|
dataValue: this.getCellOriginValue(col, row),
|
|
1066
1066
|
cellHeaderPaths: this.getCellHeaderPaths(col, row)
|
|
1067
|
-
}, styleClass, this.options.autoWrapText);
|
|
1067
|
+
}, styleClass, this.options.autoWrapText, this.theme);
|
|
1068
1068
|
customMerge.style = fullStyle;
|
|
1069
1069
|
}
|
|
1070
1070
|
return customMerge;
|
|
@@ -1193,7 +1193,7 @@ export class BaseTable extends EventTarget {
|
|
|
1193
1193
|
value: this.getCellValue(col, row),
|
|
1194
1194
|
dataValue: this.getCellOriginValue(col, row),
|
|
1195
1195
|
cellHeaderPaths: this.getCellHeaderPaths(col, row)
|
|
1196
|
-
}, styleClass, this.options.autoWrapText); else if (layoutMap.isRightFrozenColumn(col, row) && this.theme.rightFrozenStyle) cacheStyle = headerStyleContents.of(paddingForAxis ? {
|
|
1196
|
+
}, styleClass, this.options.autoWrapText, this.theme); else if (layoutMap.isRightFrozenColumn(col, row) && this.theme.rightFrozenStyle) cacheStyle = headerStyleContents.of(paddingForAxis ? {
|
|
1197
1197
|
padding: paddingForAxis
|
|
1198
1198
|
} : {}, this.theme.rightFrozenStyle, {
|
|
1199
1199
|
col: col,
|
|
@@ -1202,7 +1202,7 @@ export class BaseTable extends EventTarget {
|
|
|
1202
1202
|
value: this.getCellValue(col, row),
|
|
1203
1203
|
dataValue: this.getCellOriginValue(col, row),
|
|
1204
1204
|
cellHeaderPaths: this.getCellHeaderPaths(col, row)
|
|
1205
|
-
}, styleClass, this.options.autoWrapText); else {
|
|
1205
|
+
}, styleClass, this.options.autoWrapText, this.theme); else {
|
|
1206
1206
|
const style = (null == hd ? void 0 : hd.style) || {};
|
|
1207
1207
|
paddingForAxis && (style.padding = paddingForAxis), cacheStyle = headerStyleContents.of(style, layoutMap.isColumnHeader(col, row) || layoutMap.isBottomFrozenRow(col, row) ? this.theme.headerStyle : layoutMap.isRowHeader(col, row) || layoutMap.isRightFrozenColumn(col, row) ? this.theme.rowHeaderStyle : this.theme.cornerHeaderStyle, {
|
|
1208
1208
|
col: col,
|
|
@@ -1211,7 +1211,7 @@ export class BaseTable extends EventTarget {
|
|
|
1211
1211
|
value: this.getCellValue(col, row),
|
|
1212
1212
|
dataValue: this.getCellOriginValue(col, row),
|
|
1213
1213
|
cellHeaderPaths: this.getCellHeaderPaths(col, row)
|
|
1214
|
-
}, styleClass, this.options.autoWrapText);
|
|
1214
|
+
}, styleClass, this.options.autoWrapText, this.theme);
|
|
1215
1215
|
}
|
|
1216
1216
|
return this.headerStyleCache.set(cacheKey, cacheStyle), cacheStyle;
|
|
1217
1217
|
}
|
|
@@ -1229,7 +1229,7 @@ export class BaseTable extends EventTarget {
|
|
|
1229
1229
|
value: this.getCellValue(col, row),
|
|
1230
1230
|
dataValue: this.getCellOriginValue(col, row),
|
|
1231
1231
|
cellHeaderPaths: this.getCellHeaderPaths(col, row)
|
|
1232
|
-
}, styleClass, this.options.autoWrapText), isFunction(style) || (layoutMap.isBottomFrozenRow(row) ? this.bodyBottomStyleCache.set(cacheKey, cacheStyle) : this.bodyStyleCache.set(cacheKey, cacheStyle)),
|
|
1232
|
+
}, styleClass, this.options.autoWrapText, this.theme), isFunction(style) || (layoutMap.isBottomFrozenRow(row) ? this.bodyBottomStyleCache.set(cacheKey, cacheStyle) : this.bodyStyleCache.set(cacheKey, cacheStyle)),
|
|
1233
1233
|
cacheStyle;
|
|
1234
1234
|
}
|
|
1235
1235
|
clearCellStyleCache() {
|