gyyg-components 0.1.13 → 0.1.15

package/src/components/GyygTable/GyygTable.vue

@@ -1,82 +1,82 @@
-/** el-table组件 */
-<template>
-	<el-table class='simpleTableClass' ref="simpleTableRef" :data="data" :row-key="rowKey" :row-style="selectedRowStyle" highlight-current-row element-loading-text="加载中" @selection-change="handleSelectionChange" :height='height' @row-click="clickOne" border style="width: 100%">
-		<slot name="content" />
-	</el-table>
-</template>
-
-<script>
-export default {
-    name:'GyygTable',
-	data() {
-		return {
-            simpleMultipleSelection:this.multipleSelection
-        }
-	},
-	props: {
-		//列表数据
-		data: {
-			type: Array,
-			default: () =>{
-                return []
-            },
-		},
-		//行的唯一标识
-		rowKey: {
-			type: [String,Number],
-			default: 'id',
-		},
-		//选择的行
-		multipleSelection: {
-			type: Array,
-			default: () =>{
-                return []
-            },
-		},
-        // 高度
-        height: {
-            type: [String,Number],
-            default: '100%',
-        },
-        // 点击单行，是否只选中当前行
-        toggleRow: {
-            type: Boolean,
-            default: true,
-        }
-	},
-	methods: {
-		// 列表选中加粗
-		selectedRowStyle({ row }) {
-			const idArr = this.simpleMultipleSelection.map(row => row[this.rowKey])
-			if (idArr.includes(row[this.rowKey])) {
-				return { 'font-weight': '700' }
-			}
-		},
-		// 列表选中的当前行
-		handleSelectionChange(row) {
-			this.simpleMultipleSelection = row
-            this.$emit('update:multipleSelection',this.simpleMultipleSelection)
-            this.$emit('selectionChange',row)
-            this.$emit('selection-change',row)
-		},
-		// 选中单条数据
-		clickOne(row) {
-            if(this.toggleRow){
-                this.$refs.simpleTableRef.clearSelection()
-                this.$refs.simpleTableRef.toggleRowSelection(row)
-                this.$emit('rowClick',row)
-                this.$emit('row-click',row)
-            }
-		},
-	},
-}
-</script>
-
-<style>
-.simpleTableClass thead tr th {
-  background-color:#F5F7FA !important;
-}
-.simpleTableClass td.el-table__cell{
-  border-right:none;
-}
-</style>
+/** el-table组件 */
+<template>
+	<el-table class='simpleTableClass' ref="simpleTableRef" :data="data" :row-key="rowKey" :row-style="selectedRowStyle" highlight-current-row element-loading-text="加载中" @selection-change="handleSelectionChange" :height='height' @row-click="clickOne" border style="width: 100%">
+		<slot name="content" />
+	</el-table>
+</template>
+
+<script>
+export default {
+    name:'GyygTable',
+	data() {
+		return {
+            simpleMultipleSelection:this.multipleSelection
+        }
+	},
+	props: {
+		//列表数据
+		data: {
+			type: Array,
+			default: () =>{
+                return []
+            },
+		},
+		//行的唯一标识
+		rowKey: {
+			type: [String,Number],
+			default: 'id',
+		},
+		//选择的行
+		multipleSelection: {
+			type: Array,
+			default: () =>{
+                return []
+            },
+		},
+        // 高度
+        height: {
+            type: [String,Number],
+            default: '100%',
+        },
+        // 点击单行，是否只选中当前行
+        toggleRow: {
+            type: Boolean,
+            default: true,
+        }
+	},
+	methods: {
+		// 列表选中加粗
+		selectedRowStyle({ row }) {
+			const idArr = this.simpleMultipleSelection.map(row => row[this.rowKey])
+			if (idArr.includes(row[this.rowKey])) {
+				return { 'font-weight': '700' }
+			}
+		},
+		// 列表选中的当前行
+		handleSelectionChange(row) {
+			this.simpleMultipleSelection = row
+            this.$emit('update:multipleSelection',this.simpleMultipleSelection)
+            this.$emit('selectionChange',row)
+            this.$emit('selection-change',row)
+		},
+		// 选中单条数据
+		clickOne(row) {
+            if(this.toggleRow){
+                this.$refs.simpleTableRef.clearSelection()
+                this.$refs.simpleTableRef.toggleRowSelection(row)
+                this.$emit('rowClick',row)
+                this.$emit('row-click',row)
+            }
+		},
+	},
+}
+</script>
+
+<style>
+.simpleTableClass thead tr th {
+  background-color:#F5F7FA !important;
+}
+.simpleTableClass td.el-table__cell{
+  border-right:none;
+}
+</style>

package/src/main.js

@@ -1,17 +1,21 @@
-import Vue from 'vue'
-import App from './App.vue'
-
-Vue.config.productionTip = false
-import { Dialog,Button,Pagination,Input,Table,TableColumn } from 'element-ui';
-Vue.use(Dialog)
-Vue.use(Button)
-Vue.use(Pagination)
-Vue.use(Input)
-Vue.use(Table)
-Vue.use(TableColumn)
-import zj from '@/index.js'
-Vue.use(zj)
-import "./icons"; // icon
-new Vue({
-  render: h => h(App),
-}).$mount('#app')
+import Vue from 'vue'
+import App from './App.vue'
+
+Vue.config.productionTip = false
+import { Dialog,Button,Pagination,Input,Table,TableColumn,Icon, Switch, Tooltip } from 'element-ui';
+Vue.use(Dialog)
+Vue.use(Button)
+Vue.use(Pagination)
+Vue.use(Input)
+Vue.use(Table)
+Vue.use(TableColumn)
+Vue.use(Icon)
+Vue.use(Switch)
+Vue.use(Tooltip)
+
+import zj from '@/index.js'
+Vue.use(zj)
+import "./icons"; // icon
+new Vue({
+  render: h => h(App),
+}).$mount('#app')

package/vue.config.js

@@ -1,24 +1,24 @@
-const path = require("path");
-function resolve(dir) {
-  return path.join(__dirname, dir);
-}
-module.exports = {
-  lintOnSave: false,
-  chainWebpack: (config) => {
-    config.module
-      .rule('svg')
-      .exclude.add(resolve('src/icons'))
-      .end();
-    config.module
-      .rule('icons')
-      .test(/\.svg$/)
-      .include.add(resolve('src/icons'))
-      .end()
-      .use('svg-sprite-loader')
-      .loader('svg-sprite-loader')
-      .options({
-        symbolId: 'icon-[name]'
-      })
-      .end();
-  },
-};
+const path = require("path");
+function resolve(dir) {
+  return path.join(__dirname, dir);
+}
+module.exports = {
+  lintOnSave: false,
+  chainWebpack: (config) => {
+    config.module
+      .rule('svg')
+      .exclude.add(resolve('src/icons'))
+      .end();
+    config.module
+      .rule('icons')
+      .test(/\.svg$/)
+      .include.add(resolve('src/icons'))
+      .end()
+      .use('svg-sprite-loader')
+      .loader('svg-sprite-loader')
+      .options({
+        symbolId: 'icon-[name]'
+      })
+      .end();
+  },
+};