@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
|
}
|
|
@@ -12,10 +12,19 @@ class CheckboxStyle extends Style_1.Style {
|
|
|
12
12
|
static get DEFAULT() {
|
|
13
13
|
return defaultStyle || (defaultStyle = new CheckboxStyle);
|
|
14
14
|
}
|
|
15
|
-
constructor(style = {}, headerStyle = {}) {
|
|
16
|
-
var _a, _b;
|
|
17
|
-
super(style, headerStyle), this._size = (null !== (_a = style.size) && void 0 !== _a ? _a : null == headerStyle ? void 0 : headerStyle.size) || 14,
|
|
18
|
-
this._spaceBetweenTextAndIcon = (null !== (
|
|
15
|
+
constructor(style = {}, headerStyle = {}, checkboxThemeStyle = {}) {
|
|
16
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
|
|
17
|
+
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,
|
|
18
|
+
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,
|
|
19
|
+
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,
|
|
20
|
+
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,
|
|
21
|
+
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,
|
|
22
|
+
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,
|
|
23
|
+
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,
|
|
24
|
+
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,
|
|
25
|
+
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,
|
|
26
|
+
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,
|
|
27
|
+
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;
|
|
19
28
|
}
|
|
20
29
|
get size() {
|
|
21
30
|
return this._size;
|
|
@@ -29,6 +38,63 @@ class CheckboxStyle extends Style_1.Style {
|
|
|
29
38
|
set spaceBetweenTextAndIcon(spaceBetweenTextAndIcon) {
|
|
30
39
|
this._spaceBetweenTextAndIcon = spaceBetweenTextAndIcon;
|
|
31
40
|
}
|
|
41
|
+
get defaultFill() {
|
|
42
|
+
return this._defaultFill;
|
|
43
|
+
}
|
|
44
|
+
set defaultFill(defaultFill) {
|
|
45
|
+
this._defaultFill = defaultFill;
|
|
46
|
+
}
|
|
47
|
+
get defaultStroke() {
|
|
48
|
+
return this._defaultStroke;
|
|
49
|
+
}
|
|
50
|
+
set defaultStroke(defaultStroke) {
|
|
51
|
+
this._defaultStroke = defaultStroke;
|
|
52
|
+
}
|
|
53
|
+
get disableFill() {
|
|
54
|
+
return this._disableFill;
|
|
55
|
+
}
|
|
56
|
+
set disableFill(disableFill) {
|
|
57
|
+
this._disableFill = disableFill;
|
|
58
|
+
}
|
|
59
|
+
get checkedFill() {
|
|
60
|
+
return this._checkedFill;
|
|
61
|
+
}
|
|
62
|
+
set checkedFill(checkedFill) {
|
|
63
|
+
this._checkedFill = checkedFill;
|
|
64
|
+
}
|
|
65
|
+
get checkedStroke() {
|
|
66
|
+
return this._checkedStroke;
|
|
67
|
+
}
|
|
68
|
+
set checkedStroke(checkedStroke) {
|
|
69
|
+
this._checkedStroke = checkedStroke;
|
|
70
|
+
}
|
|
71
|
+
get disableCheckedFill() {
|
|
72
|
+
return this._disableCheckedFill;
|
|
73
|
+
}
|
|
74
|
+
set disableCheckedFill(disableCheckedFill) {
|
|
75
|
+
this._disableCheckedFill = disableCheckedFill;
|
|
76
|
+
}
|
|
77
|
+
get disableCheckedStroke() {
|
|
78
|
+
return this._disableCheckedStroke;
|
|
79
|
+
}
|
|
80
|
+
set disableCheckedStroke(disableCheckedStroke) {
|
|
81
|
+
this._disableCheckedStroke = disableCheckedStroke;
|
|
82
|
+
}
|
|
83
|
+
get checkIconImage() {
|
|
84
|
+
return this._checkIconImage;
|
|
85
|
+
}
|
|
86
|
+
set checkIconImage(checkIconImage) {
|
|
87
|
+
this._checkIconImage = checkIconImage;
|
|
88
|
+
}
|
|
89
|
+
get indeterminateIconImage() {
|
|
90
|
+
return this._indeterminateIconImage;
|
|
91
|
+
}
|
|
92
|
+
set indeterminateIconImage(indeterminateIconImage) {
|
|
93
|
+
this._indeterminateIconImage = indeterminateIconImage;
|
|
94
|
+
}
|
|
95
|
+
getStyle(style) {
|
|
96
|
+
return new CheckboxStyle(style, this);
|
|
97
|
+
}
|
|
32
98
|
clone() {
|
|
33
99
|
return new CheckboxStyle(this);
|
|
34
100
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/body-helper/style/CheckboxStyle.ts"],"names":[],"mappings":";;;AACA,mCAAgC;
|
|
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/cjs/body-helper/style.js
CHANGED
|
@@ -40,12 +40,13 @@ Object.defineProperty(exports, "Style", {
|
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
42
|
|
|
43
|
-
const {EVENT_TYPE: EVENT_TYPE} = Style_1.Style;
|
|
43
|
+
const CheckboxStyle_1 = require("./style/CheckboxStyle"), {EVENT_TYPE: EVENT_TYPE} = Style_1.Style;
|
|
44
44
|
|
|
45
|
-
function of(columnStyle, bodyStyle, styleArg, StyleClassDef = Style_1.Style, globalAutoWrapText) {
|
|
46
|
-
|
|
45
|
+
function of(columnStyle, bodyStyle, styleArg, StyleClassDef = Style_1.Style, globalAutoWrapText, theme) {
|
|
46
|
+
var _a;
|
|
47
|
+
return columnStyle || bodyStyle ? columnStyle instanceof Style_1.Style ? columnStyle : "function" == typeof columnStyle ? of(columnStyle(styleArg), bodyStyle, styleArg, StyleClassDef, globalAutoWrapText, theme) : (columnStyle || (columnStyle = {}),
|
|
47
48
|
globalAutoWrapText && !(0, vutils_1.isValid)(columnStyle.autoWrapText) && (columnStyle.autoWrapText = !0),
|
|
48
|
-
new StyleClassDef(null != columnStyle ? columnStyle : {}, null != bodyStyle ? bodyStyle : {})) : StyleClassDef.DEFAULT;
|
|
49
|
+
StyleClassDef === CheckboxStyle_1.CheckboxStyle ? new CheckboxStyle_1.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;
|
|
49
50
|
}
|
|
50
51
|
|
|
51
52
|
exports.EVENT_TYPE = EVENT_TYPE, exports.of = of;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/body-helper/style.ts"],"names":[],"mappings":";;;AAAA,6CAA2C;AAW3C,mDAAgD;
|
|
1
|
+
{"version":3,"sources":["../src/body-helper/style.ts"],"names":[],"mappings":";;;AAAA,6CAA2C;AAW3C,mDAAgD;AAY9C,2FAZO,uBAAU,OAYP;AAXZ,mEAAuD;AAYrD,0FAZO,8BAAS,OAYP;AAXX,qDAAkD;AAShD,4FATO,yBAAW,OASP;AARb,yCAAsC;AAOpC,sFAPO,aAAK,OAOP;AALP,yDAAsD;AAEtD,MAAM,EAAE,UAAU,EAAE,GAAG,aAAK,CAAC;AAE3B,gCAAU;AAUZ,SAAgB,EAAE,CAChB,WAA8B,EAC9B,SAA4B,EAC5B,QAAkC,EAClC,gBAA8B,aAAK,EACnC,kBAA2B,EAC3B,KAAiB;;IAEjB,IAAI,WAAW,IAAI,SAAS,EAAE;QAC5B,IAAI,WAAW,YAAY,aAAK,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,IAAA,gBAAO,EAAE,WAAmB,CAAC,YAAY,CAAC,EAAE;YACpE,WAAmB,CAAC,YAAY,GAAG,IAAI,CAAC;SAC1C;QACD,IAAI,aAAa,KAAK,6BAAa,EAAE;YACnC,OAAO,IAAI,6BAAa,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;AA1BD,gBA0BC","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/cjs/core/BaseTable.js
CHANGED
|
@@ -45,7 +45,7 @@ class BaseTable extends EventTarget_1.EventTarget {
|
|
|
45
45
|
}
|
|
46
46
|
constructor(container, options = {}) {
|
|
47
47
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
48
|
-
if (super(), this.showFrozenIcon = !0, this.version = "0.20.
|
|
48
|
+
if (super(), this.showFrozenIcon = !0, this.version = "0.20.2", this.id = `VTable${Date.now()}`,
|
|
49
49
|
this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = (0, util_1.throttle2)(this.render.bind(this), 200),
|
|
50
50
|
!container && "node" !== options.mode) throw new Error("vtable's container is undefined");
|
|
51
51
|
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 = pixel_ratio_1.defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth} = options;
|
|
@@ -1038,7 +1038,7 @@ class BaseTable extends EventTarget_1.EventTarget {
|
|
|
1038
1038
|
value: customMerge.text,
|
|
1039
1039
|
dataValue: this.getCellOriginValue(col, row),
|
|
1040
1040
|
cellHeaderPaths: this.getCellHeaderPaths(col, row)
|
|
1041
|
-
}, styleClass, this.options.autoWrapText);
|
|
1041
|
+
}, styleClass, this.options.autoWrapText, this.theme);
|
|
1042
1042
|
customMerge.style = fullStyle;
|
|
1043
1043
|
}
|
|
1044
1044
|
return customMerge;
|
|
@@ -1167,7 +1167,7 @@ class BaseTable extends EventTarget_1.EventTarget {
|
|
|
1167
1167
|
value: this.getCellValue(col, row),
|
|
1168
1168
|
dataValue: this.getCellOriginValue(col, row),
|
|
1169
1169
|
cellHeaderPaths: this.getCellHeaderPaths(col, row)
|
|
1170
|
-
}, styleClass, this.options.autoWrapText); else if (layoutMap.isRightFrozenColumn(col, row) && this.theme.rightFrozenStyle) cacheStyle = headerStyleContents.of(paddingForAxis ? {
|
|
1170
|
+
}, styleClass, this.options.autoWrapText, this.theme); else if (layoutMap.isRightFrozenColumn(col, row) && this.theme.rightFrozenStyle) cacheStyle = headerStyleContents.of(paddingForAxis ? {
|
|
1171
1171
|
padding: paddingForAxis
|
|
1172
1172
|
} : {}, this.theme.rightFrozenStyle, {
|
|
1173
1173
|
col: col,
|
|
@@ -1176,7 +1176,7 @@ class BaseTable extends EventTarget_1.EventTarget {
|
|
|
1176
1176
|
value: this.getCellValue(col, row),
|
|
1177
1177
|
dataValue: this.getCellOriginValue(col, row),
|
|
1178
1178
|
cellHeaderPaths: this.getCellHeaderPaths(col, row)
|
|
1179
|
-
}, styleClass, this.options.autoWrapText); else {
|
|
1179
|
+
}, styleClass, this.options.autoWrapText, this.theme); else {
|
|
1180
1180
|
const style = (null == hd ? void 0 : hd.style) || {};
|
|
1181
1181
|
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, {
|
|
1182
1182
|
col: col,
|
|
@@ -1185,7 +1185,7 @@ class BaseTable extends EventTarget_1.EventTarget {
|
|
|
1185
1185
|
value: this.getCellValue(col, row),
|
|
1186
1186
|
dataValue: this.getCellOriginValue(col, row),
|
|
1187
1187
|
cellHeaderPaths: this.getCellHeaderPaths(col, row)
|
|
1188
|
-
}, styleClass, this.options.autoWrapText);
|
|
1188
|
+
}, styleClass, this.options.autoWrapText, this.theme);
|
|
1189
1189
|
}
|
|
1190
1190
|
return this.headerStyleCache.set(cacheKey, cacheStyle), cacheStyle;
|
|
1191
1191
|
}
|
|
@@ -1203,7 +1203,7 @@ class BaseTable extends EventTarget_1.EventTarget {
|
|
|
1203
1203
|
value: this.getCellValue(col, row),
|
|
1204
1204
|
dataValue: this.getCellOriginValue(col, row),
|
|
1205
1205
|
cellHeaderPaths: this.getCellHeaderPaths(col, row)
|
|
1206
|
-
}, styleClass, this.options.autoWrapText), (0, vutils_1.isFunction)(style) || (layoutMap.isBottomFrozenRow(row) ? this.bodyBottomStyleCache.set(cacheKey, cacheStyle) : this.bodyStyleCache.set(cacheKey, cacheStyle)),
|
|
1206
|
+
}, styleClass, this.options.autoWrapText, this.theme), (0, vutils_1.isFunction)(style) || (layoutMap.isBottomFrozenRow(row) ? this.bodyBottomStyleCache.set(cacheKey, cacheStyle) : this.bodyStyleCache.set(cacheKey, cacheStyle)),
|
|
1207
1207
|
cacheStyle;
|
|
1208
1208
|
}
|
|
1209
1209
|
clearCellStyleCache() {
|