@stonecrop/atable 0.3.9 → 0.3.10
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 +12 -11
- package/dist/atable.js +575 -542
- 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 +6 -6
- package/dist/src/types/index.d.ts +6 -5
- package/dist/src/types/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/ACell.vue +7 -6
- package/src/components/ATable.vue +4 -9
- package/src/components/ATableModal.vue +25 -25
- package/src/types/index.ts +7 -5
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:
|
|
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:1000}.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-bd5101d3]: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-bd5101d3]{position:relative;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-bd5101d3]{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-bd5101d3]:focus{outline:none}
|
package/dist/atable.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ import { ComputedRef } from 'vue';
|
|
|
9
9
|
import { CSSProperties } from 'vue';
|
|
10
10
|
import { Ref } from 'vue';
|
|
11
11
|
import { Store } from 'pinia';
|
|
12
|
+
import { useElementBounding } from '@vueuse/core';
|
|
12
13
|
|
|
13
14
|
export { ACell }
|
|
14
15
|
|
|
@@ -107,25 +108,25 @@ parent?: number | undefined;
|
|
|
107
108
|
rowModified?: boolean | undefined;
|
|
108
109
|
}[]>;
|
|
109
110
|
modal: Ref< {
|
|
111
|
+
bottom?: number | undefined;
|
|
110
112
|
colIndex?: number | undefined;
|
|
111
113
|
event?: string | undefined;
|
|
112
114
|
height?: number | undefined;
|
|
113
115
|
left?: number | undefined;
|
|
114
116
|
parent?: HTMLElement | undefined;
|
|
115
117
|
rowIndex?: number | undefined;
|
|
116
|
-
top?: number | undefined;
|
|
117
118
|
visible?: boolean | undefined;
|
|
118
119
|
width?: number | undefined;
|
|
119
120
|
component?: string | undefined;
|
|
120
121
|
componentProps?: Record<string, any> | undefined;
|
|
121
122
|
}, TableModal | {
|
|
123
|
+
bottom?: number | undefined;
|
|
122
124
|
colIndex?: number | undefined;
|
|
123
125
|
event?: string | undefined;
|
|
124
126
|
height?: number | undefined;
|
|
125
127
|
left?: number | undefined;
|
|
126
128
|
parent?: HTMLElement | undefined;
|
|
127
129
|
rowIndex?: number | undefined;
|
|
128
|
-
top?: number | undefined;
|
|
129
130
|
visible?: boolean | undefined;
|
|
130
131
|
width?: number | undefined;
|
|
131
132
|
component?: string | undefined;
|
|
@@ -213,25 +214,25 @@ parent?: number | undefined;
|
|
|
213
214
|
rowModified?: boolean | undefined;
|
|
214
215
|
}[]>;
|
|
215
216
|
modal: Ref< {
|
|
217
|
+
bottom?: number | undefined;
|
|
216
218
|
colIndex?: number | undefined;
|
|
217
219
|
event?: string | undefined;
|
|
218
220
|
height?: number | undefined;
|
|
219
221
|
left?: number | undefined;
|
|
220
222
|
parent?: HTMLElement | undefined;
|
|
221
223
|
rowIndex?: number | undefined;
|
|
222
|
-
top?: number | undefined;
|
|
223
224
|
visible?: boolean | undefined;
|
|
224
225
|
width?: number | undefined;
|
|
225
226
|
component?: string | undefined;
|
|
226
227
|
componentProps?: Record<string, any> | undefined;
|
|
227
228
|
}, TableModal | {
|
|
229
|
+
bottom?: number | undefined;
|
|
228
230
|
colIndex?: number | undefined;
|
|
229
231
|
event?: string | undefined;
|
|
230
232
|
height?: number | undefined;
|
|
231
233
|
left?: number | undefined;
|
|
232
234
|
parent?: HTMLElement | undefined;
|
|
233
235
|
rowIndex?: number | undefined;
|
|
234
|
-
top?: number | undefined;
|
|
235
236
|
visible?: boolean | undefined;
|
|
236
237
|
width?: number | undefined;
|
|
237
238
|
component?: string | undefined;
|
|
@@ -319,25 +320,25 @@ parent?: number | undefined;
|
|
|
319
320
|
rowModified?: boolean | undefined;
|
|
320
321
|
}[]>;
|
|
321
322
|
modal: Ref< {
|
|
323
|
+
bottom?: number | undefined;
|
|
322
324
|
colIndex?: number | undefined;
|
|
323
325
|
event?: string | undefined;
|
|
324
326
|
height?: number | undefined;
|
|
325
327
|
left?: number | undefined;
|
|
326
328
|
parent?: HTMLElement | undefined;
|
|
327
329
|
rowIndex?: number | undefined;
|
|
328
|
-
top?: number | undefined;
|
|
329
330
|
visible?: boolean | undefined;
|
|
330
331
|
width?: number | undefined;
|
|
331
332
|
component?: string | undefined;
|
|
332
333
|
componentProps?: Record<string, any> | undefined;
|
|
333
334
|
}, TableModal | {
|
|
335
|
+
bottom?: number | undefined;
|
|
334
336
|
colIndex?: number | undefined;
|
|
335
337
|
event?: string | undefined;
|
|
336
338
|
height?: number | undefined;
|
|
337
339
|
left?: number | undefined;
|
|
338
340
|
parent?: HTMLElement | undefined;
|
|
339
341
|
rowIndex?: number | undefined;
|
|
340
|
-
top?: number | undefined;
|
|
341
342
|
visible?: boolean | undefined;
|
|
342
343
|
width?: number | undefined;
|
|
343
344
|
component?: string | undefined;
|
|
@@ -447,21 +448,21 @@ export declare type TableDisplay = {
|
|
|
447
448
|
* @public
|
|
448
449
|
*/
|
|
449
450
|
export declare type TableModal = {
|
|
451
|
+
bottom?: ReturnType<typeof useElementBounding>['bottom'];
|
|
450
452
|
colIndex?: number;
|
|
451
453
|
event?: string;
|
|
452
|
-
height?:
|
|
453
|
-
left?:
|
|
454
|
+
height?: ReturnType<typeof useElementBounding>['height'];
|
|
455
|
+
left?: ReturnType<typeof useElementBounding>['left'];
|
|
454
456
|
parent?: HTMLElement;
|
|
455
457
|
rowIndex?: number;
|
|
456
|
-
top?: number;
|
|
457
458
|
visible?: boolean;
|
|
458
|
-
width?:
|
|
459
|
+
width?: ReturnType<typeof useElementBounding>['width'];
|
|
459
460
|
component?: string;
|
|
460
461
|
componentProps?: Record<string, any>;
|
|
461
462
|
};
|
|
462
463
|
|
|
463
464
|
/**
|
|
464
|
-
* Table modal props definition.
|
|
465
|
+
* Table modal component props definition.
|
|
465
466
|
* @public
|
|
466
467
|
*/
|
|
467
468
|
export declare type TableModalProps = {
|