@atscript/vue-table 0.1.146 → 0.1.148
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-BBwL1YZU.mjs} +1 -1
- package/dist/{as-action-menu-content-FQ2miGid.cjs → as-action-menu-content-DAOjkslC.cjs} +1 -1
- package/dist/{as-cell-array-CCZ0Ajj9.cjs → as-cell-array-CB4Nt6Fo.cjs} +3 -2
- package/dist/{as-cell-array-Bgc4GYZf.mjs → as-cell-array-CnoVd9ps.mjs} +4 -3
- package/dist/as-cell-array.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-array.mjs +1 -1
- package/dist/{as-cell-date-RU5JPJhI.cjs → as-cell-date-DrnhvCr4.cjs} +3 -14
- package/dist/{as-cell-date-B9mu0OOD.mjs → as-cell-date-dhIM7hWA.mjs} +2 -13
- package/dist/as-cell-date.cjs +1 -1
- package/dist/as-cell-date.d.cts +1 -1
- package/dist/as-cell-date.d.mts +1 -1
- package/dist/as-cell-date.mjs +1 -1
- package/dist/{as-cell-json-ByEGYRST.mjs → as-cell-json-ChN_NDhO.mjs} +1 -1
- package/dist/{as-cell-json-w5YJxNuF.cjs → as-cell-json-CzHTpkjS.cjs} +1 -1
- package/dist/as-cell-json.cjs +1 -1
- package/dist/as-cell-json.d.cts +1 -1
- package/dist/as-cell-json.d.mts +1 -1
- package/dist/as-cell-json.mjs +1 -1
- package/dist/{as-cell-number-DGJCTXDf.cjs → as-cell-number-C4JMqvqa.cjs} +1 -1
- package/dist/{as-cell-number-CNDT6gfw.mjs → as-cell-number-D-mSaE_G.mjs} +1 -1
- package/dist/as-cell-number.cjs +1 -1
- package/dist/as-cell-number.d.cts +1 -1
- package/dist/as-cell-number.d.mts +1 -1
- package/dist/as-cell-number.mjs +1 -1
- package/dist/{as-cell-union-DMnoa7RM.mjs → as-cell-union-C9Bbnkrg.mjs} +1 -1
- package/dist/{as-cell-union-LOGvhPeK.cjs → as-cell-union-DpCEHLzN.cjs} +1 -1
- package/dist/as-cell-union.cjs +1 -1
- package/dist/as-cell-union.d.cts +1 -1
- package/dist/as-cell-union.d.mts +1 -1
- package/dist/as-cell-union.mjs +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-4zJmC_M6.d.mts} +2 -2
- package/dist/{as-column-menu.vue-TChT482i.d.mts → as-column-menu.vue-CS_8jHG3.d.cts} +2 -2
- package/dist/{as-config-dialog-CpW1Qemf.cjs → as-config-dialog-CnIvMsK0.cjs} +10 -5
- package/dist/{as-config-dialog-ObHtungs.mjs → as-config-dialog-ZKMnfirD.mjs} +10 -5
- 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-zg7jmS3u.mjs → as-confirm-dialog-DMiGquH1.mjs} +1 -1
- package/dist/{as-confirm-dialog-D3Vu1Rb_.cjs → as-confirm-dialog-cSEHVFBq.cjs} +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-CWy0mjZl.mjs → as-filter-dialog-DNFR30fV.mjs} +61 -38
- package/dist/{as-filter-dialog-C4EyRr2_.cjs → as-filter-dialog-KjvJdaMg.cjs} +60 -37
- 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-BQ9UlV0y.cjs → as-filter-field-BsucQwbm.cjs} +247 -35
- package/dist/{as-filter-field-CW1_GHZT.mjs → as-filter-field-DE6MJMx7.mjs} +227 -39
- 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-ChJ8JE6-.cjs +254 -0
- package/dist/as-filter-input-DmOW_jzK.mjs +249 -0
- package/dist/as-filter-input.cjs +1 -1
- package/dist/as-filter-input.d.cts +1 -1
- package/dist/as-filter-input.d.mts +1 -1
- package/dist/as-filter-input.mjs +1 -1
- package/dist/{as-filter-input.vue-CFZ33B--.d.mts → as-filter-input.vue-BLTzA2Iy.d.cts} +10 -1
- package/dist/{as-filter-input.vue-CS4nOk_Q.d.cts → as-filter-input.vue-CmWQGQCv.d.mts} +10 -1
- package/dist/{as-filters-DUfFkXAo.cjs → as-filters-CYC_SXaA.cjs} +4 -4
- package/dist/{as-filters-BLFSS_VP.mjs → as-filters-DErM2bFq.mjs} +4 -4
- package/dist/as-filters.cjs +1 -1
- package/dist/as-filters.d.mts +1 -1
- package/dist/as-filters.mjs +1 -1
- package/dist/{as-preset-dialog-CI2Hw8vi.mjs → as-preset-dialog-CY5dPfZa.mjs} +2 -2
- package/dist/{as-preset-dialog-BlXqTZiT.cjs → as-preset-dialog-tM-jrQgs.cjs} +2 -2
- 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-CVgyZBG7.cjs → as-preset-picker-CjSXtx83.cjs} +2 -2
- package/dist/{as-preset-picker-CbZDGPaf.mjs → as-preset-picker-DkZ7sinz.mjs} +2 -2
- package/dist/as-preset-picker.cjs +1 -1
- package/dist/as-preset-picker.d.mts +1 -1
- package/dist/as-preset-picker.mjs +1 -1
- package/dist/{as-residual-filter-CUTouIn5.mjs → as-residual-filter-DHfbtTQj.mjs} +4 -5
- package/dist/{as-residual-filter-C8n7kdGW.cjs → as-residual-filter-XkXnMQNu.cjs} +4 -5
- 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-ed1P6GEJ.mjs → as-row-actions-BNQ7jrie.mjs} +7 -5
- package/dist/{as-row-actions-DfUL9sYB.cjs → as-row-actions-q_oMmUz1.cjs} +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-BB8ATWBY.d.mts} +1 -1
- package/dist/{as-row-actions.vue-CKOnE0eb.d.mts → as-row-actions.vue-CnjcRD0P.d.cts} +1 -1
- package/dist/{as-select-cell-DwMfqBMV.cjs → as-select-cell-Dc3lArvR.cjs} +11 -6
- package/dist/{as-select-cell-BMptU5sQ.mjs → as-select-cell-DjcPorVb.mjs} +11 -6
- package/dist/as-selection-banner-Ca9DWVdW.mjs +189 -0
- package/dist/as-selection-banner-CxPXBztW.cjs +206 -0
- package/dist/as-table-BIAkCI4g.cjs +215 -0
- package/dist/as-table-Bcz-WOTS.mjs +210 -0
- package/dist/{as-table-actions-DQco4pGu.mjs → as-table-actions-DPq5SrGa.mjs} +32 -6
- package/dist/{as-table-actions-DplblFlK.cjs → as-table-actions-TaI-NeVv.cjs} +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-BYphfAe2.d.cts → as-table-actions.vue-C2szPEXd.d.mts} +8 -1
- package/dist/{as-table-actions.vue-C6hzRtS7.d.mts → as-table-actions.vue-CBD_tEpe.d.cts} +8 -1
- package/dist/{as-table-base-lfyjPgsO.mjs → as-table-base-CsK79vYe.mjs} +3 -3
- package/dist/{as-table-base-CNAn-vpa.cjs → as-table-base-Dvey_Gie.cjs} +3 -3
- package/dist/{as-table-cell-value-DoH8Mieo.mjs → as-table-cell-value-D-S127gr.mjs} +13 -2
- package/dist/{as-table-cell-value-COyZnwUj.cjs → as-table-cell-value-VWlXc5dA.cjs} +12 -1
- package/dist/as-table-cell-value.cjs +1 -1
- package/dist/as-table-cell-value.d.cts +1 -1
- package/dist/as-table-cell-value.d.mts +1 -1
- package/dist/as-table-cell-value.mjs +1 -1
- package/dist/{as-table-header-cell-BwaOPYwI.cjs → as-table-header-cell-DB7Cdskr.cjs} +1 -1
- package/dist/{as-table-header-cell-Csv1KQDa.mjs → as-table-header-cell-ahzAeHXj.mjs} +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-D2s9YLSJ.d.cts} +1 -1
- package/dist/{as-table-header-cell.vue-KkANwimG.d.mts → as-table-header-cell.vue-DfDNma_Z.d.mts} +1 -1
- package/dist/{as-table-root-BreMYhnv.mjs → as-table-root-BnkF5-rh.mjs} +78 -11
- package/dist/{as-table-root-DXewWV9h.cjs → as-table-root-Nsk-9XaH.cjs} +77 -10
- 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-XtDgUjO2.d.mts → as-table-root.vue-D56WcudY.d.mts} +515 -1530
- package/dist/{as-table-root.vue-Bjzp8TJl.d.cts → as-table-root.vue-DXXcBPu_.d.cts} +511 -1526
- 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-DjplqWzr.mjs} +100 -54
- package/dist/{as-window-table-Bj1dXOS6.cjs → as-window-table-ubm2u8_i.cjs} +102 -56
- 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 +73 -91
- package/dist/index.d.cts +19 -21
- package/dist/index.d.mts +21 -23
- package/dist/index.mjs +71 -93
- package/dist/{types-D1NxhrpW.d.cts → intent-scope-CGch9yhy.d.cts} +215 -35
- package/dist/{types-BEZ4_erB.d.mts → intent-scope-CvD4YOvf.d.mts} +215 -35
- package/dist/use-condition-format-5LcuInDy.mjs +34 -0
- package/dist/use-condition-format-DrgfX6xL.cjs +39 -0
- package/dist/{use-table-BTsNGBVx.mjs → use-table-BYNBpLJt.mjs} +27 -4
- package/dist/{use-table-W0KmaJ6L.cjs → use-table-C9qI-TL6.cjs} +26 -3
- package/dist/{use-table-component-BvAC82_c.cjs → use-table-component-CsdvdGJT.cjs} +1 -1
- package/dist/{use-table-component-DRMXTk9M.mjs → use-table-component-Dy397695.mjs} +1 -1
- package/dist/{use-table-nav-bridge-Bw0NFDSf.mjs → use-table-nav-bridge-CJBERyPB.mjs} +1 -1
- package/dist/{use-table-nav-bridge-CPI1tql6.cjs → use-table-nav-bridge-Gm4ZfOjJ.cjs} +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-Ddr2UZzB.cjs → use-table-state-BQchKxUr.cjs} +499 -43
- package/dist/{use-table-state-DuY-Mf8e.mjs → use-table-state-CIoWhwTD.mjs} +466 -46
- package/package.json +11 -10
- package/dist/as-filter-input-BM23TNeh.mjs +0 -101
- package/dist/as-filter-input-DJu2k9gO.cjs +0 -106
- package/dist/as-table-BjKzKB0a.cjs +0 -207
- package/dist/as-table-DGWfzV4w.mjs +0 -202
- package/dist/as-table.vue-BULJe49x.d.cts +0 -115
- package/dist/as-table.vue-DgCtlV4u.d.mts +0 -115
- package/dist/as-window-table.vue-CYFgK10g.d.mts +0 -132
- package/dist/as-window-table.vue-ijutqrJ0.d.cts +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-D4vS7C_D.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-date.vue-B4JCr1qP.d.mts → as-cell-date.vue-Chs7WTZ9.d.mts} +0 -0
- /package/dist/{as-cell-json-popover-Dkdv5Y9E.mjs → as-cell-json-popover-CH5bAcLE.mjs} +0 -0
- /package/dist/{as-cell-json-popover-BM2QLgfk.cjs → as-cell-json-popover-vty5vMjW.cjs} +0 -0
- /package/dist/{as-cell-json.vue-B-T3TuFj.d.mts → as-cell-json.vue-C0_LDvQw.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-CNH2fbCB.d.mts → as-cell-number.vue-BBF0OuU8.d.mts} +0 -0
- /package/dist/{as-cell-number.vue-CJ2K5zeM.d.cts → as-cell-number.vue-pbgVCIWT.d.cts} +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-CL-Lf-Rm.d.mts} +0 -0
- /package/dist/{as-config-dialog.vue-BKo2GpzN.d.mts → as-config-dialog.vue-BvFZZRuY.d.mts} +0 -0
- /package/dist/{as-config-dialog.vue-DvvJi3xx.d.cts → as-config-dialog.vue-C-Jw_rb7.d.cts} +0 -0
- /package/dist/{as-confirm-dialog.vue-BN_yzu3h.d.mts → as-confirm-dialog.vue-Cz52-v6c.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-likNLqzF.d.mts} +0 -0
- /package/dist/{as-filter-field.vue-DD0IZXS1.d.mts → as-filter-field.vue-BbXLhd6O.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-filters.vue-dHbGmcbr.d.mts → as-filters.vue-Bu4wK0iD.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-BRjjfPty.d.mts} +0 -0
- /package/dist/{as-preset-picker.vue-OaAV2v9z.d.mts → as-preset-picker.vue-DAUZOlOD.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-DbeOOtR7.d.mts} +0 -0
- /package/dist/{as-table-cell-value.vue-DphckGq-.d.mts → as-table-cell-value.vue-BXIH_yfq.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/{error-message-CfKpn_5w.cjs → error-message-CoUcpWal.cjs} +0 -0
- /package/dist/{error-message-gNEXnnbb.mjs → error-message-rziSiSjs.mjs} +0 -0
- /package/dist/{use-cell-locale-MQXoONh5.mjs → use-cell-locale-BTJZ6UcP.mjs} +0 -0
- /package/dist/{use-cell-locale-BGBRQB7s.cjs → use-cell-locale-Dv514-Al.cjs} +0 -0
- /package/dist/{use-has-emit-listener-DrBbsLHQ.mjs → use-has-emit-listener-CsF2w9iT.mjs} +0 -0
- /package/dist/{use-has-emit-listener-BaGFZDyM.cjs → use-has-emit-listener-gD1aWp6N.cjs} +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.148",
|
|
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.148",
|
|
171
|
+
"@atscript/ui-table": "^0.1.148",
|
|
172
|
+
"@atscript/vue-form": "^0.1.148"
|
|
173
173
|
},
|
|
174
174
|
"devDependencies": {
|
|
175
|
-
"@atscript/
|
|
176
|
-
"@atscript/
|
|
175
|
+
"@atscript/core": "^0.1.100",
|
|
176
|
+
"@atscript/db-client": "^0.1.148",
|
|
177
|
+
"@atscript/typescript": "^0.1.100",
|
|
177
178
|
"@tanstack/vue-virtual": "^3.13.26",
|
|
178
|
-
"@uniqu/core": "^0.1.
|
|
179
|
-
"@uniqu/url": "^0.1.
|
|
179
|
+
"@uniqu/core": "^0.1.13",
|
|
180
|
+
"@uniqu/url": "^0.1.13",
|
|
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.148",
|
|
193
194
|
"@tanstack/vue-virtual": "^3.13.26",
|
|
194
|
-
"@uniqu/url": "^0.1.
|
|
195
|
+
"@uniqu/url": "^0.1.13",
|
|
195
196
|
"@vueuse/core": "^14.3.0",
|
|
196
197
|
"reka-ui": "^2.9.8",
|
|
197
198
|
"vue": "^3"
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock } from "vue";
|
|
2
|
-
import { NULL_OPS, hasSecondValue } from "@atscript/ui-table";
|
|
3
|
-
//#region src/components/defaults/as-filter-input.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
-
const _hoisted_1 = {
|
|
5
|
-
key: 0,
|
|
6
|
-
class: "as-filter-input-disabled",
|
|
7
|
-
"aria-hidden": "true"
|
|
8
|
-
};
|
|
9
|
-
const _hoisted_2 = ["value"];
|
|
10
|
-
const _hoisted_3 = { class: "as-filter-input-range" };
|
|
11
|
-
const _hoisted_4 = ["type", "value"];
|
|
12
|
-
const _hoisted_5 = ["type", "value"];
|
|
13
|
-
const _hoisted_6 = [
|
|
14
|
-
"type",
|
|
15
|
-
"value",
|
|
16
|
-
"placeholder"
|
|
17
|
-
];
|
|
18
|
-
//#endregion
|
|
19
|
-
//#region src/components/defaults/as-filter-input.vue
|
|
20
|
-
var as_filter_input_default = /* @__PURE__ */ defineComponent({
|
|
21
|
-
__name: "as-filter-input",
|
|
22
|
-
props: {
|
|
23
|
-
column: {
|
|
24
|
-
type: Object,
|
|
25
|
-
required: true
|
|
26
|
-
},
|
|
27
|
-
condition: {
|
|
28
|
-
type: Object,
|
|
29
|
-
required: true
|
|
30
|
-
},
|
|
31
|
-
filterType: {
|
|
32
|
-
type: String,
|
|
33
|
-
required: true
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
emits: ["update:condition"],
|
|
37
|
-
setup(__props, { emit: __emit }) {
|
|
38
|
-
const props = __props;
|
|
39
|
-
const emit = __emit;
|
|
40
|
-
const needsInput = computed(() => !NULL_OPS.has(props.condition.type));
|
|
41
|
-
const isBetween = computed(() => hasSecondValue(props.condition.type));
|
|
42
|
-
function updateValue(index, raw) {
|
|
43
|
-
const value = [...props.condition.value];
|
|
44
|
-
value[index] = props.filterType === "number" ? Number(raw) : raw;
|
|
45
|
-
emit("update:condition", {
|
|
46
|
-
...props.condition,
|
|
47
|
-
value
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
function onBoolSelect(val) {
|
|
51
|
-
const boolVal = val === "true";
|
|
52
|
-
emit("update:condition", {
|
|
53
|
-
...props.condition,
|
|
54
|
-
value: [boolVal]
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
const inputType = computed(() => {
|
|
58
|
-
if (props.filterType === "number") return "number";
|
|
59
|
-
if (props.filterType === "date") return "date";
|
|
60
|
-
return "text";
|
|
61
|
-
});
|
|
62
|
-
return (_ctx, _cache) => {
|
|
63
|
-
return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" Null/notNull: render a plain layer-1 box the size of a filter input, no text. "), !needsInput.value ? (openBlock(), createElementBlock("div", _hoisted_1)) : __props.filterType === "boolean" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Boolean select "), createElementVNode("select", {
|
|
64
|
-
class: "as-filter-input as-filter-select",
|
|
65
|
-
value: String(__props.condition.value[0] ?? ""),
|
|
66
|
-
onChange: _cache[0] || (_cache[0] = ($event) => onBoolSelect($event.target.value))
|
|
67
|
-
}, [..._cache[4] || (_cache[4] = [
|
|
68
|
-
createElementVNode("option", {
|
|
69
|
-
value: "",
|
|
70
|
-
disabled: ""
|
|
71
|
-
}, "Select...", -1),
|
|
72
|
-
createElementVNode("option", { value: "true" }, "true", -1),
|
|
73
|
-
createElementVNode("option", { value: "false" }, "false", -1)
|
|
74
|
-
])], 40, _hoisted_2)], 2112)) : isBetween.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" Between: two inputs "), createElementVNode("div", _hoisted_3, [
|
|
75
|
-
createElementVNode("input", {
|
|
76
|
-
class: "as-filter-input",
|
|
77
|
-
type: inputType.value,
|
|
78
|
-
value: __props.condition.value[0] ?? "",
|
|
79
|
-
placeholder: "From",
|
|
80
|
-
onInput: _cache[1] || (_cache[1] = ($event) => updateValue(0, $event.target.value))
|
|
81
|
-
}, null, 40, _hoisted_4),
|
|
82
|
-
_cache[5] || (_cache[5] = createElementVNode("span", { class: "as-filter-input-range-sep" }, "–", -1)),
|
|
83
|
-
createElementVNode("input", {
|
|
84
|
-
class: "as-filter-input",
|
|
85
|
-
type: inputType.value,
|
|
86
|
-
value: __props.condition.value[1] ?? "",
|
|
87
|
-
placeholder: "To",
|
|
88
|
-
onInput: _cache[2] || (_cache[2] = ($event) => updateValue(1, $event.target.value))
|
|
89
|
-
}, null, 40, _hoisted_5)
|
|
90
|
-
])], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createCommentVNode(" Default: single input "), createElementVNode("input", {
|
|
91
|
-
class: "as-filter-input",
|
|
92
|
-
type: inputType.value,
|
|
93
|
-
value: __props.condition.value[0] ?? "",
|
|
94
|
-
placeholder: __props.filterType === "date" ? "" : "Value...",
|
|
95
|
-
onInput: _cache[3] || (_cache[3] = ($event) => updateValue(0, $event.target.value))
|
|
96
|
-
}, null, 40, _hoisted_6)], 2112))], 2112);
|
|
97
|
-
};
|
|
98
|
-
}
|
|
99
|
-
});
|
|
100
|
-
//#endregion
|
|
101
|
-
export { as_filter_input_default as t };
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
let vue = require("vue");
|
|
2
|
-
let _atscript_ui_table = require("@atscript/ui-table");
|
|
3
|
-
//#region src/components/defaults/as-filter-input.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
-
const _hoisted_1 = {
|
|
5
|
-
key: 0,
|
|
6
|
-
class: "as-filter-input-disabled",
|
|
7
|
-
"aria-hidden": "true"
|
|
8
|
-
};
|
|
9
|
-
const _hoisted_2 = ["value"];
|
|
10
|
-
const _hoisted_3 = { class: "as-filter-input-range" };
|
|
11
|
-
const _hoisted_4 = ["type", "value"];
|
|
12
|
-
const _hoisted_5 = ["type", "value"];
|
|
13
|
-
const _hoisted_6 = [
|
|
14
|
-
"type",
|
|
15
|
-
"value",
|
|
16
|
-
"placeholder"
|
|
17
|
-
];
|
|
18
|
-
//#endregion
|
|
19
|
-
//#region src/components/defaults/as-filter-input.vue
|
|
20
|
-
var as_filter_input_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
21
|
-
__name: "as-filter-input",
|
|
22
|
-
props: {
|
|
23
|
-
column: {
|
|
24
|
-
type: Object,
|
|
25
|
-
required: true
|
|
26
|
-
},
|
|
27
|
-
condition: {
|
|
28
|
-
type: Object,
|
|
29
|
-
required: true
|
|
30
|
-
},
|
|
31
|
-
filterType: {
|
|
32
|
-
type: String,
|
|
33
|
-
required: true
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
emits: ["update:condition"],
|
|
37
|
-
setup(__props, { emit: __emit }) {
|
|
38
|
-
const props = __props;
|
|
39
|
-
const emit = __emit;
|
|
40
|
-
const needsInput = (0, vue.computed)(() => !_atscript_ui_table.NULL_OPS.has(props.condition.type));
|
|
41
|
-
const isBetween = (0, vue.computed)(() => (0, _atscript_ui_table.hasSecondValue)(props.condition.type));
|
|
42
|
-
function updateValue(index, raw) {
|
|
43
|
-
const value = [...props.condition.value];
|
|
44
|
-
value[index] = props.filterType === "number" ? Number(raw) : raw;
|
|
45
|
-
emit("update:condition", {
|
|
46
|
-
...props.condition,
|
|
47
|
-
value
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
function onBoolSelect(val) {
|
|
51
|
-
const boolVal = val === "true";
|
|
52
|
-
emit("update:condition", {
|
|
53
|
-
...props.condition,
|
|
54
|
-
value: [boolVal]
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
const inputType = (0, vue.computed)(() => {
|
|
58
|
-
if (props.filterType === "number") return "number";
|
|
59
|
-
if (props.filterType === "date") return "date";
|
|
60
|
-
return "text";
|
|
61
|
-
});
|
|
62
|
-
return (_ctx, _cache) => {
|
|
63
|
-
return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createCommentVNode)(" Null/notNull: render a plain layer-1 box the size of a filter input, no text. "), !needsInput.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1)) : __props.filterType === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createCommentVNode)(" Boolean select "), (0, vue.createElementVNode)("select", {
|
|
64
|
-
class: "as-filter-input as-filter-select",
|
|
65
|
-
value: String(__props.condition.value[0] ?? ""),
|
|
66
|
-
onChange: _cache[0] || (_cache[0] = ($event) => onBoolSelect($event.target.value))
|
|
67
|
-
}, [..._cache[4] || (_cache[4] = [
|
|
68
|
-
(0, vue.createElementVNode)("option", {
|
|
69
|
-
value: "",
|
|
70
|
-
disabled: ""
|
|
71
|
-
}, "Select...", -1),
|
|
72
|
-
(0, vue.createElementVNode)("option", { value: "true" }, "true", -1),
|
|
73
|
-
(0, vue.createElementVNode)("option", { value: "false" }, "false", -1)
|
|
74
|
-
])], 40, _hoisted_2)], 2112)) : isBetween.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createCommentVNode)(" Between: two inputs "), (0, vue.createElementVNode)("div", _hoisted_3, [
|
|
75
|
-
(0, vue.createElementVNode)("input", {
|
|
76
|
-
class: "as-filter-input",
|
|
77
|
-
type: inputType.value,
|
|
78
|
-
value: __props.condition.value[0] ?? "",
|
|
79
|
-
placeholder: "From",
|
|
80
|
-
onInput: _cache[1] || (_cache[1] = ($event) => updateValue(0, $event.target.value))
|
|
81
|
-
}, null, 40, _hoisted_4),
|
|
82
|
-
_cache[5] || (_cache[5] = (0, vue.createElementVNode)("span", { class: "as-filter-input-range-sep" }, "–", -1)),
|
|
83
|
-
(0, vue.createElementVNode)("input", {
|
|
84
|
-
class: "as-filter-input",
|
|
85
|
-
type: inputType.value,
|
|
86
|
-
value: __props.condition.value[1] ?? "",
|
|
87
|
-
placeholder: "To",
|
|
88
|
-
onInput: _cache[2] || (_cache[2] = ($event) => updateValue(1, $event.target.value))
|
|
89
|
-
}, null, 40, _hoisted_5)
|
|
90
|
-
])], 2112)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 3 }, [(0, vue.createCommentVNode)(" Default: single input "), (0, vue.createElementVNode)("input", {
|
|
91
|
-
class: "as-filter-input",
|
|
92
|
-
type: inputType.value,
|
|
93
|
-
value: __props.condition.value[0] ?? "",
|
|
94
|
-
placeholder: __props.filterType === "date" ? "" : "Value...",
|
|
95
|
-
onInput: _cache[3] || (_cache[3] = ($event) => updateValue(0, $event.target.value))
|
|
96
|
-
}, null, 40, _hoisted_6)], 2112))], 2112);
|
|
97
|
-
};
|
|
98
|
-
}
|
|
99
|
-
});
|
|
100
|
-
//#endregion
|
|
101
|
-
Object.defineProperty(exports, "as_filter_input_default", {
|
|
102
|
-
enumerable: true,
|
|
103
|
-
get: function() {
|
|
104
|
-
return as_filter_input_default;
|
|
105
|
-
}
|
|
106
|
-
});
|
|
@@ -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 };
|