@ai-table/grid 0.1.24 → 0.1.26
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/components/cell-editors/cell-editor.scss +3 -0
- package/constants/table.d.ts +3 -2
- package/constants/table.d.ts.map +1 -1
- package/fesm2022/ai-table-grid.mjs +125 -37
- package/fesm2022/ai-table-grid.mjs.map +1 -1
- package/package.json +1 -1
- package/renderer/components/field-stat/stat.component.d.ts +4 -14
- package/renderer/components/field-stat/stat.component.d.ts.map +1 -1
- package/renderer/components/frozen-field-shadow.component.d.ts +14 -0
- package/renderer/components/frozen-field-shadow.component.d.ts.map +1 -0
- package/renderer/components/index.d.ts +1 -0
- package/renderer/components/index.d.ts.map +1 -1
- package/renderer/creations/create-stats.d.ts.map +1 -1
- package/renderer/drawers/cell-drawer.d.ts.map +1 -1
- package/renderer/renderer.component.d.ts +1 -0
- package/renderer/renderer.component.d.ts.map +1 -1
- package/utils/i18n.d.ts +7 -1
- package/utils/i18n.d.ts.map +1 -1
package/constants/table.d.ts
CHANGED
@@ -64,11 +64,12 @@ export declare const AI_TABLE_FIELD_ITEM_MARGIN_RIGHT = 8;
|
|
64
64
|
export declare const AI_TABLE_OPTION_ITEM_PADDING = 10;
|
65
65
|
export declare const AI_TABLE_OPTION_ITEM_HEIGHT = 24;
|
66
66
|
export declare const AI_TABLE_OPTION_ITEM_FONT_SIZE = 14;
|
67
|
+
export declare const AI_TABLE_OPTION_MULTI_ITEM_FONT_SIZE = 12;
|
67
68
|
export declare const AI_TABLE_OPTION_ITEM_RADIUS = 18;
|
68
69
|
export declare const AI_TABLE_TAG_PADDING = 12;
|
69
70
|
export declare const AI_TABLE_TAG_FONT_SIZE = 12;
|
70
71
|
export declare const AI_TABLE_PIECE_WIDTH = 10;
|
71
|
-
export declare const AI_TABLE_PIECE_RADIUS =
|
72
|
+
export declare const AI_TABLE_PIECE_RADIUS = 4;
|
72
73
|
export declare const AI_TABLE_COMMON_FONT_SIZE = 14;
|
73
74
|
export declare const AI_TABLE_DOT_RADIUS = 5;
|
74
75
|
export declare const AI_TABLE_PROGRESS_BAR_HEIGHT = 10;
|
@@ -83,7 +84,7 @@ export declare const AI_TABLE_AUTO_SCROLL_LEFT_THRESHOLD = 40;
|
|
83
84
|
export declare const AI_TABLE_AUTO_SCROLL_RIGHT_THRESHOLD = 40;
|
84
85
|
export declare const AI_TABLE_AUTO_SCROLL_TOP_THRESHOLD: number;
|
85
86
|
export declare const AI_TABLE_AUTO_SCROLL_BOTTOM_THRESHOLD: number;
|
86
|
-
export declare const
|
87
|
+
export declare const AI_TABLE_FIELD_STAT_INNER_HEIGHT = 47;
|
87
88
|
export declare const AI_TABLE_TEXT_LINE_HEIGHT = 1.84;
|
88
89
|
export declare const AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT: number;
|
89
90
|
//# sourceMappingURL=table.d.ts.map
|
package/constants/table.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../packages/grid/src/constants/table.ts"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../packages/grid/src/constants/table.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,eAAO,MAAM,6BAA6B,IAAI,CAAC;AAC/C,eAAO,MAAM,oCAAoC,IAAI,CAAC;AACtD,eAAO,MAAM,6BAA6B,MAAM,CAAC;AACjD,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAC7C,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAC/C,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,2CAA2C,QAAyD,CAAC;AAClH,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,uBAAuB,4BAA4B,CAAC;AACjE,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAE/C,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AACzD,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,iCAAiC,IAAI,CAAC;AACnD,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAC3E,eAAO,MAAM,6BAA6B,kCAAkC,CAAC;AAC7E,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AACvD,eAAO,MAAM,kCAAkC,KAAK,CAAC;AACrD,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAC3E,eAAO,MAAM,mCAAmC,wCAAwC,CAAC;AACzF,eAAO,MAAM,yBAAyB,8BAA8B,CAAC;AACrE,eAAO,MAAM,+BAA+B,MAAM,CAAC;AACnD,eAAO,MAAM,iCAAiC,IAAI,CAAC;AACnD,eAAO,MAAM,wBAAwB,6BAA6B,CAAC;AACnE,eAAO,MAAM,gCAAgC,qCAAqC,CAAC;AACnF,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAC/D,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAE3D,eAAO,MAAM,sCAAsC,sCAAsC,CAAC;AAE1F,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAE7C,eAAO,MAAM,qBAAqB,KAAK,CAAC;AACxC,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,+BAA+B,KAAK,CAAC;AAClD,eAAO,MAAM,mCAAmC,IAAI,CAAC;AACrD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAElD,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAChD,eAAO,MAAM,oCAAoC,IAAI,CAAC;AACtD,eAAO,MAAM,qCAAqC,IAAI,CAAC;AACvD,eAAO,MAAM,4CAA4C,KAAK,CAAC;AAC/D,eAAO,MAAM,kCAAkC,KAAK,CAAC;AACrD,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAC7C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAC7C,eAAO,MAAM,+BAA+B,MAAM,CAAC;AACnD,eAAO,MAAM,gCAAgC,KAAK,CAAC;AACnD,eAAO,MAAM,iCAAiC,IAAI,CAAC;AACnD,eAAO,MAAM,kCAAkC,KAAK,CAAC;AAErD,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,eAAO,MAAM,kCAAkC,IAAI,CAAC;AACpD,eAAO,MAAM,wCAAwC,IAAI,CAAC;AAE1D,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,+BAA+B,IAAI,CAAC;AACjD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAElD,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAC/C,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,oCAAoC,KAAK,CAAC;AACvD,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,qBAAqB,IAAI,CAAC;AACvC,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAC/C,eAAO,MAAM,4BAA4B,IAAI,CAAC;AAC9C,eAAO,MAAM,oCAAoC,KAAK,CAAC;AACvD,eAAO,MAAM,mCAAmC,IAAI,CAAC;AACrD,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAC/C,eAAO,MAAM,4BAA4B,IAAI,CAAC;AAE9C,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,mCAAmC,KAAK,CAAC;AACtD,eAAO,MAAM,oCAAoC,KAAK,CAAC;AACvD,eAAO,MAAM,kCAAkC,QAAiC,CAAC;AACjF,eAAO,MAAM,qCAAqC,QAAiC,CAAC;AAEpF,eAAO,MAAM,gCAAgC,KAAK,CAAC;AACnD,eAAO,MAAM,yBAAyB,OAAO,CAAC;AAC9C,eAAO,MAAM,oCAAoC,QAAyD,CAAC"}
|
@@ -542,6 +542,9 @@ var AITableGridI18nKey;
|
|
542
542
|
AITableGridI18nKey["dateRangeOfDaysResult"] = "dateRangeOfDaysResult";
|
543
543
|
AITableGridI18nKey["dateRangeOfMonths"] = "dateRangeOfMonths";
|
544
544
|
AITableGridI18nKey["dateRangeOfMonthsResult"] = "dateRangeOfMonthsResult";
|
545
|
+
AITableGridI18nKey["selectedRecordsCount"] = "selectedRecordsCount";
|
546
|
+
AITableGridI18nKey["selectedCellsCount"] = "selectedCellsCount";
|
547
|
+
AITableGridI18nKey["stat"] = "stat";
|
545
548
|
})(AITableGridI18nKey || (AITableGridI18nKey = {}));
|
546
549
|
const AITableGridI18nText = {
|
547
550
|
[AITableGridI18nKey.dataPickerPlaceholder]: '选择日期',
|
@@ -590,7 +593,10 @@ const AITableGridI18nText = {
|
|
590
593
|
[AITableGridI18nKey.dateRangeOfDays]: '时间范围(日)',
|
591
594
|
[AITableGridI18nKey.dateRangeOfDaysResult]: '时间范围 {{statValue}} 天',
|
592
595
|
[AITableGridI18nKey.dateRangeOfMonths]: '时间范围(月)',
|
593
|
-
[AITableGridI18nKey.dateRangeOfMonthsResult]: '时间范围 {{statValue}} 月'
|
596
|
+
[AITableGridI18nKey.dateRangeOfMonthsResult]: '时间范围 {{statValue}} 月',
|
597
|
+
[AITableGridI18nKey.selectedRecordsCount]: '已经选择 {count} 条记录',
|
598
|
+
[AITableGridI18nKey.selectedCellsCount]: '已经选择 {count} 个单元格',
|
599
|
+
[AITableGridI18nKey.stat]: '统计'
|
594
600
|
};
|
595
601
|
const getDefaultI18nTextByKey = (key) => {
|
596
602
|
return AITableGridI18nText[key] || key;
|
@@ -877,11 +883,12 @@ const AI_TABLE_FIELD_ITEM_MARGIN_RIGHT = 8; // 文件图标之间的间距
|
|
877
883
|
const AI_TABLE_OPTION_ITEM_PADDING = 10; // 选项按钮间距
|
878
884
|
const AI_TABLE_OPTION_ITEM_HEIGHT = 24;
|
879
885
|
const AI_TABLE_OPTION_ITEM_FONT_SIZE = 14;
|
886
|
+
const AI_TABLE_OPTION_MULTI_ITEM_FONT_SIZE = 12;
|
880
887
|
const AI_TABLE_OPTION_ITEM_RADIUS = 18;
|
881
888
|
const AI_TABLE_TAG_PADDING = 12;
|
882
889
|
const AI_TABLE_TAG_FONT_SIZE = 12;
|
883
890
|
const AI_TABLE_PIECE_WIDTH = 10;
|
884
|
-
const AI_TABLE_PIECE_RADIUS =
|
891
|
+
const AI_TABLE_PIECE_RADIUS = 4;
|
885
892
|
const AI_TABLE_COMMON_FONT_SIZE = 14;
|
886
893
|
const AI_TABLE_DOT_RADIUS = 5;
|
887
894
|
const AI_TABLE_PROGRESS_BAR_HEIGHT = 10;
|
@@ -896,9 +903,9 @@ const AI_TABLE_AUTO_SCROLL_LEFT_THRESHOLD = 40;
|
|
896
903
|
const AI_TABLE_AUTO_SCROLL_RIGHT_THRESHOLD = 40;
|
897
904
|
const AI_TABLE_AUTO_SCROLL_TOP_THRESHOLD = AI_TABLE_FIELD_HEAD_HEIGHT / 2;
|
898
905
|
const AI_TABLE_AUTO_SCROLL_BOTTOM_THRESHOLD = AI_TABLE_FIELD_HEAD_HEIGHT / 2;
|
899
|
-
const
|
906
|
+
const AI_TABLE_FIELD_STAT_INNER_HEIGHT = 47; // 字段统计内部高度
|
900
907
|
const AI_TABLE_TEXT_LINE_HEIGHT = 1.84; // 默认文本行高
|
901
|
-
const AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT =
|
908
|
+
const AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT = AI_TABLE_FIELD_STAT_INNER_HEIGHT + AI_TABLE_OFFSET * 2; // 统计容器高度
|
902
909
|
|
903
910
|
const MIN_COLUMN_WIDTH = 80;
|
904
911
|
const DBL_CLICK_EDIT_TYPE = [
|
@@ -1031,7 +1038,7 @@ class Coordinate {
|
|
1031
1038
|
*/
|
1032
1039
|
get totalHeight() {
|
1033
1040
|
const { offset, size } = this.getCellMetaData(this.rowCount - 1, AITableRowColumnType.row);
|
1034
|
-
return offset + size +
|
1041
|
+
return offset + size + AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT;
|
1035
1042
|
}
|
1036
1043
|
/**
|
1037
1044
|
* 根据 rowIndex 获取对应行高
|
@@ -6258,7 +6265,7 @@ class CellDrawer extends Drawer {
|
|
6258
6265
|
let currentX = x + AI_TABLE_CELL_PADDING;
|
6259
6266
|
const maxContainerWidth = columnWidth - 2 * AI_TABLE_CELL_PADDING;
|
6260
6267
|
const optionStyle = field.settings.option_style;
|
6261
|
-
const fontStyle = `${DEFAULT_FONT_WEIGHT} ${
|
6268
|
+
const fontStyle = `${DEFAULT_FONT_WEIGHT} ${AI_TABLE_OPTION_MULTI_ITEM_FONT_SIZE}px ${DEFAULT_FONT_FAMILY}`;
|
6262
6269
|
const isDotOrPiece = optionStyle === AITableSelectOptionStyle.dot || optionStyle === AITableSelectOptionStyle.piece;
|
6263
6270
|
let totalWidth = 0;
|
6264
6271
|
const cellItemInfoMap = new Map();
|
@@ -6352,14 +6359,14 @@ class CellDrawer extends Drawer {
|
|
6352
6359
|
}
|
6353
6360
|
this.text({
|
6354
6361
|
x: bgConfig.x + AI_TABLE_CELL_PADDING + AI_TABLE_CELL_MULTI_DOT_RADIUS * 2 + AI_TABLE_CELL_MULTI_PADDING_LEFT,
|
6355
|
-
y: y + (AI_TABLE_ROW_BLANK_HEIGHT -
|
6362
|
+
y: y + (AI_TABLE_ROW_BLANK_HEIGHT - AI_TABLE_OPTION_MULTI_ITEM_FONT_SIZE) / 2,
|
6356
6363
|
text: this.textEllipsis({
|
6357
6364
|
text: item.text,
|
6358
6365
|
maxWidth: bgWidth - baseWidth,
|
6359
|
-
fontSize:
|
6366
|
+
fontSize: AI_TABLE_OPTION_MULTI_ITEM_FONT_SIZE
|
6360
6367
|
}).text,
|
6361
6368
|
fillStyle: Colors.gray700,
|
6362
|
-
fontSize:
|
6369
|
+
fontSize: AI_TABLE_OPTION_MULTI_ITEM_FONT_SIZE
|
6363
6370
|
});
|
6364
6371
|
}
|
6365
6372
|
else if (optionStyle === AITableSelectOptionStyle.tag) {
|
@@ -8263,6 +8270,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
|
|
8263
8270
|
}]
|
8264
8271
|
}] });
|
8265
8272
|
|
8273
|
+
class AITableFrozenFieldShadow {
|
8274
|
+
constructor() {
|
8275
|
+
this.config = input.required();
|
8276
|
+
this.position = input('table');
|
8277
|
+
this.coordinate = computed(() => {
|
8278
|
+
return this.config().coordinate;
|
8279
|
+
});
|
8280
|
+
this.scrollState = computed(() => {
|
8281
|
+
return this.config().aiTable.context.scrollState();
|
8282
|
+
});
|
8283
|
+
this.frozenAreaWidth = computed(() => {
|
8284
|
+
return this.config().aiTable.context.rowHeadWidth() + this.config().coordinate.frozenColumnWidth;
|
8285
|
+
});
|
8286
|
+
this.frozenShadowConfig = computed(() => {
|
8287
|
+
const { aiTable } = this.config();
|
8288
|
+
const coordinate = this.coordinate();
|
8289
|
+
const rowCount = aiTable.gridData().records.length;
|
8290
|
+
const height = this.position() !== 'fieldStats'
|
8291
|
+
? rowCount * coordinate.rowHeight + AI_TABLE_FIELD_HEAD_HEIGHT
|
8292
|
+
: this.config().height;
|
8293
|
+
return {
|
8294
|
+
visible: this.scrollState().scrollLeft > 0,
|
8295
|
+
x: this.frozenAreaWidth(),
|
8296
|
+
y: 0,
|
8297
|
+
points: [0, 0, 0, height],
|
8298
|
+
stroke: Colors.gray200,
|
8299
|
+
strokeWidth: 1,
|
8300
|
+
shadowColor: Colors.black,
|
8301
|
+
shadowBlur: 6,
|
8302
|
+
shadowOffset: { x: 3.5, y: 0 },
|
8303
|
+
shadowOpacity: 0.25,
|
8304
|
+
shadowForStrokeEnabled: true
|
8305
|
+
};
|
8306
|
+
});
|
8307
|
+
}
|
8308
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableFrozenFieldShadow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
8309
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.10", type: AITableFrozenFieldShadow, isStandalone: true, selector: "ai-table-frozen-field-shadow", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<ko-line [config]="frozenShadowConfig()"></ko-line>`, isInline: true, dependencies: [{ kind: "component", type: KoShape, selector: "ko-shape, ko-circle, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
8310
|
+
}
|
8311
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableFrozenFieldShadow, decorators: [{
|
8312
|
+
type: Component,
|
8313
|
+
args: [{
|
8314
|
+
selector: 'ai-table-frozen-field-shadow',
|
8315
|
+
template: `<ko-line [config]="frozenShadowConfig()"></ko-line>`,
|
8316
|
+
imports: [KoShape],
|
8317
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
8318
|
+
}]
|
8319
|
+
}] });
|
8320
|
+
|
8266
8321
|
class AITableFillHandle {
|
8267
8322
|
constructor() {
|
8268
8323
|
this.config = input.required();
|
@@ -8452,7 +8507,7 @@ const createFieldStats = (config) => {
|
|
8452
8507
|
x,
|
8453
8508
|
y,
|
8454
8509
|
width: columnWidth,
|
8455
|
-
height:
|
8510
|
+
height: AI_TABLE_FIELD_STAT_INNER_HEIGHT,
|
8456
8511
|
field,
|
8457
8512
|
stroke: columnIndex === 0 ? colors.transparent : undefined,
|
8458
8513
|
isHoverStatContainer: isHoverStatContainer,
|
@@ -8494,6 +8549,7 @@ class AITableFieldStat {
|
|
8494
8549
|
this.config = input.required();
|
8495
8550
|
this.hover = output();
|
8496
8551
|
this.isActive = signal(false);
|
8552
|
+
this.isHover = signal(false);
|
8497
8553
|
this.availableTextWidth = computed(() => {
|
8498
8554
|
const { width } = this.config();
|
8499
8555
|
return width - AI_TABLE_ACTION_COMMON_SIZE - AI_TABLE_CELL_PADDING;
|
@@ -8519,8 +8575,9 @@ class AITableFieldStat {
|
|
8519
8575
|
};
|
8520
8576
|
});
|
8521
8577
|
this.bgConfig = computed(() => {
|
8522
|
-
const { field, width, height, coordinate, readonly } = this.config();
|
8523
|
-
|
8578
|
+
const { field, width, height, coordinate, readonly, aiTable } = this.config();
|
8579
|
+
const rowHeadWidth = aiTable.context.rowHeadWidth();
|
8580
|
+
const config = {
|
8524
8581
|
coordinate,
|
8525
8582
|
x: 0,
|
8526
8583
|
y: 0,
|
@@ -8529,13 +8586,29 @@ class AITableFieldStat {
|
|
8529
8586
|
fieldId: field._id,
|
8530
8587
|
mouseStyle: 'pointer'
|
8531
8588
|
}),
|
8532
|
-
width: width,
|
8589
|
+
width: this.isFirstColumn() ? width + AI_TABLE_OFFSET : width,
|
8533
8590
|
height: height,
|
8534
8591
|
fill: Colors.white,
|
8535
8592
|
hoverFill: Colors.gray100,
|
8536
8593
|
opacity: 1,
|
8537
8594
|
listening: !readonly
|
8538
8595
|
};
|
8596
|
+
if (this.renderText()) {
|
8597
|
+
config.borders = [false, true, false, true];
|
8598
|
+
config.stroke = Colors.gray200;
|
8599
|
+
config.strokeWidth = AI_TABLE_CELL_LINE_BORDER;
|
8600
|
+
}
|
8601
|
+
if (this.isFirstColumn()) {
|
8602
|
+
if (rowHeadWidth === 0) {
|
8603
|
+
config.borders = [false, true, false, false];
|
8604
|
+
}
|
8605
|
+
else {
|
8606
|
+
config.borders = [false, true, false, true];
|
8607
|
+
}
|
8608
|
+
config.stroke = Colors.gray200;
|
8609
|
+
config.strokeWidth = AI_TABLE_CELL_LINE_BORDER;
|
8610
|
+
}
|
8611
|
+
return config;
|
8539
8612
|
});
|
8540
8613
|
this.field = computed(() => {
|
8541
8614
|
const { field } = this.config();
|
@@ -8560,7 +8633,9 @@ class AITableFieldStat {
|
|
8560
8633
|
aiTable
|
8561
8634
|
};
|
8562
8635
|
});
|
8563
|
-
this.
|
8636
|
+
this.isActiveOrHover = computed(() => {
|
8637
|
+
return this.isActive() || this.isHover();
|
8638
|
+
});
|
8564
8639
|
this.renderText = computed(() => {
|
8565
8640
|
const field = this.field();
|
8566
8641
|
const records = this.records();
|
@@ -8568,16 +8643,18 @@ class AITableFieldStat {
|
|
8568
8643
|
const selectedInfo = this.selectedInfo();
|
8569
8644
|
if (this.isFirstColumn() && selectedInfo.isSelected) {
|
8570
8645
|
if (selectedInfo.selectedType === 'records') {
|
8571
|
-
|
8646
|
+
const result = getI18nTextByKey(this.aiTable(), AITableGridI18nKey.selectedRecordsCount);
|
8647
|
+
return result.replace('{count}', selectedInfo.selectedCount.toString());
|
8572
8648
|
}
|
8573
8649
|
else {
|
8574
|
-
|
8650
|
+
const result = getI18nTextByKey(this.aiTable(), AITableGridI18nKey.selectedCellsCount);
|
8651
|
+
return result.replace('{count}', selectedInfo.selectedCount.toString());
|
8575
8652
|
}
|
8576
8653
|
}
|
8577
8654
|
else {
|
8578
|
-
|
8579
|
-
if (!result && this.
|
8580
|
-
|
8655
|
+
let result = fieldModel.getStatFormatValue(records, this.options());
|
8656
|
+
if (!result && this.isActiveOrHover()) {
|
8657
|
+
result = getI18nTextByKey(this.aiTable(), AITableGridI18nKey.stat);
|
8581
8658
|
}
|
8582
8659
|
return result;
|
8583
8660
|
}
|
@@ -8647,6 +8724,7 @@ class AITableFieldStat {
|
|
8647
8724
|
});
|
8648
8725
|
}
|
8649
8726
|
onHoverChange(isHover) {
|
8727
|
+
this.isHover.set(isHover);
|
8650
8728
|
this.hover.emit(this.isActive() || isHover);
|
8651
8729
|
}
|
8652
8730
|
clickStat(e) {
|
@@ -8702,12 +8780,12 @@ class AITableFieldStat {
|
|
8702
8780
|
(hover)="onHoverChange($event)"
|
8703
8781
|
></ai-table-background>
|
8704
8782
|
|
8705
|
-
|
8706
|
-
|
8783
|
+
<ko-group>
|
8784
|
+
@if (textConfig()) {
|
8707
8785
|
<ai-table-text [config]="textConfig()!"></ai-table-text>
|
8708
8786
|
<ai-table-icon [config]="iconConfig()"></ai-table-icon>
|
8709
|
-
|
8710
|
-
|
8787
|
+
}
|
8788
|
+
</ko-group>
|
8711
8789
|
</ko-group>
|
8712
8790
|
`, isInline: true, dependencies: [{ kind: "component", type: KoContainer, selector: "ko-layer, ko-fastlayer, ko-group" }, { kind: "component", type: AITableTextComponent, selector: "ai-table-text", inputs: ["config"], outputs: ["koClick", "koMouseMove"] }, { kind: "component", type: AITableIcon, selector: "ai-table-icon", inputs: ["config"] }, { kind: "component", type: AITableBackground, selector: "ai-table-background", inputs: ["config", "isActive", "isHover"], outputs: ["koClick", "hover", "koMouseenter", "koMouseleave", "isHoverChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
8713
8791
|
}
|
@@ -8724,12 +8802,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
|
|
8724
8802
|
(hover)="onHoverChange($event)"
|
8725
8803
|
></ai-table-background>
|
8726
8804
|
|
8727
|
-
|
8728
|
-
|
8805
|
+
<ko-group>
|
8806
|
+
@if (textConfig()) {
|
8729
8807
|
<ai-table-text [config]="textConfig()!"></ai-table-text>
|
8730
8808
|
<ai-table-icon [config]="iconConfig()"></ai-table-icon>
|
8731
|
-
|
8732
|
-
|
8809
|
+
}
|
8810
|
+
</ko-group>
|
8733
8811
|
</ko-group>
|
8734
8812
|
`,
|
8735
8813
|
imports: [KoContainer, AITableTextComponent, AITableIcon, AITableBackground],
|
@@ -8846,7 +8924,7 @@ class AITableRenderer {
|
|
8846
8924
|
this.statGroupConfig = computed(() => {
|
8847
8925
|
return {
|
8848
8926
|
x: 0,
|
8849
|
-
y: this.containerHeight() - AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT
|
8927
|
+
y: this.containerHeight() - AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT,
|
8850
8928
|
width: this.containerWidth(),
|
8851
8929
|
height: AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT
|
8852
8930
|
};
|
@@ -8859,6 +8937,15 @@ class AITableRenderer {
|
|
8859
8937
|
clipHeight: this.gridContainerHeight()
|
8860
8938
|
};
|
8861
8939
|
});
|
8940
|
+
this.statCommonGroupConfig = computed(() => {
|
8941
|
+
return {
|
8942
|
+
x: AI_TABLE_OFFSET,
|
8943
|
+
clipX: this.frozenAreaWidth() + 1,
|
8944
|
+
clipY: 0,
|
8945
|
+
clipWidth: this.cellGroupClipWidth(),
|
8946
|
+
clipHeight: this.gridContainerHeight()
|
8947
|
+
};
|
8948
|
+
});
|
8862
8949
|
this.attachGroupConfig = computed(() => {
|
8863
8950
|
return {
|
8864
8951
|
clipX: this.frozenAreaWidth() - 1,
|
@@ -8941,8 +9028,8 @@ class AITableRenderer {
|
|
8941
9028
|
...this.columnHeadFieldConfig(),
|
8942
9029
|
width: this.cellGroupClipWidth(),
|
8943
9030
|
x: this.frozenAreaWidth(),
|
8944
|
-
y:
|
8945
|
-
height:
|
9031
|
+
y: AI_TABLE_OFFSET,
|
9032
|
+
height: AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT,
|
8946
9033
|
isHoverStatContainer: this.isHoverStatContainer()
|
8947
9034
|
};
|
8948
9035
|
});
|
@@ -8951,7 +9038,7 @@ class AITableRenderer {
|
|
8951
9038
|
x: 0,
|
8952
9039
|
y: 0,
|
8953
9040
|
width: this.containerWidth(),
|
8954
|
-
height:
|
9041
|
+
height: AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT,
|
8955
9042
|
fill: Colors.white,
|
8956
9043
|
stroke: Colors.gray200,
|
8957
9044
|
strokeWidth: AI_TABLE_CELL_LINE_BORDER,
|
@@ -8966,10 +9053,10 @@ class AITableRenderer {
|
|
8966
9053
|
...this.columnHeadFieldConfig(),
|
8967
9054
|
width: this.frozenAreaWidth(),
|
8968
9055
|
x: 0,
|
8969
|
-
y:
|
9056
|
+
y: AI_TABLE_OFFSET,
|
8970
9057
|
columnStartIndex: 0,
|
8971
9058
|
columnStopIndex: this.coordinate().frozenColumnCount - 1,
|
8972
|
-
height:
|
9059
|
+
height: AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT,
|
8973
9060
|
isHoverStatContainer: this.isHoverStatContainer()
|
8974
9061
|
};
|
8975
9062
|
});
|
@@ -9055,7 +9142,7 @@ class AITableRenderer {
|
|
9055
9142
|
this.isHoverStatContainer.set(isHover);
|
9056
9143
|
}
|
9057
9144
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
9058
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AITableRenderer, isStandalone: true, selector: "ai-table-renderer", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { koMousemove: "koMousemove", koMousedown: "koMousedown", koMouseup: "koMouseup", koContextmenu: "koContextmenu", koWheel: "koWheel", koClick: "koClick", koDblclick: "koDblclick", koMouseleave: "koMouseleave" }, ngImport: i0, template: "<ko-stage\n [config]=\"stageConfig()\"\n (koMousemove)=\"stageMousemove($event)\"\n (koMousedown)=\"stageMousedown($event)\"\n (koMouseup)=\"stageMouseup($event)\"\n (koContextmenu)=\"stageContextmenu($event)\"\n (koClick)=\"stageClick($event)\"\n (koDblclick)=\"stageDblclick($event)\"\n (koMouseleave)=\"stageMouseleave($event)\"\n>\n <ko-layer>\n <ko-group [config]=\"gridGroupConfig()\">\n <ko-group [config]=\"offsetYConfig()\">\n <ai-table-frozen-cells [config]=\"cellsConfig()\"></ai-table-frozen-cells>\n <ai-table-other-rows [config]=\"cellsConfig()\"></ai-table-other-rows>\n @if (!hiddenIndexColumn()) {\n <ai-table-hover-row-heads [config]=\"cellsConfig()\"></ai-table-hover-row-heads>\n }\n <ai-table-frozen-placeholder-cells [config]=\"cellsConfig()\"></ai-table-frozen-placeholder-cells>\n </ko-group>\n\n <ko-group>\n <ai-table-frozen-column-heads [config]=\"columnFrozenHeadFieldConfig()\"></ai-table-frozen-column-heads>\n </ko-group>\n
|
9145
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AITableRenderer, isStandalone: true, selector: "ai-table-renderer", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { koMousemove: "koMousemove", koMousedown: "koMousedown", koMouseup: "koMouseup", koContextmenu: "koContextmenu", koWheel: "koWheel", koClick: "koClick", koDblclick: "koDblclick", koMouseleave: "koMouseleave" }, ngImport: i0, template: "<ko-stage\n [config]=\"stageConfig()\"\n (koMousemove)=\"stageMousemove($event)\"\n (koMousedown)=\"stageMousedown($event)\"\n (koMouseup)=\"stageMouseup($event)\"\n (koContextmenu)=\"stageContextmenu($event)\"\n (koClick)=\"stageClick($event)\"\n (koDblclick)=\"stageDblclick($event)\"\n (koMouseleave)=\"stageMouseleave($event)\"\n>\n <ko-layer>\n <ko-group [config]=\"gridGroupConfig()\">\n <ko-group [config]=\"offsetYConfig()\">\n <ai-table-frozen-cells [config]=\"cellsConfig()\"></ai-table-frozen-cells>\n <ai-table-other-rows [config]=\"cellsConfig()\"></ai-table-other-rows>\n @if (!hiddenIndexColumn()) {\n <ai-table-hover-row-heads [config]=\"cellsConfig()\"></ai-table-hover-row-heads>\n }\n <ai-table-frozen-placeholder-cells [config]=\"cellsConfig()\"></ai-table-frozen-placeholder-cells>\n </ko-group>\n\n <ko-group>\n <ai-table-frozen-column-heads [config]=\"columnFrozenHeadFieldConfig()\"></ai-table-frozen-column-heads>\n </ko-group>\n <ko-group [config]=\"commonGroupConfig()\">\n <ko-group [config]=\"offsetConfig()\">\n <ai-table-cells [config]=\"cellsConfig()\"></ai-table-cells>\n <ai-table-placeholder-cells [config]=\"cellsConfig()\"></ai-table-placeholder-cells>\n <ai-table-cover-cell [config]=\"cellsConfig()\"></ai-table-cover-cell>\n </ko-group>\n\n <ko-group [config]=\"offsetXConfig()\">\n <ai-table-column-heads [config]=\"columnHeadFieldConfig()\"></ai-table-column-heads>\n <ai-table-add-field [config]=\"columnHeadFieldConfig()\"></ai-table-add-field>\n </ko-group>\n </ko-group>\n\n <ko-group [config]=\"offsetYConfig()\">\n <ai-table-frozen-field-shadow [config]=\"config()\"></ai-table-frozen-field-shadow>\n </ko-group>\n\n <ko-group [config]=\"attachGroupConfig()\">\n <ko-group [config]=\"offsetConfig()\">\n @if (activeCellBorderConfig().activeCellBorder) {\n <ko-rect [config]=\"activeCellBorderConfig().activeCellBorder!\"></ko-rect>\n }\n @if (showExpandCellBorder().expandCellBorder) {\n <ai-table-cover-cell [config]=\"cellsConfig()\" [onlyDisplayBorder]=\"true\"></ai-table-cover-cell>\n }\n @if (!isLastSelectedCellInFrozenColumn()) {\n <ai-table-fill-handle [config]=\"fillHandleConfig()\"></ai-table-fill-handle>\n }\n </ko-group>\n </ko-group>\n <ko-group [config]=\"frozenCoverAttachGroupConfig()\">\n <ko-group [config]=\"offsetYConfig()\">\n <ai-table-cover-cell [config]=\"cellsConfig()\"></ai-table-cover-cell>\n </ko-group>\n </ko-group>\n\n <ko-group [config]=\"frozenAttachGroupConfig()\">\n <ko-group [config]=\"offsetYConfig()\">\n @if (activeCellBorderConfig().frozenActiveCellBorder) {\n <ko-rect [config]=\"activeCellBorderConfig().frozenActiveCellBorder!\"></ko-rect>\n }\n @if (showExpandCellBorder().frozenExpandCellBorder) {\n <ai-table-cover-cell [config]=\"cellsConfig()\" [onlyDisplayBorder]=\"true\"></ai-table-cover-cell>\n }\n @if (isLastSelectedCellInFrozenColumn()) {\n <ai-table-fill-handle [config]=\"fillHandleConfig()\"></ai-table-fill-handle>\n }\n </ko-group>\n </ko-group>\n </ko-group>\n\n <ko-group [config]=\"statGroupConfig()\">\n <ai-table-background [config]=\"columnFieldStatsBgConfig()\"></ai-table-background>\n <ko-group>\n <ai-table-column-stats\n [config]=\"columnFrozenFieldStatsConfig()\"\n (hover)=\"onStatContainerHover($event)\"\n ></ai-table-column-stats>\n </ko-group>\n <ko-group [config]=\"statCommonGroupConfig()\">\n <ko-group [config]=\"offsetXConfig()\">\n <ai-table-column-stats\n [config]=\"columnFieldStatsConfig()\"\n (hover)=\"onStatContainerHover($event)\"\n ></ai-table-column-stats>\n </ko-group>\n </ko-group>\n <ko-group>\n <ai-table-frozen-field-shadow [config]=\"columnFieldStatsConfig()\" position=\"fieldStats\"></ai-table-frozen-field-shadow>\n </ko-group>\n </ko-group>\n </ko-layer>\n</ko-stage>\n\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: KoContainer, selector: "ko-layer, ko-fastlayer, ko-group" }, { kind: "component", type: KoStage, selector: "ko-stage", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }, { kind: "component", type: KoShape, selector: "ko-shape, ko-circle, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }, { kind: "component", type: AITableColumnHeads, selector: "ai-table-column-heads", inputs: ["config"] }, { kind: "component", type: AITableFrozenColumnHeads, selector: "ai-table-frozen-column-heads", inputs: ["config"] }, { kind: "component", type: AITableCells, selector: "ai-table-cells", inputs: ["config"] }, { kind: "component", type: AITableFrozenCells, selector: "ai-table-frozen-cells", inputs: ["config"] }, { kind: "component", type: AITableFrozenPlaceholderCells, selector: "ai-table-frozen-placeholder-cells", inputs: ["config"] }, { kind: "component", type: AITableCoverCells, selector: "ai-table-cover-cell", inputs: ["config", "onlyDisplayBorder"] }, { kind: "component", type: AITablePlaceholderCells, selector: "ai-table-placeholder-cells", inputs: ["config"] }, { kind: "component", type: AITableAddField, selector: "ai-table-add-field", inputs: ["config"] }, { kind: "component", type: AITableHoverRowHeads, selector: "ai-table-hover-row-heads", inputs: ["config"] }, { kind: "component", type: AITableOtherRows, selector: "ai-table-other-rows", inputs: ["config"] }, { kind: "component", type: AITableFillHandle, selector: "ai-table-fill-handle", inputs: ["config"] }, { kind: "component", type: AITableFieldStats, selector: "ai-table-column-stats", inputs: ["config"], outputs: ["hover"] }, { kind: "component", type: AITableBackground, selector: "ai-table-background", inputs: ["config", "isActive", "isHover"], outputs: ["koClick", "hover", "koMouseenter", "koMouseleave", "isHoverChange"] }, { kind: "component", type: AITableFrozenFieldShadow, selector: "ai-table-frozen-field-shadow", inputs: ["config", "position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
9059
9146
|
}
|
9060
9147
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableRenderer, decorators: [{
|
9061
9148
|
type: Component,
|
@@ -9075,8 +9162,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
|
|
9075
9162
|
AITableOtherRows,
|
9076
9163
|
AITableFillHandle,
|
9077
9164
|
AITableFieldStats,
|
9078
|
-
AITableBackground
|
9079
|
-
|
9165
|
+
AITableBackground,
|
9166
|
+
AITableFrozenFieldShadow
|
9167
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ko-stage\n [config]=\"stageConfig()\"\n (koMousemove)=\"stageMousemove($event)\"\n (koMousedown)=\"stageMousedown($event)\"\n (koMouseup)=\"stageMouseup($event)\"\n (koContextmenu)=\"stageContextmenu($event)\"\n (koClick)=\"stageClick($event)\"\n (koDblclick)=\"stageDblclick($event)\"\n (koMouseleave)=\"stageMouseleave($event)\"\n>\n <ko-layer>\n <ko-group [config]=\"gridGroupConfig()\">\n <ko-group [config]=\"offsetYConfig()\">\n <ai-table-frozen-cells [config]=\"cellsConfig()\"></ai-table-frozen-cells>\n <ai-table-other-rows [config]=\"cellsConfig()\"></ai-table-other-rows>\n @if (!hiddenIndexColumn()) {\n <ai-table-hover-row-heads [config]=\"cellsConfig()\"></ai-table-hover-row-heads>\n }\n <ai-table-frozen-placeholder-cells [config]=\"cellsConfig()\"></ai-table-frozen-placeholder-cells>\n </ko-group>\n\n <ko-group>\n <ai-table-frozen-column-heads [config]=\"columnFrozenHeadFieldConfig()\"></ai-table-frozen-column-heads>\n </ko-group>\n <ko-group [config]=\"commonGroupConfig()\">\n <ko-group [config]=\"offsetConfig()\">\n <ai-table-cells [config]=\"cellsConfig()\"></ai-table-cells>\n <ai-table-placeholder-cells [config]=\"cellsConfig()\"></ai-table-placeholder-cells>\n <ai-table-cover-cell [config]=\"cellsConfig()\"></ai-table-cover-cell>\n </ko-group>\n\n <ko-group [config]=\"offsetXConfig()\">\n <ai-table-column-heads [config]=\"columnHeadFieldConfig()\"></ai-table-column-heads>\n <ai-table-add-field [config]=\"columnHeadFieldConfig()\"></ai-table-add-field>\n </ko-group>\n </ko-group>\n\n <ko-group [config]=\"offsetYConfig()\">\n <ai-table-frozen-field-shadow [config]=\"config()\"></ai-table-frozen-field-shadow>\n </ko-group>\n\n <ko-group [config]=\"attachGroupConfig()\">\n <ko-group [config]=\"offsetConfig()\">\n @if (activeCellBorderConfig().activeCellBorder) {\n <ko-rect [config]=\"activeCellBorderConfig().activeCellBorder!\"></ko-rect>\n }\n @if (showExpandCellBorder().expandCellBorder) {\n <ai-table-cover-cell [config]=\"cellsConfig()\" [onlyDisplayBorder]=\"true\"></ai-table-cover-cell>\n }\n @if (!isLastSelectedCellInFrozenColumn()) {\n <ai-table-fill-handle [config]=\"fillHandleConfig()\"></ai-table-fill-handle>\n }\n </ko-group>\n </ko-group>\n <ko-group [config]=\"frozenCoverAttachGroupConfig()\">\n <ko-group [config]=\"offsetYConfig()\">\n <ai-table-cover-cell [config]=\"cellsConfig()\"></ai-table-cover-cell>\n </ko-group>\n </ko-group>\n\n <ko-group [config]=\"frozenAttachGroupConfig()\">\n <ko-group [config]=\"offsetYConfig()\">\n @if (activeCellBorderConfig().frozenActiveCellBorder) {\n <ko-rect [config]=\"activeCellBorderConfig().frozenActiveCellBorder!\"></ko-rect>\n }\n @if (showExpandCellBorder().frozenExpandCellBorder) {\n <ai-table-cover-cell [config]=\"cellsConfig()\" [onlyDisplayBorder]=\"true\"></ai-table-cover-cell>\n }\n @if (isLastSelectedCellInFrozenColumn()) {\n <ai-table-fill-handle [config]=\"fillHandleConfig()\"></ai-table-fill-handle>\n }\n </ko-group>\n </ko-group>\n </ko-group>\n\n <ko-group [config]=\"statGroupConfig()\">\n <ai-table-background [config]=\"columnFieldStatsBgConfig()\"></ai-table-background>\n <ko-group>\n <ai-table-column-stats\n [config]=\"columnFrozenFieldStatsConfig()\"\n (hover)=\"onStatContainerHover($event)\"\n ></ai-table-column-stats>\n </ko-group>\n <ko-group [config]=\"statCommonGroupConfig()\">\n <ko-group [config]=\"offsetXConfig()\">\n <ai-table-column-stats\n [config]=\"columnFieldStatsConfig()\"\n (hover)=\"onStatContainerHover($event)\"\n ></ai-table-column-stats>\n </ko-group>\n </ko-group>\n <ko-group>\n <ai-table-frozen-field-shadow [config]=\"columnFieldStatsConfig()\" position=\"fieldStats\"></ai-table-frozen-field-shadow>\n </ko-group>\n </ko-group>\n </ko-layer>\n</ko-stage>\n\n<ng-content></ng-content>\n" }]
|
9080
9168
|
}] });
|
9081
9169
|
|
9082
9170
|
class AITableCellRate extends CoverCellComponent {
|
@@ -12067,5 +12155,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
|
|
12067
12155
|
* Generated bundle index. Do not edit.
|
12068
12156
|
*/
|
12069
12157
|
|
12070
|
-
export { AITable, AITableActionIcon, AITableAddField, AITableAreaType, AITableAvatarSize, AITableAvatarType, AITableBackground, AITableCellAttachment, AITableCellLink, AITableCellProgress, AITableCellRate, AITableCellRichText, AITableCells, AITableCheckType, AITableColumnHeads, AITableContextMenu, AITableDomGrid, AITableFieldHead, AITableFieldIcon, AITableFieldIsSameOptionPipe, AITableFieldSetting, AITableFrozenCells, AITableFrozenColumnHeads, AITableFrozenPlaceholderCells, AITableGrid, AITableGridEventService, AITableGridFieldService, AITableGridI18nKey, AITableGridI18nText, AITableGridSelectionService, AITableHoverRowHeads, AITableIcon, AITableMemberType, AITableMouseDownType, AITableOtherRows, AITablePlaceholderCells, AITableQueries, AITableRenderer, AITableRowType, AITableSelectAllState, AITableTextComponent, AI_TABLE_ACTION_COMMON_RADIUS, AI_TABLE_ACTION_COMMON_RIGHT_PADDING, AI_TABLE_ACTION_COMMON_SIZE, AI_TABLE_AUTO_SCROLL_BOTTOM_THRESHOLD, AI_TABLE_AUTO_SCROLL_LEFT_THRESHOLD, AI_TABLE_AUTO_SCROLL_RIGHT_THRESHOLD, AI_TABLE_AUTO_SCROLL_TOP_THRESHOLD, AI_TABLE_BLANK, AI_TABLE_CELL, AI_TABLE_CELL_ACTIVE_BORDER_WIDTH, AI_TABLE_CELL_ADD_ITEM_BUTTON_SIZE, AI_TABLE_CELL_ATTACHMENT_ADD, AI_TABLE_CELL_ATTACHMENT_FILE, AI_TABLE_CELL_BORDER, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE_OFFSET, AI_TABLE_CELL_EDIT, AI_TABLE_CELL_EMOJI_PADDING, AI_TABLE_CELL_EMOJI_SIZE, AI_TABLE_CELL_FIELD_ITEM_HEIGHT, AI_TABLE_CELL_LINE_BORDER, AI_TABLE_CELL_MAX_ROW_COUNT, AI_TABLE_CELL_MEMBER_ITEM_HEIGHT, AI_TABLE_CELL_MEMBER_ITEM_PADDING, AI_TABLE_CELL_MEMBER_MAX_HEIGHT, AI_TABLE_CELL_MULTI_DOT_RADIUS, AI_TABLE_CELL_MULTI_ITEM_MARGIN_LEFT, AI_TABLE_CELL_MULTI_ITEM_MARGIN_TOP, AI_TABLE_CELL_MULTI_ITEM_MIN_WIDTH, AI_TABLE_CELL_MULTI_PADDING_LEFT, AI_TABLE_CELL_MULTI_PADDING_TOP, AI_TABLE_CELL_PADDING, AI_TABLE_COMMON_FONT_SIZE, AI_TABLE_DEFAULT_COLUMN_WIDTH, AI_TABLE_DOT_RADIUS, AI_TABLE_FIELD_ADD_BUTTON, AI_TABLE_FIELD_ADD_BUTTON_WIDTH, AI_TABLE_FIELD_HEAD, AI_TABLE_FIELD_HEAD_HEIGHT, AI_TABLE_FIELD_HEAD_ICON_GAP_SIZE, AI_TABLE_FIELD_HEAD_MORE, AI_TABLE_FIELD_HEAD_OPACITY_LINE, AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX, AI_TABLE_FIELD_HEAD_TEXT_MIN_WIDTH, AI_TABLE_FIELD_ITEM_MARGIN_RIGHT, AI_TABLE_FIELD_MAX_WIDTH, AI_TABLE_FIELD_MIDDLE_WIDTH, AI_TABLE_FIELD_MINI_WIDTH, AI_TABLE_FIELD_MIN_WIDTH, AI_TABLE_FIELD_STAT_BG, AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT,
|
12158
|
+
export { AITable, AITableActionIcon, AITableAddField, AITableAreaType, AITableAvatarSize, AITableAvatarType, AITableBackground, AITableCellAttachment, AITableCellLink, AITableCellProgress, AITableCellRate, AITableCellRichText, AITableCells, AITableCheckType, AITableColumnHeads, AITableContextMenu, AITableDomGrid, AITableFieldHead, AITableFieldIcon, AITableFieldIsSameOptionPipe, AITableFieldSetting, AITableFrozenCells, AITableFrozenColumnHeads, AITableFrozenFieldShadow, AITableFrozenPlaceholderCells, AITableGrid, AITableGridEventService, AITableGridFieldService, AITableGridI18nKey, AITableGridI18nText, AITableGridSelectionService, AITableHoverRowHeads, AITableIcon, AITableMemberType, AITableMouseDownType, AITableOtherRows, AITablePlaceholderCells, AITableQueries, AITableRenderer, AITableRowType, AITableSelectAllState, AITableTextComponent, AI_TABLE_ACTION_COMMON_RADIUS, AI_TABLE_ACTION_COMMON_RIGHT_PADDING, AI_TABLE_ACTION_COMMON_SIZE, AI_TABLE_AUTO_SCROLL_BOTTOM_THRESHOLD, AI_TABLE_AUTO_SCROLL_LEFT_THRESHOLD, AI_TABLE_AUTO_SCROLL_RIGHT_THRESHOLD, AI_TABLE_AUTO_SCROLL_TOP_THRESHOLD, AI_TABLE_BLANK, AI_TABLE_CELL, AI_TABLE_CELL_ACTIVE_BORDER_WIDTH, AI_TABLE_CELL_ADD_ITEM_BUTTON_SIZE, AI_TABLE_CELL_ATTACHMENT_ADD, AI_TABLE_CELL_ATTACHMENT_FILE, AI_TABLE_CELL_BORDER, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE_OFFSET, AI_TABLE_CELL_EDIT, AI_TABLE_CELL_EMOJI_PADDING, AI_TABLE_CELL_EMOJI_SIZE, AI_TABLE_CELL_FIELD_ITEM_HEIGHT, AI_TABLE_CELL_LINE_BORDER, AI_TABLE_CELL_MAX_ROW_COUNT, AI_TABLE_CELL_MEMBER_ITEM_HEIGHT, AI_TABLE_CELL_MEMBER_ITEM_PADDING, AI_TABLE_CELL_MEMBER_MAX_HEIGHT, AI_TABLE_CELL_MULTI_DOT_RADIUS, AI_TABLE_CELL_MULTI_ITEM_MARGIN_LEFT, AI_TABLE_CELL_MULTI_ITEM_MARGIN_TOP, AI_TABLE_CELL_MULTI_ITEM_MIN_WIDTH, AI_TABLE_CELL_MULTI_PADDING_LEFT, AI_TABLE_CELL_MULTI_PADDING_TOP, AI_TABLE_CELL_PADDING, AI_TABLE_COMMON_FONT_SIZE, AI_TABLE_DEFAULT_COLUMN_WIDTH, AI_TABLE_DOT_RADIUS, AI_TABLE_FIELD_ADD_BUTTON, AI_TABLE_FIELD_ADD_BUTTON_WIDTH, AI_TABLE_FIELD_HEAD, AI_TABLE_FIELD_HEAD_HEIGHT, AI_TABLE_FIELD_HEAD_ICON_GAP_SIZE, AI_TABLE_FIELD_HEAD_MORE, AI_TABLE_FIELD_HEAD_OPACITY_LINE, AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX, AI_TABLE_FIELD_HEAD_TEXT_MIN_WIDTH, AI_TABLE_FIELD_ITEM_MARGIN_RIGHT, AI_TABLE_FIELD_MAX_WIDTH, AI_TABLE_FIELD_MIDDLE_WIDTH, AI_TABLE_FIELD_MINI_WIDTH, AI_TABLE_FIELD_MIN_WIDTH, AI_TABLE_FIELD_STAT_BG, AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT, AI_TABLE_FIELD_STAT_INNER_HEIGHT, AI_TABLE_FILE_ICON_ITEM_HEIGHT, AI_TABLE_FILE_ICON_SIZE, AI_TABLE_FILL_HANDLE, AI_TABLE_GRID_FIELD_SERVICE_MAP, AI_TABLE_ICON_COMMON_SIZE, AI_TABLE_INDEX_FIELD_TEXT, AI_TABLE_MEMBER_AVATAR_SIZE, AI_TABLE_MEMBER_ITEM_AVATAR_MARGIN_RIGHT, AI_TABLE_MEMBER_ITEM_PADDING_RIGHT, AI_TABLE_MIN_TEXT_WIDTH, AI_TABLE_OFFSET, AI_TABLE_OPTION_ITEM_FONT_SIZE, AI_TABLE_OPTION_ITEM_HEIGHT, AI_TABLE_OPTION_ITEM_PADDING, AI_TABLE_OPTION_ITEM_RADIUS, AI_TABLE_OPTION_MULTI_ITEM_FONT_SIZE, AI_TABLE_PIECE_RADIUS, AI_TABLE_PIECE_WIDTH, AI_TABLE_POPOVER_LEFT_OFFSET, AI_TABLE_PREVENT_CLEAR_SELECTION_CLASS, AI_TABLE_PROGRESS_BAR_HEIGHT, AI_TABLE_PROGRESS_BAR_POINTER_HEIGHT, AI_TABLE_PROGRESS_BAR_POINTER_WIDTH, AI_TABLE_PROGRESS_BAR_RADIUS, AI_TABLE_PROGRESS_TEXT_WIDTH, AI_TABLE_RATE_MAX, AI_TABLE_ROW_ADD_BUTTON, AI_TABLE_ROW_BLANK_HEIGHT, AI_TABLE_ROW_DRAG, AI_TABLE_ROW_DRAG_ICON_WIDTH, AI_TABLE_ROW_HEAD, AI_TABLE_ROW_HEAD_SIZE, AI_TABLE_ROW_HEAD_WIDTH, AI_TABLE_ROW_HEAD_WIDTH_AND_DRAG_ICON_WIDTH, AI_TABLE_ROW_HEIGHT, AI_TABLE_ROW_SELECT_CHECKBOX, AI_TABLE_SCROLL_BAR_PADDING, AI_TABLE_SCROLL_BAR_SIZE, AI_TABLE_TAG_FONT_SIZE, AI_TABLE_TAG_PADDING, AI_TABLE_TEXT_GAP, AI_TABLE_TEXT_LINE_HEIGHT, AbstractEditCellEditor, AddOutlinedPath, AngleDownPath, AttachmentField, AttachmentPath, CellDrawer, Check, Colors, ColumnCalendarFilledPath, ColumnLinkOutlinedPath, ColumnMemberFilledPath, ColumnMultipleFillPath, ColumnNumberFilledPath, ColumnProgressFilledPath, ColumnRatingFilledPath, ColumnRichTextFilledPath, ColumnSelectFilledPath, ColumnTextFilledPath, Coordinate, CoverCellComponent, DBL_CLICK_EDIT_TYPE, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_FONT_STYLE, DEFAULT_FONT_WEIGHT, DEFAULT_ICON_SHAPE, DEFAULT_ICON_SIZE, DEFAULT_POINT_POSITION, DEFAULT_SCROLL_STATE, DEFAULT_TEXT_ALIGN_CENTER, DEFAULT_TEXT_ALIGN_LEFT, DEFAULT_TEXT_ALIGN_RIGHT, DEFAULT_TEXT_DECORATION, DEFAULT_TEXT_ELLIPSIS, DEFAULT_TEXT_FILL, DEFAULT_TEXT_LINE_HEIGHT, DEFAULT_TEXT_LISTENING, DEFAULT_TEXT_MAX_CACHE, DEFAULT_TEXT_MAX_HEIGHT, DEFAULT_TEXT_SCALE, DEFAULT_TEXT_TRANSFORMS_ENABLED, DEFAULT_TEXT_VERTICAL_ALIGN_MIDDLE, DEFAULT_TEXT_VERTICAL_ALIGN_TOP, DEFAULT_TEXT_WRAP, DEFAULT_WRAP_TEXT_MAX_ROW, DateCellEditorComponent, DateField, DepartmentOutlinedPath, Drawer, EditPath, FONT_SIZE_SM, FieldModelMap, IconPathMap, IsSelectRecordPipe, KO_CONTAINER_TOKEN, KoComponent, KoContainer, KoShape, KoShapeTypes, KoStage, LinkCellEditorComponent, LinkField, MIN_COLUMN_WIDTH, MemberField, MemberSettingPipe, MoreStandOutlinedPath, NumberCellEditorComponent, NumberField, ProgressField, RateField, RendererContext, RichTextField, RowDragPath, RowHeight, SelectCellEditorComponent, SelectField, SelectOptionComponent, SelectOptionPipe, SelectOptionsPipe, SelectSettingPipe, StarFill, TextCellEditorComponent, TextField, TextMeasure, Unchecked, UserPipe, WebOutlinedPath, aiTableFragmentAttribute, aiTableImageConfigToKonvaConfig, aiTableRectConfigToKonvaConfig, aiTableTextConfigToKonvaConfig, applyNodeProps, buildClipboardData, buildGridData, buildGridLinearRows, castToString, cellDrawer, clearCells, compareNumber, compareOption, compareString, createAITable, createActiveCellBorder, createCells, createDefaultField, createDefaultFieldName, createListener, dragFillHighlightArea, drawer, expandCell, extractLinkUrl, extractText, generateNewName, generateTargetName, getAvatarBgColor, getAvatarShortName, getCellEditorBorderSpace, getCellHorizontalPosition, getColumnIndicesSizeMap, getCoverCell, getDateFieldValues, getDefaultFieldOptions, getDefaultFieldValue, getDefaultI18nTextByKey, getDetailByTargetName, getEditorBoxOffset, getEditorSpace, getFieldOptionByField, getFieldOptionMap, getFieldOptions, getFieldValue, getFileThumbnailSvgString, getFillDirection, getHoverEditorBoxOffset, getHoverEditorSpace, getI18nTextByKey, getMousePosition, getName, getOptionsByFieldAndRecords, getPlaceHolderCellsConfigs, getStartAndEndCell, getSystemFieldValue, getTargetName, getTextWidth, getVisibleRangeInfo, graphemeSplitter, handleMouseStyle, hasIntersect, idCreator, idsCreator, imageCache, isActiveCell, isArrayField, isCellMatchKeywords, isClipboardReadSupported, isClipboardReadTextSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isDateFiled, isEmptyOrNot, isMac, isMeetFilter, isNumberFiled, isSameFieldOption, isSelectedField, isSystemField, isVirtualKey, isWindows, isWindowsOS, isWithinFrozenColumnBoundary, performFill, processPastedValueForSelect, readFromClipboard, scrollMax, setMouseStyle, shortIdCreator, shortIdsCreator, statDateRangeOfDays, statDateRangeOfMonths, statEarliestTime, statLatestTime, stringInclude, textDataCache, toAttachmentFieldValue, toDateFieldValue, toLinkFieldValue, toMemberFieldValue, toNumberFieldValue, toProgressFieldValue, toRateFieldValue, toRichTextFieldValue, toSelectFieldValue, toTextFieldValue, transformToCellText, updatePicture, writeToAITable, writeToClipboard, zhIntlCollator };
|
12071
12159
|
//# sourceMappingURL=ai-table-grid.mjs.map
|