xianniu-ui 0.3.8 → 0.3.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xianniu-ui",
-  "version": "0.3.8",
+  "version": "0.3.10",
   "private": false,
   "main": "lib/xianniu-ui.umd.min.js",
   "scripts": {

package/packages/table/main.vue

@@ -97,6 +97,7 @@
       :stripe="stripe"
       @row-click="singleElection"
       @selection-change="selectionChange"
+      :row-class-name="tableRowClassName"
       :class="{ 'disabled-all-selection': radio }"
     >
       <el-table-column
@@ -108,7 +109,12 @@
       ></el-table-column>
       <el-table-column v-bind="$attrs" v-if="radio" width="40px" align="center">
         <template slot-scope="{ row }">
-          <el-radio v-model="radioSelected" :label="row.id">&nbsp;</el-radio>
+          {{ row[idKey] }}
+          <el-radio
+            v-model="radioSelected"
+            :label="row[idKey]"
+            >&nbsp;</el-radio
+          >
         </template>
       </el-table-column>
       <el-table-column
@@ -174,6 +180,10 @@ export default {
     showColumn: Boolean,
     expand: Boolean,
     isTools: Boolean,
+    idKey: {
+      type: String,
+      default: "id",
+    },
   },
   data() {
     return {
@@ -192,11 +202,14 @@ export default {
     getList(val) {
       this.$emit("on-page", val);
     },
-    singleElection(val) {
+    singleElection(val, column) {
       if (!this.radio) return;
-      this.radioSelected = val.id;
-      const res = this.data.filter((item) => item.id === val.id);
-      this.$emit("on-single", res);
+      const { idKey } = this;
+      this.radioSelected = val[idKey];
+      const res = this.data.find(
+        (item, idx) => item[idKey] === val[idKey] && idx === val.rowIndex
+      );
+      this.$emit("on-single", res, column);
     },
     handleToolsItem(row, index) {
       this.$emit("on-tools", { row, index });
@@ -214,15 +227,18 @@ export default {
       this.$refs.table.toggleRowSelection(row, status);
     },
     clearSelection() {
-      if(this.radio){
-        this.radioSelected = ''
-        return 
+      if (this.radio) {
+        this.radioSelected = "";
+        return;
       }
       this.$refs.table.clearSelection();
     },
     doLayout() {
       this.$refs.table.doLayout();
     },
+    tableRowClassName({ row, rowIndex }) {
+      row.rowIndex = rowIndex;
+    },
   },
 };
 </script>