Browse Source

feat: add `@cell-click` event handler for `list-table.vue`, allow `useModifyForm` to take additional parameters when opened in add mode.

dev
hechang27-sprt 6 months ago
parent
commit
1337818e12
  1. 3
      packages/base/data/list-table.vue
  2. 4
      plugs/composables/useModifyForm.ts

3
packages/base/data/list-table.vue

@ -7,6 +7,7 @@ @@ -7,6 +7,7 @@
:border="border"
@selection-change="selectionChange"
@row-click="emit('row-click', $event)"
@cell-click="(row, column, cell, event) => emit('cell-click', row, column, cell, event)"
:height="height || (page ? state.size.pTableHeight : state.size.tableHeight)"
highlight-current-row
:row-key="rowKey"
@ -88,7 +89,7 @@ const prop = withDefaults(defineProps<Props>(), { @@ -88,7 +89,7 @@ const prop = withDefaults(defineProps<Props>(), {
border: false,
});
const emit = defineEmits(["query", "selection-change", "row-click"]);
const emit = defineEmits(["query", "selection-change", "row-click", "cell-click"]);
const selectionChange = (selection) => {
emit("selection-change", selection);

4
plugs/composables/useModifyForm.ts

@ -94,8 +94,8 @@ export function useModifyForm(options: Options) { @@ -94,8 +94,8 @@ export function useModifyForm(options: Options) {
Object.assign(this.data.model, normalized);
},
openAdd() {
this.clearModel();
openAdd(toAdd: Record<string, any> = {}) {
this.assignModel(toAdd);
formRef?.value?.clearValidate();
this.data.dialog = this.flagOnAdd;
},

Loading…
Cancel
Save