From 17ae465e44aafca43647ae50014f647cf3695c9b Mon Sep 17 00:00:00 2001
From: mengyxu <kekeningxiaobai@sina.com>
Date: Wed, 20 Mar 2024 16:56:33 +0800
Subject: [PATCH] update

---
 package.json                      |  2 +-
 packages/base/data/list-table.vue | 24 ++++++++++++++++++++++--
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index e524e9d..12ac462 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "noob-mengyxu",
-    "version": "0.3.3",
+    "version": "0.3.4",
     "main": "index.ts",
     "module": "index.ts",
     "keywords": [
diff --git a/packages/base/data/list-table.vue b/packages/base/data/list-table.vue
index 6b9ee63..039c6c8 100644
--- a/packages/base/data/list-table.vue
+++ b/packages/base/data/list-table.vue
@@ -1,6 +1,7 @@
 <template>
     <div class="my-table">
-        <el-table :size="state.size.size" :data="page ? data.data : data" @selection-change="selectionChange"
+        <el-table ref="table" :size="state.size.size" :data="page ? data.data : data"
+            @selection-change="selectionChange"
             :height="height || (page ? state.size.pTableHeight : state.size.tableHeight)" highlight-current-row
             :row-key="rowKey" :tree-porps="treeProps">
 
@@ -31,11 +32,12 @@
 
 <script lang="ts" setup>
 import { useStore } from "vuex";
-import { reactive, onMounted, ref } from "vue";
+import { reactive, onMounted, ref, watch, onUpdated } from "vue";
 import { useI18n } from "vue3-i18n";
 // import { PageExample } from "noob-mengyxu";
 const { t } = useI18n();
 const { state } = useStore();
+const table = ref();
 
 const prop = defineProps({
     data: {
@@ -62,6 +64,10 @@ const prop = defineProps({
         type: String,
         default: null,
     },
+    selectKey: {
+        type: String,
+        default: null,
+    },
     treeProps: {
         type: Object,
         default: null,
@@ -143,7 +149,21 @@ const formatterByDist = (dictKey, value) => {
     }
     return mapping[value] == null ? value : mapping[value];
 };
+
+const select = (n) => {
+    if (n.selectKey && table.value) {
+        n.data.forEach(e => {
+            table.value.toggleRowSelection(e, e[n.selectKey]);
+        })
+    }
+}
+
+watch(prop, select);
+
 onMounted(() => { });
+onUpdated(() => {
+    select(prop)
+})
 </script>
 <style lang="scss" scoped>
 .my-table * {