@atscript/vue-table 0.1.145 → 0.1.147
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/as-action-form-dialog.cjs +3 -2
- package/dist/as-action-form-dialog.mjs +3 -2
- package/dist/{as-action-menu-content-DoZnQP0I.mjs → as-action-menu-content-35yQWbLF.mjs} +1 -1
- package/dist/{as-action-menu-content-FQ2miGid.cjs → as-action-menu-content-BJ0tn6jq.cjs} +1 -1
- package/dist/as-cell-array.d.cts +1 -1
- package/dist/as-cell-array.d.mts +1 -1
- package/dist/as-cell-date.d.cts +1 -1
- package/dist/as-cell-date.d.mts +1 -1
- package/dist/as-cell-json.d.cts +1 -1
- package/dist/as-cell-json.d.mts +1 -1
- package/dist/as-cell-number.d.cts +1 -1
- package/dist/as-cell-number.d.mts +1 -1
- package/dist/as-cell-union.d.cts +1 -1
- package/dist/as-cell-union.d.mts +1 -1
- package/dist/as-column-menu.d.cts +1 -1
- package/dist/as-column-menu.d.mts +1 -1
- package/dist/{as-column-menu.vue-ByTECTbX.d.cts → as-column-menu.vue-B6iuKmIj.d.cts} +1 -1
- package/dist/{as-column-menu.vue-TChT482i.d.mts → as-column-menu.vue-wxb2f92k.d.mts} +1 -1
- package/dist/{as-config-dialog-CpW1Qemf.cjs → as-config-dialog-BJkBzaku.cjs} +2 -2
- package/dist/{as-config-dialog-ObHtungs.mjs → as-config-dialog-D503Ek_m.mjs} +2 -2
- package/dist/as-config-dialog.cjs +1 -1
- package/dist/as-config-dialog.d.cts +1 -1
- package/dist/as-config-dialog.d.mts +1 -1
- package/dist/as-config-dialog.mjs +1 -1
- package/dist/{as-confirm-dialog-D3Vu1Rb_.cjs → as-confirm-dialog-C5xPbkox.cjs} +1 -1
- package/dist/{as-confirm-dialog-zg7jmS3u.mjs → as-confirm-dialog-CJfDnaiU.mjs} +1 -1
- package/dist/as-confirm-dialog.cjs +1 -1
- package/dist/as-confirm-dialog.d.cts +1 -1
- package/dist/as-confirm-dialog.d.mts +1 -1
- package/dist/as-confirm-dialog.mjs +1 -1
- package/dist/{as-filter-dialog-C4EyRr2_.cjs → as-filter-dialog-Co0WfWOe.cjs} +7 -7
- package/dist/{as-filter-dialog-CWy0mjZl.mjs → as-filter-dialog-CxjO-Ge5.mjs} +7 -7
- package/dist/as-filter-dialog.cjs +1 -1
- package/dist/as-filter-dialog.d.cts +1 -1
- package/dist/as-filter-dialog.d.mts +1 -1
- package/dist/as-filter-dialog.mjs +1 -1
- package/dist/{as-filter-field-CW1_GHZT.mjs → as-filter-field-ByPlGyWz.mjs} +3 -3
- package/dist/{as-filter-field-BQ9UlV0y.cjs → as-filter-field-FTrxFkTw.cjs} +3 -3
- package/dist/as-filter-field.cjs +1 -1
- package/dist/as-filter-field.d.cts +1 -1
- package/dist/as-filter-field.d.mts +1 -1
- package/dist/as-filter-field.mjs +1 -1
- package/dist/as-filter-input.d.cts +1 -1
- package/dist/as-filter-input.d.mts +1 -1
- package/dist/{as-filters-BLFSS_VP.mjs → as-filters-CJZJiOXb.mjs} +4 -4
- package/dist/{as-filters-DUfFkXAo.cjs → as-filters-W3iMELuL.cjs} +4 -4
- package/dist/as-filters.cjs +1 -1
- package/dist/as-filters.mjs +1 -1
- package/dist/{as-preset-dialog-CI2Hw8vi.mjs → as-preset-dialog-CLOVEpWZ.mjs} +1 -1
- package/dist/{as-preset-dialog-BlXqTZiT.cjs → as-preset-dialog-Dvvx0jmU.cjs} +1 -1
- package/dist/as-preset-dialog.cjs +1 -1
- package/dist/as-preset-dialog.d.cts +1 -1
- package/dist/as-preset-dialog.d.mts +1 -1
- package/dist/as-preset-dialog.mjs +1 -1
- package/dist/{as-preset-picker-CbZDGPaf.mjs → as-preset-picker-CwFObhME.mjs} +1 -1
- package/dist/{as-preset-picker-CVgyZBG7.cjs → as-preset-picker-DFLhbm59.cjs} +1 -1
- package/dist/as-preset-picker.cjs +1 -1
- package/dist/as-preset-picker.mjs +1 -1
- package/dist/{as-residual-filter-CUTouIn5.mjs → as-residual-filter-BRsEs8oe.mjs} +1 -1
- package/dist/{as-residual-filter-C8n7kdGW.cjs → as-residual-filter-sZlsFPDS.cjs} +1 -1
- package/dist/as-residual-filter.cjs +1 -1
- package/dist/as-residual-filter.d.cts +1 -1
- package/dist/as-residual-filter.d.mts +1 -1
- package/dist/as-residual-filter.mjs +1 -1
- package/dist/{as-row-actions-DfUL9sYB.cjs → as-row-actions-DFv2cSrP.cjs} +7 -5
- package/dist/{as-row-actions-ed1P6GEJ.mjs → as-row-actions-DyjIXePd.mjs} +7 -5
- package/dist/as-row-actions.cjs +1 -1
- package/dist/as-row-actions.d.cts +1 -1
- package/dist/as-row-actions.d.mts +1 -1
- package/dist/as-row-actions.mjs +1 -1
- package/dist/{as-row-actions.vue-Ba3VO9W-.d.cts → as-row-actions.vue-BHrZBXVU.d.cts} +1 -1
- package/dist/{as-row-actions.vue-CKOnE0eb.d.mts → as-row-actions.vue-D4MylwCW.d.mts} +1 -1
- package/dist/{as-select-cell-DwMfqBMV.cjs → as-select-cell-CoQJjhnq.cjs} +10 -5
- package/dist/{as-select-cell-BMptU5sQ.mjs → as-select-cell-Dl8fohIj.mjs} +10 -5
- package/dist/as-selection-banner-BI5gKHqW.cjs +206 -0
- package/dist/as-selection-banner-DBtLjulh.mjs +189 -0
- package/dist/as-table-B1FowaPF.cjs +215 -0
- package/dist/as-table-Cpvfv9zA.mjs +210 -0
- package/dist/{as-table-actions-DplblFlK.cjs → as-table-actions-B0xaicfv.cjs} +32 -6
- package/dist/{as-table-actions-DQco4pGu.mjs → as-table-actions-BlbAps1h.mjs} +32 -6
- package/dist/as-table-actions.cjs +1 -1
- package/dist/as-table-actions.d.cts +1 -1
- package/dist/as-table-actions.d.mts +1 -1
- package/dist/as-table-actions.mjs +1 -1
- package/dist/{as-table-actions.vue-BL4xy2-d.d.mts → as-table-actions.vue-7ml3JiOO.d.mts} +9 -2
- package/dist/{as-table-actions.vue-DgMw3xJn.d.cts → as-table-actions.vue-BKRqHprR.d.cts} +9 -2
- package/dist/{as-table-base-lfyjPgsO.mjs → as-table-base-EzKaChOp.mjs} +3 -3
- package/dist/{as-table-base-CNAn-vpa.cjs → as-table-base-LZ26YlWp.cjs} +3 -3
- package/dist/as-table-cell-value.d.cts +1 -1
- package/dist/as-table-cell-value.d.mts +1 -1
- package/dist/{as-table-header-cell-Csv1KQDa.mjs → as-table-header-cell-DrVzYaof.mjs} +1 -1
- package/dist/{as-table-header-cell-BwaOPYwI.cjs → as-table-header-cell-gHhCdxJX.cjs} +1 -1
- package/dist/as-table-header-cell.cjs +1 -1
- package/dist/as-table-header-cell.d.cts +1 -1
- package/dist/as-table-header-cell.d.mts +1 -1
- package/dist/as-table-header-cell.mjs +1 -1
- package/dist/{as-table-header-cell.vue-DU5h-2C_.d.cts → as-table-header-cell.vue-BCk4NPYT.d.cts} +1 -1
- package/dist/{as-table-header-cell.vue-KkANwimG.d.mts → as-table-header-cell.vue-BZU8s9CT.d.mts} +1 -1
- package/dist/{as-table-root-BreMYhnv.mjs → as-table-root-BYHXuNPI.mjs} +33 -6
- package/dist/{as-table-root-DXewWV9h.cjs → as-table-root-K6fWKHtF.cjs} +33 -6
- package/dist/as-table-root.cjs +1 -1
- package/dist/as-table-root.d.cts +1 -1
- package/dist/as-table-root.d.mts +1 -1
- package/dist/as-table-root.mjs +1 -1
- package/dist/{as-table-root.vue-DTos5nn3.d.mts → as-table-root.vue-Bm2DxAqU.d.mts} +317 -7
- package/dist/{as-table-root.vue-CXaFNCMi.d.cts → as-table-root.vue-CF03c4vu.d.cts} +318 -8
- package/dist/as-table.cjs +1 -1
- package/dist/as-table.d.cts +1 -1
- package/dist/as-table.d.mts +1 -1
- package/dist/as-table.mjs +1 -1
- package/dist/{as-window-table-JOTOi_Nm.mjs → as-window-table-CygDqZMU.mjs} +99 -53
- package/dist/{as-window-table-Bj1dXOS6.cjs → as-window-table-_flc8o64.cjs} +101 -55
- package/dist/as-window-table.cjs +1 -1
- package/dist/as-window-table.d.cts +1 -1
- package/dist/as-window-table.d.mts +1 -1
- package/dist/as-window-table.mjs +1 -1
- package/dist/index.cjs +23 -19
- package/dist/index.d.cts +19 -21
- package/dist/index.d.mts +19 -21
- package/dist/index.mjs +20 -20
- package/dist/{types-D1NxhrpW.d.cts → intent-scope-BXPEN5kJ.d.cts} +202 -35
- package/dist/{types-BEZ4_erB.d.mts → intent-scope-Ck7RZ0dK.d.mts} +202 -35
- package/dist/{use-table-W0KmaJ6L.cjs → use-table-CydIJZbx.cjs} +5 -3
- package/dist/{use-table-BTsNGBVx.mjs → use-table-DP6Y0kbl.mjs} +5 -3
- package/dist/{use-table-component-DRMXTk9M.mjs → use-table-component-DNGUvhf7.mjs} +1 -1
- package/dist/{use-table-component-BvAC82_c.cjs → use-table-component-aqfGzECx.cjs} +1 -1
- package/dist/{use-table-nav-bridge-CPI1tql6.cjs → use-table-nav-bridge-B7A30yja.cjs} +1 -1
- package/dist/{use-table-nav-bridge-Bw0NFDSf.mjs → use-table-nav-bridge-BhOPIT2R.mjs} +1 -1
- package/dist/{use-table-selection-ULbKT2xW.mjs → use-table-selection-CdaOPo1d.mjs} +8 -3
- package/dist/{use-table-selection-DtCV3rhu.cjs → use-table-selection-Cs7-gjHg.cjs} +8 -3
- package/dist/{use-table-state-DuY-Mf8e.mjs → use-table-state-1OZfdhQi.mjs} +414 -41
- package/dist/{use-table-state-Ddr2UZzB.cjs → use-table-state-sDnqOi3b.cjs} +447 -38
- package/package.json +11 -10
- package/dist/as-table-BjKzKB0a.cjs +0 -207
- package/dist/as-table-DGWfzV4w.mjs +0 -202
- package/dist/as-table.vue-Cn1CXJ1Y.d.mts +0 -115
- package/dist/as-table.vue-EfLWpNy3.d.cts +0 -115
- package/dist/as-window-table.vue-DCd8FtpC.d.cts +0 -132
- package/dist/as-window-table.vue-DN5hed6Y.d.mts +0 -132
- package/dist/use-table-column-handlers-BitvioH4.mjs +0 -85
- package/dist/use-table-column-handlers-DksXpbON.cjs +0 -96
- /package/dist/{as-cell-array.vue-pFs5GcCR.d.cts → as-cell-array.vue-C4BTM8YW.d.cts} +0 -0
- /package/dist/{as-cell-array.vue-ow34clSF.d.mts → as-cell-array.vue-Dj3nZop3.d.mts} +0 -0
- /package/dist/{as-cell-date.vue-B4JCr1qP.d.mts → as-cell-date.vue-BPuyH7q3.d.mts} +0 -0
- /package/dist/{as-cell-date.vue-BBSps2B2.d.cts → as-cell-date.vue-BcMgxBfm.d.cts} +0 -0
- /package/dist/{as-cell-json.vue-B-T3TuFj.d.mts → as-cell-json.vue-D8J7YwVV.d.mts} +0 -0
- /package/dist/{as-cell-json.vue-C6wg4ARZ.d.cts → as-cell-json.vue-pwE9uJdv.d.cts} +0 -0
- /package/dist/{as-cell-number.vue-CJ2K5zeM.d.cts → as-cell-number.vue-pbgVCIWT.d.cts} +0 -0
- /package/dist/{as-cell-number.vue-CNH2fbCB.d.mts → as-cell-number.vue-sUoZvuat.d.mts} +0 -0
- /package/dist/{as-cell-union.vue-CslPM_c2.d.cts → as-cell-union.vue-BK_M7opL.d.cts} +0 -0
- /package/dist/{as-cell-union.vue-CZwN81H4.d.mts → as-cell-union.vue-DZBejMxR.d.mts} +0 -0
- /package/dist/{as-config-dialog.vue-BKo2GpzN.d.mts → as-config-dialog.vue-C-Jw_rb7.d.cts} +0 -0
- /package/dist/{as-config-dialog.vue-DvvJi3xx.d.cts → as-config-dialog.vue-D2AVR1a5.d.mts} +0 -0
- /package/dist/{as-confirm-dialog.vue-BN_yzu3h.d.mts → as-confirm-dialog.vue-BxAaCuYf.d.mts} +0 -0
- /package/dist/{as-confirm-dialog.vue-CXxLpzbu.d.cts → as-confirm-dialog.vue-D8hJ5qPY.d.cts} +0 -0
- /package/dist/{as-filter-dialog.vue-BV2J8PgZ.d.cts → as-filter-dialog.vue-CyD6qtuX.d.cts} +0 -0
- /package/dist/{as-filter-dialog.vue-Bl8OIKOf.d.mts → as-filter-dialog.vue-WYXGtymZ.d.mts} +0 -0
- /package/dist/{as-filter-field.vue-DD0IZXS1.d.mts → as-filter-field.vue-DTpuDkHh.d.mts} +0 -0
- /package/dist/{as-filter-field.vue-ByQ8xIGq.d.cts → as-filter-field.vue-ajAFhraz.d.cts} +0 -0
- /package/dist/{as-filter-input.vue-CS4nOk_Q.d.cts → as-filter-input.vue-CksJOtqw.d.cts} +0 -0
- /package/dist/{as-filter-input.vue-CFZ33B--.d.mts → as-filter-input.vue-DMwr0ArL.d.mts} +0 -0
- /package/dist/{as-preset-dialog.vue-ChM7H7B4.d.mts → as-preset-dialog.vue-BEM-L4BY.d.cts} +0 -0
- /package/dist/{as-preset-dialog.vue-DP9fy00Y.d.cts → as-preset-dialog.vue-BrnvBWxJ.d.mts} +0 -0
- /package/dist/{as-residual-filter.vue-Dfw1l2wS.d.cts → as-residual-filter.vue-CGXCipEn.d.cts} +0 -0
- /package/dist/{as-residual-filter.vue-N89YqlCz.d.mts → as-residual-filter.vue-Cev_8Wy7.d.mts} +0 -0
- /package/dist/{as-table-cell-value.vue-C0VR9GRK.d.cts → as-table-cell-value.vue-UkAuJanv.d.cts} +0 -0
- /package/dist/{as-table-cell-value.vue-DphckGq-.d.mts → as-table-cell-value.vue-kfNgVhzn.d.mts} +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atscript/vue-table",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.147",
|
|
4
4
|
"description": "Type-driven table components for Atscript with Vue 3",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"atscript",
|
|
@@ -167,16 +167,17 @@
|
|
|
167
167
|
"access": "public"
|
|
168
168
|
},
|
|
169
169
|
"dependencies": {
|
|
170
|
-
"@atscript/ui": "^0.1.
|
|
171
|
-
"@atscript/
|
|
172
|
-
"@atscript/
|
|
170
|
+
"@atscript/ui": "^0.1.147",
|
|
171
|
+
"@atscript/vue-form": "^0.1.147",
|
|
172
|
+
"@atscript/ui-table": "^0.1.147"
|
|
173
173
|
},
|
|
174
174
|
"devDependencies": {
|
|
175
|
-
"@atscript/
|
|
176
|
-
"@atscript/
|
|
175
|
+
"@atscript/core": "^0.1.99",
|
|
176
|
+
"@atscript/db-client": "^0.1.147",
|
|
177
|
+
"@atscript/typescript": "^0.1.99",
|
|
177
178
|
"@tanstack/vue-virtual": "^3.13.26",
|
|
178
|
-
"@uniqu/core": "^0.1.
|
|
179
|
-
"@uniqu/url": "^0.1.
|
|
179
|
+
"@uniqu/core": "^0.1.12",
|
|
180
|
+
"@uniqu/url": "^0.1.12",
|
|
180
181
|
"@vitejs/plugin-vue": "^6",
|
|
181
182
|
"@vue/test-utils": "^2",
|
|
182
183
|
"@vueuse/core": "^14.3.0",
|
|
@@ -189,9 +190,9 @@
|
|
|
189
190
|
"vunor": "^0.3.2"
|
|
190
191
|
},
|
|
191
192
|
"peerDependencies": {
|
|
192
|
-
"@atscript/db-client": "^0.1.
|
|
193
|
+
"@atscript/db-client": "^0.1.147",
|
|
193
194
|
"@tanstack/vue-virtual": "^3.13.26",
|
|
194
|
-
"@uniqu/url": "^0.1.
|
|
195
|
+
"@uniqu/url": "^0.1.12",
|
|
195
196
|
"@vueuse/core": "^14.3.0",
|
|
196
197
|
"reka-ui": "^2.9.8",
|
|
197
198
|
"vue": "^3"
|
|
@@ -1,207 +0,0 @@
|
|
|
1
|
-
const require_use_table_state = require("./use-table-state-Ddr2UZzB.cjs");
|
|
2
|
-
const require_use_table_selection = require("./use-table-selection-DtCV3rhu.cjs");
|
|
3
|
-
const require_use_has_emit_listener = require("./use-has-emit-listener-BaGFZDyM.cjs");
|
|
4
|
-
const require_use_table_column_handlers = require("./use-table-column-handlers-DksXpbON.cjs");
|
|
5
|
-
const require_as_table_base = require("./as-table-base-CNAn-vpa.cjs");
|
|
6
|
-
let vue = require("vue");
|
|
7
|
-
//#region src/components/as-table.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
-
const _hoisted_1 = { class: "as-table-outer-wrap" };
|
|
9
|
-
const _hoisted_2 = {
|
|
10
|
-
key: 0,
|
|
11
|
-
class: "as-table-query-overlay"
|
|
12
|
-
};
|
|
13
|
-
//#endregion
|
|
14
|
-
//#region src/components/as-table.vue
|
|
15
|
-
var as_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
16
|
-
__name: "as-table",
|
|
17
|
-
props: {
|
|
18
|
-
rows: {
|
|
19
|
-
type: Array,
|
|
20
|
-
required: false
|
|
21
|
-
},
|
|
22
|
-
columns: {
|
|
23
|
-
type: Array,
|
|
24
|
-
required: false
|
|
25
|
-
},
|
|
26
|
-
stickyHeader: {
|
|
27
|
-
type: Boolean,
|
|
28
|
-
required: false,
|
|
29
|
-
default: true
|
|
30
|
-
},
|
|
31
|
-
virtualRowHeight: {
|
|
32
|
-
type: Number,
|
|
33
|
-
required: false
|
|
34
|
-
},
|
|
35
|
-
virtualOverscan: {
|
|
36
|
-
type: Number,
|
|
37
|
-
required: false,
|
|
38
|
-
default: 5
|
|
39
|
-
},
|
|
40
|
-
columnMenu: {
|
|
41
|
-
type: Object,
|
|
42
|
-
required: false
|
|
43
|
-
},
|
|
44
|
-
reorderable: {
|
|
45
|
-
type: Boolean,
|
|
46
|
-
required: false,
|
|
47
|
-
default: true
|
|
48
|
-
},
|
|
49
|
-
resizable: {
|
|
50
|
-
type: Boolean,
|
|
51
|
-
required: false,
|
|
52
|
-
default: true
|
|
53
|
-
},
|
|
54
|
-
columnMinWidth: {
|
|
55
|
-
type: Number,
|
|
56
|
-
required: false,
|
|
57
|
-
default: 48
|
|
58
|
-
},
|
|
59
|
-
select: {
|
|
60
|
-
type: String,
|
|
61
|
-
required: false,
|
|
62
|
-
default: "none"
|
|
63
|
-
},
|
|
64
|
-
selectOn: {
|
|
65
|
-
type: String,
|
|
66
|
-
required: false,
|
|
67
|
-
default: "row"
|
|
68
|
-
},
|
|
69
|
-
rowDelete: {
|
|
70
|
-
type: [Boolean, Object],
|
|
71
|
-
required: false,
|
|
72
|
-
default: false
|
|
73
|
-
},
|
|
74
|
-
rowActionsColumn: {
|
|
75
|
-
type: [String, Boolean],
|
|
76
|
-
required: false,
|
|
77
|
-
default: false
|
|
78
|
-
},
|
|
79
|
-
headless: {
|
|
80
|
-
type: Boolean,
|
|
81
|
-
required: false,
|
|
82
|
-
default: false
|
|
83
|
-
},
|
|
84
|
-
rowSelectable: {
|
|
85
|
-
type: Function,
|
|
86
|
-
required: false
|
|
87
|
-
},
|
|
88
|
-
rowClass: {
|
|
89
|
-
type: Function,
|
|
90
|
-
required: false
|
|
91
|
-
},
|
|
92
|
-
rowAttrs: {
|
|
93
|
-
type: Function,
|
|
94
|
-
required: false
|
|
95
|
-
}
|
|
96
|
-
},
|
|
97
|
-
emits: [
|
|
98
|
-
"row-click",
|
|
99
|
-
"row-dblclick",
|
|
100
|
-
"main-action"
|
|
101
|
-
],
|
|
102
|
-
setup(__props, { emit: __emit }) {
|
|
103
|
-
const props = __props;
|
|
104
|
-
const emit = __emit;
|
|
105
|
-
const { state } = require_use_table_state.useTableContext();
|
|
106
|
-
(0, vue.watch)(() => props.rowDelete, (val) => {
|
|
107
|
-
state.rowDelete.value = val;
|
|
108
|
-
}, { immediate: true });
|
|
109
|
-
(0, vue.watch)(() => props.rowSelectable, (val) => {
|
|
110
|
-
state.rowSelectable.value = val;
|
|
111
|
-
}, { immediate: true });
|
|
112
|
-
require_use_table_selection.useSelectModeReset(state, () => props.select);
|
|
113
|
-
const effectiveRows = (0, vue.computed)(() => state.applyLocalSort(props.rows ?? state.results.value));
|
|
114
|
-
const effectiveColumns = require_use_table_column_handlers.useRowActionsColumn(state, {
|
|
115
|
-
placement: () => props.rowActionsColumn,
|
|
116
|
-
select: () => props.select,
|
|
117
|
-
columns: () => props.columns ?? state.columns.value
|
|
118
|
-
});
|
|
119
|
-
require_use_table_state.useRegisterMainActionListener(state, (req) => emit("main-action", req.row, req.absIndex, req.event), require_use_has_emit_listener.useHasEmitListener("onMainAction"));
|
|
120
|
-
const { onSort, onHide, onFilter, onFiltersOff, onResetWidth, onReorder, onClearFilters } = require_use_table_column_handlers.useTableColumnHandlers(state);
|
|
121
|
-
return (_ctx, _cache) => {
|
|
122
|
-
return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [(0, vue.createVNode)(require_as_table_base.as_table_base_default, {
|
|
123
|
-
"render-mode": "standalone",
|
|
124
|
-
columns: (0, vue.unref)(effectiveColumns),
|
|
125
|
-
rows: effectiveRows.value,
|
|
126
|
-
sorters: (0, vue.unref)(state).sorters.value,
|
|
127
|
-
"selected-rows": (0, vue.unref)(state).selectedRows.value,
|
|
128
|
-
select: props.select,
|
|
129
|
-
"select-on": props.selectOn,
|
|
130
|
-
"row-value-fn": (0, vue.unref)(state).rowValueFn,
|
|
131
|
-
querying: (0, vue.unref)(state).querying.value,
|
|
132
|
-
"query-error": (0, vue.unref)(state).queryError.value,
|
|
133
|
-
"on-retry": (0, vue.unref)(state).query,
|
|
134
|
-
"sticky-header": __props.stickyHeader,
|
|
135
|
-
headless: __props.headless,
|
|
136
|
-
"virtual-row-height": __props.virtualRowHeight,
|
|
137
|
-
"virtual-overscan": __props.virtualOverscan,
|
|
138
|
-
filters: (0, vue.unref)(state).filters.value,
|
|
139
|
-
"search-term": (0, vue.unref)(state).searchTerm.value,
|
|
140
|
-
"on-clear-filters": (0, vue.unref)(onClearFilters),
|
|
141
|
-
"column-menu": __props.columnMenu,
|
|
142
|
-
reorderable: __props.reorderable,
|
|
143
|
-
resizable: __props.resizable,
|
|
144
|
-
"column-min-width": __props.columnMinWidth,
|
|
145
|
-
"column-widths": (0, vue.unref)(state).columnWidths.value,
|
|
146
|
-
"row-class": __props.rowClass,
|
|
147
|
-
"row-attrs": __props.rowAttrs,
|
|
148
|
-
onSort: (0, vue.unref)(onSort),
|
|
149
|
-
onHide: (0, vue.unref)(onHide),
|
|
150
|
-
onFilter: (0, vue.unref)(onFilter),
|
|
151
|
-
onFiltersOff: (0, vue.unref)(onFiltersOff),
|
|
152
|
-
onReorder: (0, vue.unref)(onReorder),
|
|
153
|
-
onResize: (0, vue.unref)(state).setColumnWidth,
|
|
154
|
-
onResetWidth: (0, vue.unref)(onResetWidth),
|
|
155
|
-
onRowClick: _cache[0] || (_cache[0] = (row, ev) => emit("row-click", row, ev)),
|
|
156
|
-
onRowDblclick: _cache[1] || (_cache[1] = (row, ev) => emit("row-dblclick", row, ev))
|
|
157
|
-
}, (0, vue.createSlots)({ _: 2 }, [(0, vue.renderList)(_ctx.$slots, (_, name) => {
|
|
158
|
-
return {
|
|
159
|
-
name,
|
|
160
|
-
fn: (0, vue.withCtx)((slotProps) => [(0, vue.renderSlot)(_ctx.$slots, name, (0, vue.normalizeProps)((0, vue.guardReactiveProps)(slotProps ?? {})))])
|
|
161
|
-
};
|
|
162
|
-
})]), 1032, [
|
|
163
|
-
"columns",
|
|
164
|
-
"rows",
|
|
165
|
-
"sorters",
|
|
166
|
-
"selected-rows",
|
|
167
|
-
"select",
|
|
168
|
-
"select-on",
|
|
169
|
-
"row-value-fn",
|
|
170
|
-
"querying",
|
|
171
|
-
"query-error",
|
|
172
|
-
"on-retry",
|
|
173
|
-
"sticky-header",
|
|
174
|
-
"headless",
|
|
175
|
-
"virtual-row-height",
|
|
176
|
-
"virtual-overscan",
|
|
177
|
-
"filters",
|
|
178
|
-
"search-term",
|
|
179
|
-
"on-clear-filters",
|
|
180
|
-
"column-menu",
|
|
181
|
-
"reorderable",
|
|
182
|
-
"resizable",
|
|
183
|
-
"column-min-width",
|
|
184
|
-
"column-widths",
|
|
185
|
-
"row-class",
|
|
186
|
-
"row-attrs",
|
|
187
|
-
"onSort",
|
|
188
|
-
"onHide",
|
|
189
|
-
"onFilter",
|
|
190
|
-
"onFiltersOff",
|
|
191
|
-
"onReorder",
|
|
192
|
-
"onResize",
|
|
193
|
-
"onResetWidth"
|
|
194
|
-
]), (0, vue.unref)(state).querying.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2, [(0, vue.renderSlot)(_ctx.$slots, "query-loading", {}, () => [_cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", {
|
|
195
|
-
class: "as-table-query-overlay-icon",
|
|
196
|
-
"aria-hidden": "true"
|
|
197
|
-
}, null, -1))])])) : (0, vue.createCommentVNode)("v-if", true)]);
|
|
198
|
-
};
|
|
199
|
-
}
|
|
200
|
-
});
|
|
201
|
-
//#endregion
|
|
202
|
-
Object.defineProperty(exports, "as_table_default", {
|
|
203
|
-
enumerable: true,
|
|
204
|
-
get: function() {
|
|
205
|
-
return as_table_default;
|
|
206
|
-
}
|
|
207
|
-
});
|
|
@@ -1,202 +0,0 @@
|
|
|
1
|
-
import { a as useTableContext, i as useRegisterMainActionListener } from "./use-table-state-DuY-Mf8e.mjs";
|
|
2
|
-
import { t as useSelectModeReset } from "./use-table-selection-ULbKT2xW.mjs";
|
|
3
|
-
import { t as useHasEmitListener } from "./use-has-emit-listener-DrBbsLHQ.mjs";
|
|
4
|
-
import { n as useRowActionsColumn, t as useTableColumnHandlers } from "./use-table-column-handlers-BitvioH4.mjs";
|
|
5
|
-
import { t as as_table_base_default } from "./as-table-base-lfyjPgsO.mjs";
|
|
6
|
-
import { computed, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderList, renderSlot, unref, watch, withCtx } from "vue";
|
|
7
|
-
//#region src/components/as-table.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
-
const _hoisted_1 = { class: "as-table-outer-wrap" };
|
|
9
|
-
const _hoisted_2 = {
|
|
10
|
-
key: 0,
|
|
11
|
-
class: "as-table-query-overlay"
|
|
12
|
-
};
|
|
13
|
-
//#endregion
|
|
14
|
-
//#region src/components/as-table.vue
|
|
15
|
-
var as_table_default = /* @__PURE__ */ defineComponent({
|
|
16
|
-
__name: "as-table",
|
|
17
|
-
props: {
|
|
18
|
-
rows: {
|
|
19
|
-
type: Array,
|
|
20
|
-
required: false
|
|
21
|
-
},
|
|
22
|
-
columns: {
|
|
23
|
-
type: Array,
|
|
24
|
-
required: false
|
|
25
|
-
},
|
|
26
|
-
stickyHeader: {
|
|
27
|
-
type: Boolean,
|
|
28
|
-
required: false,
|
|
29
|
-
default: true
|
|
30
|
-
},
|
|
31
|
-
virtualRowHeight: {
|
|
32
|
-
type: Number,
|
|
33
|
-
required: false
|
|
34
|
-
},
|
|
35
|
-
virtualOverscan: {
|
|
36
|
-
type: Number,
|
|
37
|
-
required: false,
|
|
38
|
-
default: 5
|
|
39
|
-
},
|
|
40
|
-
columnMenu: {
|
|
41
|
-
type: Object,
|
|
42
|
-
required: false
|
|
43
|
-
},
|
|
44
|
-
reorderable: {
|
|
45
|
-
type: Boolean,
|
|
46
|
-
required: false,
|
|
47
|
-
default: true
|
|
48
|
-
},
|
|
49
|
-
resizable: {
|
|
50
|
-
type: Boolean,
|
|
51
|
-
required: false,
|
|
52
|
-
default: true
|
|
53
|
-
},
|
|
54
|
-
columnMinWidth: {
|
|
55
|
-
type: Number,
|
|
56
|
-
required: false,
|
|
57
|
-
default: 48
|
|
58
|
-
},
|
|
59
|
-
select: {
|
|
60
|
-
type: String,
|
|
61
|
-
required: false,
|
|
62
|
-
default: "none"
|
|
63
|
-
},
|
|
64
|
-
selectOn: {
|
|
65
|
-
type: String,
|
|
66
|
-
required: false,
|
|
67
|
-
default: "row"
|
|
68
|
-
},
|
|
69
|
-
rowDelete: {
|
|
70
|
-
type: [Boolean, Object],
|
|
71
|
-
required: false,
|
|
72
|
-
default: false
|
|
73
|
-
},
|
|
74
|
-
rowActionsColumn: {
|
|
75
|
-
type: [String, Boolean],
|
|
76
|
-
required: false,
|
|
77
|
-
default: false
|
|
78
|
-
},
|
|
79
|
-
headless: {
|
|
80
|
-
type: Boolean,
|
|
81
|
-
required: false,
|
|
82
|
-
default: false
|
|
83
|
-
},
|
|
84
|
-
rowSelectable: {
|
|
85
|
-
type: Function,
|
|
86
|
-
required: false
|
|
87
|
-
},
|
|
88
|
-
rowClass: {
|
|
89
|
-
type: Function,
|
|
90
|
-
required: false
|
|
91
|
-
},
|
|
92
|
-
rowAttrs: {
|
|
93
|
-
type: Function,
|
|
94
|
-
required: false
|
|
95
|
-
}
|
|
96
|
-
},
|
|
97
|
-
emits: [
|
|
98
|
-
"row-click",
|
|
99
|
-
"row-dblclick",
|
|
100
|
-
"main-action"
|
|
101
|
-
],
|
|
102
|
-
setup(__props, { emit: __emit }) {
|
|
103
|
-
const props = __props;
|
|
104
|
-
const emit = __emit;
|
|
105
|
-
const { state } = useTableContext();
|
|
106
|
-
watch(() => props.rowDelete, (val) => {
|
|
107
|
-
state.rowDelete.value = val;
|
|
108
|
-
}, { immediate: true });
|
|
109
|
-
watch(() => props.rowSelectable, (val) => {
|
|
110
|
-
state.rowSelectable.value = val;
|
|
111
|
-
}, { immediate: true });
|
|
112
|
-
useSelectModeReset(state, () => props.select);
|
|
113
|
-
const effectiveRows = computed(() => state.applyLocalSort(props.rows ?? state.results.value));
|
|
114
|
-
const effectiveColumns = useRowActionsColumn(state, {
|
|
115
|
-
placement: () => props.rowActionsColumn,
|
|
116
|
-
select: () => props.select,
|
|
117
|
-
columns: () => props.columns ?? state.columns.value
|
|
118
|
-
});
|
|
119
|
-
useRegisterMainActionListener(state, (req) => emit("main-action", req.row, req.absIndex, req.event), useHasEmitListener("onMainAction"));
|
|
120
|
-
const { onSort, onHide, onFilter, onFiltersOff, onResetWidth, onReorder, onClearFilters } = useTableColumnHandlers(state);
|
|
121
|
-
return (_ctx, _cache) => {
|
|
122
|
-
return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(as_table_base_default, {
|
|
123
|
-
"render-mode": "standalone",
|
|
124
|
-
columns: unref(effectiveColumns),
|
|
125
|
-
rows: effectiveRows.value,
|
|
126
|
-
sorters: unref(state).sorters.value,
|
|
127
|
-
"selected-rows": unref(state).selectedRows.value,
|
|
128
|
-
select: props.select,
|
|
129
|
-
"select-on": props.selectOn,
|
|
130
|
-
"row-value-fn": unref(state).rowValueFn,
|
|
131
|
-
querying: unref(state).querying.value,
|
|
132
|
-
"query-error": unref(state).queryError.value,
|
|
133
|
-
"on-retry": unref(state).query,
|
|
134
|
-
"sticky-header": __props.stickyHeader,
|
|
135
|
-
headless: __props.headless,
|
|
136
|
-
"virtual-row-height": __props.virtualRowHeight,
|
|
137
|
-
"virtual-overscan": __props.virtualOverscan,
|
|
138
|
-
filters: unref(state).filters.value,
|
|
139
|
-
"search-term": unref(state).searchTerm.value,
|
|
140
|
-
"on-clear-filters": unref(onClearFilters),
|
|
141
|
-
"column-menu": __props.columnMenu,
|
|
142
|
-
reorderable: __props.reorderable,
|
|
143
|
-
resizable: __props.resizable,
|
|
144
|
-
"column-min-width": __props.columnMinWidth,
|
|
145
|
-
"column-widths": unref(state).columnWidths.value,
|
|
146
|
-
"row-class": __props.rowClass,
|
|
147
|
-
"row-attrs": __props.rowAttrs,
|
|
148
|
-
onSort: unref(onSort),
|
|
149
|
-
onHide: unref(onHide),
|
|
150
|
-
onFilter: unref(onFilter),
|
|
151
|
-
onFiltersOff: unref(onFiltersOff),
|
|
152
|
-
onReorder: unref(onReorder),
|
|
153
|
-
onResize: unref(state).setColumnWidth,
|
|
154
|
-
onResetWidth: unref(onResetWidth),
|
|
155
|
-
onRowClick: _cache[0] || (_cache[0] = (row, ev) => emit("row-click", row, ev)),
|
|
156
|
-
onRowDblclick: _cache[1] || (_cache[1] = (row, ev) => emit("row-dblclick", row, ev))
|
|
157
|
-
}, createSlots({ _: 2 }, [renderList(_ctx.$slots, (_, name) => {
|
|
158
|
-
return {
|
|
159
|
-
name,
|
|
160
|
-
fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps ?? {})))])
|
|
161
|
-
};
|
|
162
|
-
})]), 1032, [
|
|
163
|
-
"columns",
|
|
164
|
-
"rows",
|
|
165
|
-
"sorters",
|
|
166
|
-
"selected-rows",
|
|
167
|
-
"select",
|
|
168
|
-
"select-on",
|
|
169
|
-
"row-value-fn",
|
|
170
|
-
"querying",
|
|
171
|
-
"query-error",
|
|
172
|
-
"on-retry",
|
|
173
|
-
"sticky-header",
|
|
174
|
-
"headless",
|
|
175
|
-
"virtual-row-height",
|
|
176
|
-
"virtual-overscan",
|
|
177
|
-
"filters",
|
|
178
|
-
"search-term",
|
|
179
|
-
"on-clear-filters",
|
|
180
|
-
"column-menu",
|
|
181
|
-
"reorderable",
|
|
182
|
-
"resizable",
|
|
183
|
-
"column-min-width",
|
|
184
|
-
"column-widths",
|
|
185
|
-
"row-class",
|
|
186
|
-
"row-attrs",
|
|
187
|
-
"onSort",
|
|
188
|
-
"onHide",
|
|
189
|
-
"onFilter",
|
|
190
|
-
"onFiltersOff",
|
|
191
|
-
"onReorder",
|
|
192
|
-
"onResize",
|
|
193
|
-
"onResetWidth"
|
|
194
|
-
]), unref(state).querying.value ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "query-loading", {}, () => [_cache[2] || (_cache[2] = createElementVNode("span", {
|
|
195
|
-
class: "as-table-query-overlay-icon",
|
|
196
|
-
"aria-hidden": "true"
|
|
197
|
-
}, null, -1))])])) : createCommentVNode("v-if", true)]);
|
|
198
|
-
};
|
|
199
|
-
}
|
|
200
|
-
});
|
|
201
|
-
//#endregion
|
|
202
|
-
export { as_table_default as t };
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import { S as RowSelectableHook, T as SelectOn, b as RowDeleteOpt, g as RowActionsColumnPlacement, r as ColumnMenuConfig, v as RowAttrsHook, y as RowClassHook } from "./types-BEZ4_erB.mjs";
|
|
2
|
-
import { ColumnDef } from "@atscript/ui";
|
|
3
|
-
import * as vue from "vue";
|
|
4
|
-
import { SelectionMode } from "@atscript/ui-table";
|
|
5
|
-
|
|
6
|
-
//#region src/components/as-table.vue.d.ts
|
|
7
|
-
type __VLS_Props = {
|
|
8
|
-
rows?: Record<string, unknown>[];
|
|
9
|
-
columns?: ColumnDef[];
|
|
10
|
-
stickyHeader?: boolean;
|
|
11
|
-
virtualRowHeight?: number;
|
|
12
|
-
virtualOverscan?: number;
|
|
13
|
-
columnMenu?: ColumnMenuConfig; /** Allow header drag-and-drop column reorder. Default true. */
|
|
14
|
-
reorderable?: boolean; /** Allow header drag-resize. Default true. */
|
|
15
|
-
resizable?: boolean; /** Pixel floor for the resize clamp. Default 48. */
|
|
16
|
-
columnMinWidth?: number;
|
|
17
|
-
/**
|
|
18
|
-
* Selection mode — rendering concern owned by the renderer. `"multi"`
|
|
19
|
-
* shows a leading checkbox column and turns row clicks into selection
|
|
20
|
-
* toggles; `"none"` (default) hides the column and routes clicks
|
|
21
|
-
* through the main-action path. Independent of `state.selectedRows` —
|
|
22
|
-
* flipping `select` to `"none"` hides the checkbox UI but leaves the
|
|
23
|
-
* user's selected pks in place, surviving a future re-enable.
|
|
24
|
-
*/
|
|
25
|
-
select?: SelectionMode; /** See {@link SelectOn}. Since 0.1.142. */
|
|
26
|
-
selectOn?: SelectOn;
|
|
27
|
-
/**
|
|
28
|
-
* Built-in row-delete: `false` (off, default), `true` (on with defaults),
|
|
29
|
-
* or a `RowDeleteOpt` overriding label/icon/intent/promptText. The
|
|
30
|
-
* synthesised `__remove` action only appears when the consumer opts in
|
|
31
|
-
* AND `tableDef.canRemove === true`. Pushed into `state.rowDelete` via
|
|
32
|
-
* a watcher — the action set live-updates as the prop flips.
|
|
33
|
-
*/
|
|
34
|
-
rowDelete?: boolean | RowDeleteOpt;
|
|
35
|
-
/**
|
|
36
|
-
* Synthesised row-actions pseudo-column. `'first'` / `'last'` prepend or
|
|
37
|
-
* append a fixed `__actions` column rendering `controls.rowActions`.
|
|
38
|
-
* `'merge-select'` only renders the column when `select === "none"` —
|
|
39
|
-
* sharing the leading gutter with the multi-select checkbox column so the
|
|
40
|
-
* row gutter shows a checkbox in `select="multi"` mode and an action
|
|
41
|
-
* trigger in `select="none"` mode (toggled at the consumer level).
|
|
42
|
-
*
|
|
43
|
-
* The column is locked: no header dropdown, no resize, no drag-reorder,
|
|
44
|
-
* NOT in the `columnNames` v-model. Hidden entirely when
|
|
45
|
-
* `state.actions.row` is empty.
|
|
46
|
-
*
|
|
47
|
-
* Wrapper-only prop — not forwarded by `<AsTableRoot>`. Raw consumers
|
|
48
|
-
* compose their own column layout.
|
|
49
|
-
*/
|
|
50
|
-
rowActionsColumn?: RowActionsColumnPlacement | false;
|
|
51
|
-
/**
|
|
52
|
-
* Render without a header row. Omits `<thead>` entirely (not
|
|
53
|
-
* `display:none`); column widths are carried by the `<colgroup>`, so data
|
|
54
|
-
* columns keep their annotated/seeded widths. Header-driven interactions
|
|
55
|
-
* (sort/filter/reorder/resize) are unavailable in headless mode.
|
|
56
|
-
*/
|
|
57
|
-
headless?: boolean;
|
|
58
|
-
/**
|
|
59
|
-
* Per-row selectability. Return `false` — or a string, surfaced as the
|
|
60
|
-
* disabled reason on the row's selection control — to make a row not
|
|
61
|
-
* selectable. Enforced on every path: row click, Space/Enter toggle, and
|
|
62
|
-
* the header select-all (which also stops counting ineligible rows).
|
|
63
|
-
* Since 0.1.133.
|
|
64
|
-
*
|
|
65
|
-
* @example
|
|
66
|
-
* `:row-selectable="(row) => row.locked ? 'Locked by another user' : true"`
|
|
67
|
-
*/
|
|
68
|
-
rowSelectable?: RowSelectableHook;
|
|
69
|
-
/**
|
|
70
|
-
* Extra classes for the row element — string, array, or
|
|
71
|
-
* `{ class: boolean }` map, merged with the framework's own row classes.
|
|
72
|
-
* Since 0.1.133.
|
|
73
|
-
*/
|
|
74
|
-
rowClass?: RowClassHook;
|
|
75
|
-
/**
|
|
76
|
-
* Extra attributes for the row element. The framework's own `id`, `role`,
|
|
77
|
-
* `aria-*`, `data-*`, `class` and `style` always win, so a hook can
|
|
78
|
-
* decorate a row but never rewrite its accessibility contract.
|
|
79
|
-
* Since 0.1.133.
|
|
80
|
-
*/
|
|
81
|
-
rowAttrs?: RowAttrsHook;
|
|
82
|
-
};
|
|
83
|
-
declare var __VLS_19: string, __VLS_20: any, __VLS_22: {};
|
|
84
|
-
type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_19>]?: (props: typeof __VLS_20) => any } & {
|
|
85
|
-
'query-loading'?: (props: typeof __VLS_22) => any;
|
|
86
|
-
};
|
|
87
|
-
declare const __VLS_base: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
|
|
88
|
-
"row-click": (row: Record<string, unknown>, event: MouseEvent) => any;
|
|
89
|
-
"row-dblclick": (row: Record<string, unknown>, event: MouseEvent) => any;
|
|
90
|
-
"main-action": (row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any;
|
|
91
|
-
}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
92
|
-
"onRow-click"?: ((row: Record<string, unknown>, event: MouseEvent) => any) | undefined;
|
|
93
|
-
"onRow-dblclick"?: ((row: Record<string, unknown>, event: MouseEvent) => any) | undefined;
|
|
94
|
-
"onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any) | undefined;
|
|
95
|
-
}>, {
|
|
96
|
-
select: SelectionMode;
|
|
97
|
-
stickyHeader: boolean;
|
|
98
|
-
virtualOverscan: number;
|
|
99
|
-
reorderable: boolean;
|
|
100
|
-
resizable: boolean;
|
|
101
|
-
columnMinWidth: number;
|
|
102
|
-
selectOn: SelectOn;
|
|
103
|
-
rowDelete: boolean | RowDeleteOpt;
|
|
104
|
-
rowActionsColumn: RowActionsColumnPlacement | false;
|
|
105
|
-
headless: boolean;
|
|
106
|
-
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
107
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
108
|
-
declare const _default: typeof __VLS_export;
|
|
109
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
110
|
-
new (): {
|
|
111
|
-
$slots: S;
|
|
112
|
-
};
|
|
113
|
-
};
|
|
114
|
-
//#endregion
|
|
115
|
-
export { _default as t };
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import { S as RowSelectableHook, T as SelectOn, b as RowDeleteOpt, g as RowActionsColumnPlacement, r as ColumnMenuConfig, v as RowAttrsHook, y as RowClassHook } from "./types-D1NxhrpW.cjs";
|
|
2
|
-
import * as vue from "vue";
|
|
3
|
-
import { ColumnDef } from "@atscript/ui";
|
|
4
|
-
import { SelectionMode } from "@atscript/ui-table";
|
|
5
|
-
|
|
6
|
-
//#region src/components/as-table.vue.d.ts
|
|
7
|
-
type __VLS_Props = {
|
|
8
|
-
rows?: Record<string, unknown>[];
|
|
9
|
-
columns?: ColumnDef[];
|
|
10
|
-
stickyHeader?: boolean;
|
|
11
|
-
virtualRowHeight?: number;
|
|
12
|
-
virtualOverscan?: number;
|
|
13
|
-
columnMenu?: ColumnMenuConfig; /** Allow header drag-and-drop column reorder. Default true. */
|
|
14
|
-
reorderable?: boolean; /** Allow header drag-resize. Default true. */
|
|
15
|
-
resizable?: boolean; /** Pixel floor for the resize clamp. Default 48. */
|
|
16
|
-
columnMinWidth?: number;
|
|
17
|
-
/**
|
|
18
|
-
* Selection mode — rendering concern owned by the renderer. `"multi"`
|
|
19
|
-
* shows a leading checkbox column and turns row clicks into selection
|
|
20
|
-
* toggles; `"none"` (default) hides the column and routes clicks
|
|
21
|
-
* through the main-action path. Independent of `state.selectedRows` —
|
|
22
|
-
* flipping `select` to `"none"` hides the checkbox UI but leaves the
|
|
23
|
-
* user's selected pks in place, surviving a future re-enable.
|
|
24
|
-
*/
|
|
25
|
-
select?: SelectionMode; /** See {@link SelectOn}. Since 0.1.142. */
|
|
26
|
-
selectOn?: SelectOn;
|
|
27
|
-
/**
|
|
28
|
-
* Built-in row-delete: `false` (off, default), `true` (on with defaults),
|
|
29
|
-
* or a `RowDeleteOpt` overriding label/icon/intent/promptText. The
|
|
30
|
-
* synthesised `__remove` action only appears when the consumer opts in
|
|
31
|
-
* AND `tableDef.canRemove === true`. Pushed into `state.rowDelete` via
|
|
32
|
-
* a watcher — the action set live-updates as the prop flips.
|
|
33
|
-
*/
|
|
34
|
-
rowDelete?: boolean | RowDeleteOpt;
|
|
35
|
-
/**
|
|
36
|
-
* Synthesised row-actions pseudo-column. `'first'` / `'last'` prepend or
|
|
37
|
-
* append a fixed `__actions` column rendering `controls.rowActions`.
|
|
38
|
-
* `'merge-select'` only renders the column when `select === "none"` —
|
|
39
|
-
* sharing the leading gutter with the multi-select checkbox column so the
|
|
40
|
-
* row gutter shows a checkbox in `select="multi"` mode and an action
|
|
41
|
-
* trigger in `select="none"` mode (toggled at the consumer level).
|
|
42
|
-
*
|
|
43
|
-
* The column is locked: no header dropdown, no resize, no drag-reorder,
|
|
44
|
-
* NOT in the `columnNames` v-model. Hidden entirely when
|
|
45
|
-
* `state.actions.row` is empty.
|
|
46
|
-
*
|
|
47
|
-
* Wrapper-only prop — not forwarded by `<AsTableRoot>`. Raw consumers
|
|
48
|
-
* compose their own column layout.
|
|
49
|
-
*/
|
|
50
|
-
rowActionsColumn?: RowActionsColumnPlacement | false;
|
|
51
|
-
/**
|
|
52
|
-
* Render without a header row. Omits `<thead>` entirely (not
|
|
53
|
-
* `display:none`); column widths are carried by the `<colgroup>`, so data
|
|
54
|
-
* columns keep their annotated/seeded widths. Header-driven interactions
|
|
55
|
-
* (sort/filter/reorder/resize) are unavailable in headless mode.
|
|
56
|
-
*/
|
|
57
|
-
headless?: boolean;
|
|
58
|
-
/**
|
|
59
|
-
* Per-row selectability. Return `false` — or a string, surfaced as the
|
|
60
|
-
* disabled reason on the row's selection control — to make a row not
|
|
61
|
-
* selectable. Enforced on every path: row click, Space/Enter toggle, and
|
|
62
|
-
* the header select-all (which also stops counting ineligible rows).
|
|
63
|
-
* Since 0.1.133.
|
|
64
|
-
*
|
|
65
|
-
* @example
|
|
66
|
-
* `:row-selectable="(row) => row.locked ? 'Locked by another user' : true"`
|
|
67
|
-
*/
|
|
68
|
-
rowSelectable?: RowSelectableHook;
|
|
69
|
-
/**
|
|
70
|
-
* Extra classes for the row element — string, array, or
|
|
71
|
-
* `{ class: boolean }` map, merged with the framework's own row classes.
|
|
72
|
-
* Since 0.1.133.
|
|
73
|
-
*/
|
|
74
|
-
rowClass?: RowClassHook;
|
|
75
|
-
/**
|
|
76
|
-
* Extra attributes for the row element. The framework's own `id`, `role`,
|
|
77
|
-
* `aria-*`, `data-*`, `class` and `style` always win, so a hook can
|
|
78
|
-
* decorate a row but never rewrite its accessibility contract.
|
|
79
|
-
* Since 0.1.133.
|
|
80
|
-
*/
|
|
81
|
-
rowAttrs?: RowAttrsHook;
|
|
82
|
-
};
|
|
83
|
-
declare var __VLS_19: string, __VLS_20: any, __VLS_22: {};
|
|
84
|
-
type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_19>]?: (props: typeof __VLS_20) => any } & {
|
|
85
|
-
'query-loading'?: (props: typeof __VLS_22) => any;
|
|
86
|
-
};
|
|
87
|
-
declare const __VLS_base: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
|
|
88
|
-
"row-click": (row: Record<string, unknown>, event: MouseEvent) => any;
|
|
89
|
-
"row-dblclick": (row: Record<string, unknown>, event: MouseEvent) => any;
|
|
90
|
-
"main-action": (row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any;
|
|
91
|
-
}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
92
|
-
"onRow-click"?: ((row: Record<string, unknown>, event: MouseEvent) => any) | undefined;
|
|
93
|
-
"onRow-dblclick"?: ((row: Record<string, unknown>, event: MouseEvent) => any) | undefined;
|
|
94
|
-
"onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any) | undefined;
|
|
95
|
-
}>, {
|
|
96
|
-
select: SelectionMode;
|
|
97
|
-
stickyHeader: boolean;
|
|
98
|
-
virtualOverscan: number;
|
|
99
|
-
reorderable: boolean;
|
|
100
|
-
resizable: boolean;
|
|
101
|
-
columnMinWidth: number;
|
|
102
|
-
selectOn: SelectOn;
|
|
103
|
-
rowDelete: boolean | RowDeleteOpt;
|
|
104
|
-
rowActionsColumn: RowActionsColumnPlacement | false;
|
|
105
|
-
headless: boolean;
|
|
106
|
-
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
107
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
108
|
-
declare const _default: typeof __VLS_export;
|
|
109
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
110
|
-
new (): {
|
|
111
|
-
$slots: S;
|
|
112
|
-
};
|
|
113
|
-
};
|
|
114
|
-
//#endregion
|
|
115
|
-
export { _default as t };
|