@leevan/jtui 2.0.2-alpha1 → 2.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leevan/jtui",
-  "version": "2.0.2-alpha1",
+  "version": "2.0.5",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/packages/jt-table/comp.js

@@ -3,8 +3,10 @@ import VXETable from 'vxe-table';
 import XEUtils from 'xe-utils'
 
 import TabsBtn from './components/tabsBtn.vue';
+import TabsCheckbox from './components/tabsCheckbox.vue';
 
 Vue.component(TabsBtn.name, TabsBtn)
+Vue.component(TabsCheckbox.name,TabsCheckbox)
 
 VXETable.renderer.add('TabsBtn',{
     renderDefault (h, renderOpts, params) {
@@ -14,4 +16,14 @@ VXETable.renderer.add('TabsBtn',{
             ></tabs-btn>
         ]
     }
+})
+
+VXETable.renderer.add('TabsCheckbox',{
+    renderDefault (h, renderOpts, params) {
+        const {  events , parentRow  } = renderOpts;
+        return [
+            <tabs-checkbox params={ params } events={ events } parentRow={ parentRow }
+            ></tabs-checkbox>
+        ]
+    }
 })

package/packages/jt-table/components/tabsCheckbox.vue

@@ -0,0 +1,70 @@
+<template>
+    <div>
+    <el-checkbox-group v-model="radio_value" size="mini" @change="btnsClick" 
+    v-if="dataType !== 'string'">
+      <el-checkbox-button
+        v-for="(item, index) in fullData"
+        :key="index"
+        :label="item.value"
+        >{{ item.label }}</el-checkbox-button
+      >
+    </el-checkbox-group>
+    <div v-else>
+        {{rowData}}
+    </div>
+    </div>
+</template>
+
+<script>
+export default {
+  name: "TabsCheckbox",
+  data() {
+    return {
+      radio_value: [],
+      fullData: [],
+      oldValue: "",
+      dataType: '',
+      rowData: ''
+    };
+  },
+  props: {
+    params: Object,
+  },
+  created() {
+    this.load();
+  },
+  methods: {
+    load() {
+      const { row, column } = this.params;
+      if (row) {
+        this.rowData = row[column.property];
+        this.dataType = typeof this.rowData;
+      }
+      if (this.rowData && this.rowData.enum) {
+        this.fullData = this.rowData.enum;
+        this.radio_value = this.rowData.selected;
+        this.oldValue = this.rowData.selected;
+      }
+    },
+    async btnsClick(val) {
+      const { row, column } = this.params;
+      const { events, parentRow } = this.$attrs;
+      const result = await events.checkboxChange({
+        row,
+        property: column.property,
+        val,
+        params: parentRow,
+      });
+      if (result) {
+        this.oldValue = val;
+      } else {
+        this.radio_value = this.oldValue;
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+
+</style>