@stonecrop/atable 0.2.66 → 0.3.0
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/dist/assets/index.css +1 -1
- package/dist/atable.d.ts +35 -127
- package/dist/atable.js +1 -1
- package/dist/atable.js.map +1 -1
- package/dist/atable.umd.cjs +2 -2
- package/dist/atable.umd.cjs.map +1 -1
- package/dist/src/stores/table.d.ts +1 -1
- package/dist/src/stores/table.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/ACell.vue +2 -2
- package/src/components/AExpansionRow.vue +1 -1
- package/src/components/ARow.vue +1 -1
- package/src/components/ATable.vue +6 -6
- package/src/components/ATableHeader.vue +2 -2
- package/src/components/ATableModal.vue +1 -1
- package/src/stores/table.ts +1 -1
package/dist/assets/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";.atable-cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1;white-space:nowrap;max-width:40ch}.atable-cell a{color:var(--sc-cell-text-color);text-decoration:none}.atable-cell:focus,.atable-cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:var(--sc-atable-cell-border-width);outline-style:solid;outline-offset:calc(var(--sc-atable-cell-border-width) * -1);outline-color:var(--sc-focus-cell-outline);box-shadow:none;overflow:hidden;text-wrap:nowrap;box-sizing:border-box}.row-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;display:flex;align-items:center;justify-content:center}.expandable-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);display:flex}.expandable-row>td:first-child{border-left:4px solid var(--sc-row-border-color)}.expanded-row{display:flex;border-left:2px solid var(--sc-row-border-color)}.expandable-row:last-child{border-bottom:1px solid var(--sc-row-border-color)}.expanded-row-content{border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.table-row{border-top:1px solid var(--sc-row-border-color);display:flex;background-color:#fff}.table-row>td:first-child{border-left:4px solid var(--sc-row-border-color)}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:.5em;text-align:left;-webkit-user-select:none;user-select:none;width:7ch;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.atable-header-row{display:flex}.atable-header-row th{padding-left:.5ch!important;font-weight:700;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);box-sizing:border-box;color:var(--sc-header-text-color)}#header-index{padding-left:var(--sc-atable-row-padding);box-sizing:border-box}.tree-index{padding-right:0}th{order:1}.list-expansion-index{width:2ch;margin-left:5px}:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-changed-color: #d8edff;--sc-form-border: var(--sc-gray-20);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: .125rem;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.amodal{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index{position:sticky;left:0;z-index:1;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}[data-v-
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";.atable-cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1;white-space:nowrap;max-width:40ch}.atable-cell a{color:var(--sc-cell-text-color);text-decoration:none}.atable-cell:focus,.atable-cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:var(--sc-atable-cell-border-width);outline-style:solid;outline-offset:calc(var(--sc-atable-cell-border-width) * -1);outline-color:var(--sc-focus-cell-outline);box-shadow:none;overflow:hidden;text-wrap:nowrap;box-sizing:border-box}.row-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;display:flex;align-items:center;justify-content:center}.expandable-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);display:flex}.expandable-row>td:first-child{border-left:4px solid var(--sc-row-border-color)}.expanded-row{display:flex;border-left:2px solid var(--sc-row-border-color)}.expandable-row:last-child{border-bottom:1px solid var(--sc-row-border-color)}.expanded-row-content{border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.table-row{border-top:1px solid var(--sc-row-border-color);display:flex;background-color:#fff}.table-row>td:first-child{border-left:4px solid var(--sc-row-border-color)}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:.5em;text-align:left;-webkit-user-select:none;user-select:none;width:7ch;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.atable-header-row{display:flex}.atable-header-row th{padding-left:.5ch!important;font-weight:700;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);box-sizing:border-box;color:var(--sc-header-text-color)}#header-index{padding-left:var(--sc-atable-row-padding);box-sizing:border-box}.tree-index{padding-right:0}th{order:1}.list-expansion-index{width:2ch;margin-left:5px}:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-changed-color: #d8edff;--sc-form-border: var(--sc-gray-20);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: .125rem;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.amodal{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index{position:sticky;left:0;z-index:1;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}[data-v-89c2133f]:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-changed-color: #d8edff;--sc-form-border: var(--sc-gray-20);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: .125rem;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.atable[data-v-89c2133f]{font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse;box-sizing:border-box;table-layout:auto;width:auto}.atable th[data-v-89c2133f]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}.atable th[data-v-89c2133f]:focus{outline:none}
|
package/dist/atable.d.ts
CHANGED
|
@@ -34,16 +34,6 @@ export declare type CellContext = {
|
|
|
34
34
|
};
|
|
35
35
|
};
|
|
36
36
|
|
|
37
|
-
/**
|
|
38
|
-
* Table cell context definition.
|
|
39
|
-
* @public
|
|
40
|
-
*/
|
|
41
|
-
declare type CellContext_2 = {
|
|
42
|
-
row: TableRow_2
|
|
43
|
-
column: TableColumn_2
|
|
44
|
-
table: { [key: string]: any }
|
|
45
|
-
}
|
|
46
|
-
|
|
47
37
|
/**
|
|
48
38
|
* Create a table store
|
|
49
39
|
* @param initData - Initial data for the table store
|
|
@@ -51,15 +41,15 @@ declare type CellContext_2 = {
|
|
|
51
41
|
* @public
|
|
52
42
|
*/
|
|
53
43
|
export declare const createTableStore: (initData: {
|
|
54
|
-
columns:
|
|
55
|
-
rows:
|
|
44
|
+
columns: TableColumn[];
|
|
45
|
+
rows: TableRow[];
|
|
56
46
|
id?: string;
|
|
57
|
-
config?:
|
|
47
|
+
config?: TableConfig;
|
|
58
48
|
table?: {
|
|
59
49
|
[key: string]: any;
|
|
60
50
|
};
|
|
61
|
-
display?:
|
|
62
|
-
modal?:
|
|
51
|
+
display?: TableDisplay[];
|
|
52
|
+
modal?: TableModal;
|
|
63
53
|
}) => Store<`table-${string}`, Pick<{
|
|
64
54
|
columns: Ref< {
|
|
65
55
|
name: string;
|
|
@@ -71,11 +61,11 @@ width?: string;
|
|
|
71
61
|
pinned?: boolean;
|
|
72
62
|
cellComponent?: string;
|
|
73
63
|
cellComponentProps?: Record<string, any>;
|
|
74
|
-
modalComponent?: string | ((context?:
|
|
64
|
+
modalComponent?: string | ((context?: CellContext) => string);
|
|
75
65
|
modalComponentExtraProps?: Record<string, any>;
|
|
76
|
-
format?: string | ((value: any, context?:
|
|
66
|
+
format?: string | ((value: any, context?: CellContext) => string);
|
|
77
67
|
mask?: (value: any) => any;
|
|
78
|
-
}[],
|
|
68
|
+
}[], TableColumn[] | {
|
|
79
69
|
name: string;
|
|
80
70
|
align?: CanvasTextAlign;
|
|
81
71
|
edit?: boolean;
|
|
@@ -85,16 +75,16 @@ width?: string;
|
|
|
85
75
|
pinned?: boolean;
|
|
86
76
|
cellComponent?: string;
|
|
87
77
|
cellComponentProps?: Record<string, any>;
|
|
88
|
-
modalComponent?: string | ((context?:
|
|
78
|
+
modalComponent?: string | ((context?: CellContext) => string);
|
|
89
79
|
modalComponentExtraProps?: Record<string, any>;
|
|
90
|
-
format?: string | ((value: any, context?:
|
|
80
|
+
format?: string | ((value: any, context?: CellContext) => string);
|
|
91
81
|
mask?: (value: any) => any;
|
|
92
82
|
}[]>;
|
|
93
83
|
rows: Ref< {
|
|
94
84
|
[x: string]: any;
|
|
95
85
|
indent?: number;
|
|
96
86
|
parent?: number;
|
|
97
|
-
}[],
|
|
87
|
+
}[], TableRow[] | {
|
|
98
88
|
[x: string]: any;
|
|
99
89
|
indent?: number;
|
|
100
90
|
parent?: number;
|
|
@@ -102,7 +92,7 @@ parent?: number;
|
|
|
102
92
|
config: Ref< {
|
|
103
93
|
view?: "uncounted" | "list" | "list-expansion" | "tree";
|
|
104
94
|
fullWidth?: boolean;
|
|
105
|
-
},
|
|
95
|
+
}, TableConfig | {
|
|
106
96
|
view?: "uncounted" | "list" | "list-expansion" | "tree";
|
|
107
97
|
fullWidth?: boolean;
|
|
108
98
|
}>;
|
|
@@ -116,7 +106,7 @@ isRoot?: boolean;
|
|
|
116
106
|
open?: boolean;
|
|
117
107
|
parent?: number;
|
|
118
108
|
rowModified?: boolean;
|
|
119
|
-
}[],
|
|
109
|
+
}[], TableDisplay[] | {
|
|
120
110
|
childrenOpen?: boolean;
|
|
121
111
|
expanded?: boolean;
|
|
122
112
|
indent?: number;
|
|
@@ -137,7 +127,7 @@ visible?: boolean;
|
|
|
137
127
|
width?: string;
|
|
138
128
|
component?: string;
|
|
139
129
|
componentProps?: Record<string, any>;
|
|
140
|
-
},
|
|
130
|
+
}, TableModal | {
|
|
141
131
|
colIndex?: number;
|
|
142
132
|
event?: string;
|
|
143
133
|
left?: number;
|
|
@@ -156,7 +146,7 @@ closeModal: (event: MouseEvent) => void;
|
|
|
156
146
|
getCellData: <T = any>(colIndex: number, rowIndex: number) => T;
|
|
157
147
|
getCellDisplayValue: (colIndex: number, rowIndex: number) => any;
|
|
158
148
|
getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
|
|
159
|
-
getHeaderCellStyle: (column:
|
|
149
|
+
getHeaderCellStyle: (column: TableColumn) => CSSProperties;
|
|
160
150
|
getIndent: (colIndex: number, indentLevel?: number) => string;
|
|
161
151
|
getRowExpandSymbol: (rowIndex: number) => "" | "-" | "+";
|
|
162
152
|
isRowVisible: (rowIndex: number) => boolean;
|
|
@@ -173,11 +163,11 @@ width?: string;
|
|
|
173
163
|
pinned?: boolean;
|
|
174
164
|
cellComponent?: string;
|
|
175
165
|
cellComponentProps?: Record<string, any>;
|
|
176
|
-
modalComponent?: string | ((context?:
|
|
166
|
+
modalComponent?: string | ((context?: CellContext) => string);
|
|
177
167
|
modalComponentExtraProps?: Record<string, any>;
|
|
178
|
-
format?: string | ((value: any, context?:
|
|
168
|
+
format?: string | ((value: any, context?: CellContext) => string);
|
|
179
169
|
mask?: (value: any) => any;
|
|
180
|
-
}[],
|
|
170
|
+
}[], TableColumn[] | {
|
|
181
171
|
name: string;
|
|
182
172
|
align?: CanvasTextAlign;
|
|
183
173
|
edit?: boolean;
|
|
@@ -187,16 +177,16 @@ width?: string;
|
|
|
187
177
|
pinned?: boolean;
|
|
188
178
|
cellComponent?: string;
|
|
189
179
|
cellComponentProps?: Record<string, any>;
|
|
190
|
-
modalComponent?: string | ((context?:
|
|
180
|
+
modalComponent?: string | ((context?: CellContext) => string);
|
|
191
181
|
modalComponentExtraProps?: Record<string, any>;
|
|
192
|
-
format?: string | ((value: any, context?:
|
|
182
|
+
format?: string | ((value: any, context?: CellContext) => string);
|
|
193
183
|
mask?: (value: any) => any;
|
|
194
184
|
}[]>;
|
|
195
185
|
rows: Ref< {
|
|
196
186
|
[x: string]: any;
|
|
197
187
|
indent?: number;
|
|
198
188
|
parent?: number;
|
|
199
|
-
}[],
|
|
189
|
+
}[], TableRow[] | {
|
|
200
190
|
[x: string]: any;
|
|
201
191
|
indent?: number;
|
|
202
192
|
parent?: number;
|
|
@@ -204,7 +194,7 @@ parent?: number;
|
|
|
204
194
|
config: Ref< {
|
|
205
195
|
view?: "uncounted" | "list" | "list-expansion" | "tree";
|
|
206
196
|
fullWidth?: boolean;
|
|
207
|
-
},
|
|
197
|
+
}, TableConfig | {
|
|
208
198
|
view?: "uncounted" | "list" | "list-expansion" | "tree";
|
|
209
199
|
fullWidth?: boolean;
|
|
210
200
|
}>;
|
|
@@ -218,7 +208,7 @@ isRoot?: boolean;
|
|
|
218
208
|
open?: boolean;
|
|
219
209
|
parent?: number;
|
|
220
210
|
rowModified?: boolean;
|
|
221
|
-
}[],
|
|
211
|
+
}[], TableDisplay[] | {
|
|
222
212
|
childrenOpen?: boolean;
|
|
223
213
|
expanded?: boolean;
|
|
224
214
|
indent?: number;
|
|
@@ -239,7 +229,7 @@ visible?: boolean;
|
|
|
239
229
|
width?: string;
|
|
240
230
|
component?: string;
|
|
241
231
|
componentProps?: Record<string, any>;
|
|
242
|
-
},
|
|
232
|
+
}, TableModal | {
|
|
243
233
|
colIndex?: number;
|
|
244
234
|
event?: string;
|
|
245
235
|
left?: number;
|
|
@@ -258,7 +248,7 @@ closeModal: (event: MouseEvent) => void;
|
|
|
258
248
|
getCellData: <T = any>(colIndex: number, rowIndex: number) => T;
|
|
259
249
|
getCellDisplayValue: (colIndex: number, rowIndex: number) => any;
|
|
260
250
|
getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
|
|
261
|
-
getHeaderCellStyle: (column:
|
|
251
|
+
getHeaderCellStyle: (column: TableColumn) => CSSProperties;
|
|
262
252
|
getIndent: (colIndex: number, indentLevel?: number) => string;
|
|
263
253
|
getRowExpandSymbol: (rowIndex: number) => "" | "-" | "+";
|
|
264
254
|
isRowVisible: (rowIndex: number) => boolean;
|
|
@@ -275,11 +265,11 @@ width?: string;
|
|
|
275
265
|
pinned?: boolean;
|
|
276
266
|
cellComponent?: string;
|
|
277
267
|
cellComponentProps?: Record<string, any>;
|
|
278
|
-
modalComponent?: string | ((context?:
|
|
268
|
+
modalComponent?: string | ((context?: CellContext) => string);
|
|
279
269
|
modalComponentExtraProps?: Record<string, any>;
|
|
280
|
-
format?: string | ((value: any, context?:
|
|
270
|
+
format?: string | ((value: any, context?: CellContext) => string);
|
|
281
271
|
mask?: (value: any) => any;
|
|
282
|
-
}[],
|
|
272
|
+
}[], TableColumn[] | {
|
|
283
273
|
name: string;
|
|
284
274
|
align?: CanvasTextAlign;
|
|
285
275
|
edit?: boolean;
|
|
@@ -289,16 +279,16 @@ width?: string;
|
|
|
289
279
|
pinned?: boolean;
|
|
290
280
|
cellComponent?: string;
|
|
291
281
|
cellComponentProps?: Record<string, any>;
|
|
292
|
-
modalComponent?: string | ((context?:
|
|
282
|
+
modalComponent?: string | ((context?: CellContext) => string);
|
|
293
283
|
modalComponentExtraProps?: Record<string, any>;
|
|
294
|
-
format?: string | ((value: any, context?:
|
|
284
|
+
format?: string | ((value: any, context?: CellContext) => string);
|
|
295
285
|
mask?: (value: any) => any;
|
|
296
286
|
}[]>;
|
|
297
287
|
rows: Ref< {
|
|
298
288
|
[x: string]: any;
|
|
299
289
|
indent?: number;
|
|
300
290
|
parent?: number;
|
|
301
|
-
}[],
|
|
291
|
+
}[], TableRow[] | {
|
|
302
292
|
[x: string]: any;
|
|
303
293
|
indent?: number;
|
|
304
294
|
parent?: number;
|
|
@@ -306,7 +296,7 @@ parent?: number;
|
|
|
306
296
|
config: Ref< {
|
|
307
297
|
view?: "uncounted" | "list" | "list-expansion" | "tree";
|
|
308
298
|
fullWidth?: boolean;
|
|
309
|
-
},
|
|
299
|
+
}, TableConfig | {
|
|
310
300
|
view?: "uncounted" | "list" | "list-expansion" | "tree";
|
|
311
301
|
fullWidth?: boolean;
|
|
312
302
|
}>;
|
|
@@ -320,7 +310,7 @@ isRoot?: boolean;
|
|
|
320
310
|
open?: boolean;
|
|
321
311
|
parent?: number;
|
|
322
312
|
rowModified?: boolean;
|
|
323
|
-
}[],
|
|
313
|
+
}[], TableDisplay[] | {
|
|
324
314
|
childrenOpen?: boolean;
|
|
325
315
|
expanded?: boolean;
|
|
326
316
|
indent?: number;
|
|
@@ -341,7 +331,7 @@ visible?: boolean;
|
|
|
341
331
|
width?: string;
|
|
342
332
|
component?: string;
|
|
343
333
|
componentProps?: Record<string, any>;
|
|
344
|
-
},
|
|
334
|
+
}, TableModal | {
|
|
345
335
|
colIndex?: number;
|
|
346
336
|
event?: string;
|
|
347
337
|
left?: number;
|
|
@@ -360,7 +350,7 @@ closeModal: (event: MouseEvent) => void;
|
|
|
360
350
|
getCellData: <T = any>(colIndex: number, rowIndex: number) => T;
|
|
361
351
|
getCellDisplayValue: (colIndex: number, rowIndex: number) => any;
|
|
362
352
|
getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
|
|
363
|
-
getHeaderCellStyle: (column:
|
|
353
|
+
getHeaderCellStyle: (column: TableColumn) => CSSProperties;
|
|
364
354
|
getIndent: (colIndex: number, indentLevel?: number) => string;
|
|
365
355
|
getRowExpandSymbol: (rowIndex: number) => "" | "-" | "+";
|
|
366
356
|
isRowVisible: (rowIndex: number) => boolean;
|
|
@@ -395,29 +385,6 @@ export declare type TableColumn = {
|
|
|
395
385
|
mask?: (value: any) => any;
|
|
396
386
|
};
|
|
397
387
|
|
|
398
|
-
/**
|
|
399
|
-
* Table column definition.
|
|
400
|
-
* @public
|
|
401
|
-
*/
|
|
402
|
-
declare type TableColumn_2 = {
|
|
403
|
-
name: string
|
|
404
|
-
|
|
405
|
-
align?: CanvasTextAlign
|
|
406
|
-
edit?: boolean
|
|
407
|
-
label?: string
|
|
408
|
-
type?: string
|
|
409
|
-
width?: string
|
|
410
|
-
pinned?: boolean
|
|
411
|
-
|
|
412
|
-
cellComponent?: string
|
|
413
|
-
cellComponentProps?: Record<string, any>
|
|
414
|
-
modalComponent?: string | ((context?: CellContext_2) => string)
|
|
415
|
-
modalComponentExtraProps?: Record<string, any>
|
|
416
|
-
|
|
417
|
-
format?: string | ((value: any, context?: CellContext_2) => string)
|
|
418
|
-
mask?: (value: any) => any
|
|
419
|
-
}
|
|
420
|
-
|
|
421
388
|
/**
|
|
422
389
|
* Table configuration definition.
|
|
423
390
|
* @public
|
|
@@ -434,22 +401,6 @@ export declare type TableConfig = {
|
|
|
434
401
|
fullWidth?: boolean;
|
|
435
402
|
};
|
|
436
403
|
|
|
437
|
-
/**
|
|
438
|
-
* Table configuration definition.
|
|
439
|
-
* @public
|
|
440
|
-
*/
|
|
441
|
-
declare type TableConfig_2 = {
|
|
442
|
-
/**
|
|
443
|
-
* The type of view to display the table in. Possible values:
|
|
444
|
-
* - `uncounted` - row numbers are not displayed in the table
|
|
445
|
-
* - `list` - row numbers are displayed in the table
|
|
446
|
-
* - `list-expansion` - carets are displayed in the number column that expand/collapse the row inline
|
|
447
|
-
* - `tree` - carets are displayed in the number column that expand/collapse grouped rows
|
|
448
|
-
*/
|
|
449
|
-
view?: 'uncounted' | 'list' | 'list-expansion' | 'tree'
|
|
450
|
-
fullWidth?: boolean
|
|
451
|
-
}
|
|
452
|
-
|
|
453
404
|
/**
|
|
454
405
|
* Table display definition.
|
|
455
406
|
* @public
|
|
@@ -465,21 +416,6 @@ export declare type TableDisplay = {
|
|
|
465
416
|
rowModified?: boolean;
|
|
466
417
|
};
|
|
467
418
|
|
|
468
|
-
/**
|
|
469
|
-
* Table display definition.
|
|
470
|
-
* @public
|
|
471
|
-
*/
|
|
472
|
-
declare type TableDisplay_2 = {
|
|
473
|
-
childrenOpen?: boolean
|
|
474
|
-
expanded?: boolean
|
|
475
|
-
indent?: number
|
|
476
|
-
isParent?: boolean
|
|
477
|
-
isRoot?: boolean
|
|
478
|
-
open?: boolean
|
|
479
|
-
parent?: number
|
|
480
|
-
rowModified?: boolean
|
|
481
|
-
}
|
|
482
|
-
|
|
483
419
|
/**
|
|
484
420
|
* Table modal definition.
|
|
485
421
|
* @public
|
|
@@ -497,24 +433,6 @@ export declare type TableModal = {
|
|
|
497
433
|
componentProps?: Record<string, any>;
|
|
498
434
|
};
|
|
499
435
|
|
|
500
|
-
/**
|
|
501
|
-
* Table modal definition.
|
|
502
|
-
* @public
|
|
503
|
-
*/
|
|
504
|
-
declare type TableModal_2 = {
|
|
505
|
-
colIndex?: number
|
|
506
|
-
event?: string
|
|
507
|
-
left?: number
|
|
508
|
-
parent?: HTMLElement
|
|
509
|
-
rowIndex?: number
|
|
510
|
-
top?: number
|
|
511
|
-
visible?: boolean
|
|
512
|
-
width?: string
|
|
513
|
-
|
|
514
|
-
component?: string
|
|
515
|
-
componentProps?: Record<string, any>
|
|
516
|
-
}
|
|
517
|
-
|
|
518
436
|
/**
|
|
519
437
|
* Table row definition.
|
|
520
438
|
* @public
|
|
@@ -525,14 +443,4 @@ export declare type TableRow = {
|
|
|
525
443
|
parent?: number;
|
|
526
444
|
};
|
|
527
445
|
|
|
528
|
-
/**
|
|
529
|
-
* Table row definition.
|
|
530
|
-
* @public
|
|
531
|
-
*/
|
|
532
|
-
declare type TableRow_2 = {
|
|
533
|
-
[key: string]: any
|
|
534
|
-
indent?: number
|
|
535
|
-
parent?: number
|
|
536
|
-
}
|
|
537
|
-
|
|
538
446
|
export { }
|
package/dist/atable.js
CHANGED
|
@@ -1102,7 +1102,7 @@ const Lt = (e) => {
|
|
|
1102
1102
|
for (const [o, r] of t)
|
|
1103
1103
|
n[o] = r;
|
|
1104
1104
|
return n;
|
|
1105
|
-
}, Yt = /* @__PURE__ */ qt(Gt, [["__scopeId", "data-v-
|
|
1105
|
+
}, Yt = /* @__PURE__ */ qt(Gt, [["__scopeId", "data-v-89c2133f"]]);
|
|
1106
1106
|
function _t(e) {
|
|
1107
1107
|
e.component("ACell", ze), e.component("AExpansionRow", Vt), e.component("ARow", Fe), e.component("ATable", Yt), e.component("ATableHeader", Ue), e.component("ATableModal", Ge);
|
|
1108
1108
|
}
|