@leevan/jtui 2.0.2 → 2.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leevan/jtui",
-  "version": "2.0.2",
+  "version": "2.0.6",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
@@ -8,14 +8,14 @@
     "lib": "vue-cli-service build --target lib --name jtui --dest lib packages/index.js"
   },
   "description": "jt Components",
-  "homepage": "http://jtgit.scsqzx.com/lww/jtui-pc",
+  "homepage": "http://jtgitlab.scsqzx.com/jtxa/jtui-pc",
   "license": "MIT",
   "bugs": {
-    "url": "http://jtgit.scsqzx.com/lww/jtui-pc/issues"
+    "url": "http://jtgitlab.scsqzx.com/jtxa/jtui-pc/issues"
   },
   "repository": {
     "type": "git",
-    "url": "git+http://jtgit.scsqzx.com/lww/jtui-pc.git"
+    "url": "git+http://jtgitlab.scsqzx.com/jtxa/jtui-pc.git"
   },
   "contributors": [
     "leevan",

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/tabsBtn.vue

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

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>