vsyswin-ui 0.3.21 → 0.3.23

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vsyswin-ui",
-    "version": "0.3.21",
+    "version": "0.3.23",
     "main": "lib/vsyswin-ui.umd.min.js",
     "private": false,
     "description": "Vue2.x的应用组件库.",

package/packages/button-ellipsis/src/button-container.vue

@@ -45,7 +45,7 @@ export default {
       const dropDown = h(
         'el-dropdown',
         {
-          props: { trigger: this.trigger, size: 'medium', placement: 'bottom-end' }
+          props: { trigger: this.trigger, size: 'mini', placement: 'bottom-end' }
         },
         [moreDiv, h('el-dropdown-menu', { slot: 'dropdown' }, moreBtns)]
       )
@@ -82,5 +82,8 @@ export default {
   &:hover{
     background: #E6EFF8;
   }
+  .el-icon-more{
+    color: #037AFF;
+  }
 }
 </style>

package/packages/search-bar/src/search-bar.scss

@@ -7,15 +7,9 @@
 
   @include b(searchbar-container) {
     box-sizing: border-box;
-    // padding: 16px 0;
-    // height: 64px;
-    padding: 20px 0;
     overflow: hidden;
     display: flex;
     align-items: center;
-    .el-button--small {
-      padding: 8px 15px;
-    }
     @include e(input) {
       float: left;
       width: $--input-width-base;
@@ -26,7 +20,7 @@
     }
 
     @include e(filter) {
-      margin-left: 8px;
+      margin-left: 20px;
       color: $--color-primary;
       font-size: $--font-size-base;
       &:hover,
@@ -48,7 +42,7 @@
       padding: 0;
       width: $--button-width-base;
       height: $--button-height-base;
-      font-size: $--button-font-size;
+      font-size: 14px;
       border-radius: $--button-border-radius;
       background-color: $--button-primary-background-color;
       -webkit-border-radius: $--button-border-radius;
@@ -64,13 +58,13 @@
       padding: 0;
       width: $--button-width-base;
       height: $--button-height-base;
-      font-size: $--button-font-size;
+      font-size: 14px;
       border-radius: $--button-border-radius;
       -webkit-border-radius: $--button-border-radius;
       -moz-border-radius: $--button-border-radius;
       -ms-border-radius: $--button-border-radius;
       -o-border-radius: $--button-border-radius;
-      
+
       &:hover {
         color: #606266 !important;
         border-color: #dcdfe6 !important;
@@ -80,7 +74,7 @@
 
     @include e(listBtns) {
       position: absolute;
-      right: 20px;
+      right: 0;
       .el-button--text {
         color: $--color-primary;
       }

package/packages/search-bar/src/search-bar.vue

@@ -9,16 +9,17 @@
         <slot slot="prepend" name="prepend"></slot>
         <slot slot="suffix" name="suffix"></slot>
       </el-input>
-      <el-button v-if="showFilter" type="text" size="small" class="syswin-searchbar-container__filter" @click="handleToggleFilterList">
+      <el-button v-if="showFilter" type="text" size="mini" class="syswin-searchbar-container__filter" @click="handleToggleFilterList">
         {{ shrinkFilterList ? '收起筛选' : '更多筛选' }}
         <i class="el-icon-caret-bottom" :class="{ 'is-rotate-180': shrinkFilterList }"></i>
       </el-button>
-      <el-button type="primary" size="small" class="syswin-searchbar-container__search" :class="{ 'is-margin-left-16': !showFilter }" @click="handleSearch()">
+      <el-button type="primary" size="mini" class="syswin-searchbar-container__search" :class="{ 'is-margin-left-16': !showFilter }" @click="handleSearch()">
         {{ searchButtonText }}
       </el-button>
-      <el-button v-if="showFilter" size="small" class="syswin-searchbar-container__reset" @click="handleReset">
+      <el-button v-if="showFilter" size="mini" class="syswin-searchbar-container__reset" @click="handleReset">
         {{ resetButtonText }}
       </el-button>
+      <slot name="behind"></slot>
       <div class="syswin-searchbar-container__listBtns">
         <slot name="listBtns"></slot>
       </div>

package/packages/table/src/table.vue

@@ -3,10 +3,11 @@
     <!--筛选下拉-->
     <drag-set v-if="showDragSet" :listConf='columnList' @save="dragChange" />
     <el-table border stripe class="cusTable" :row-key="rowKey" :show-summary="showSummary" size="medium"
+      :row-class-name="headerClass"
       :summary-method="customSum ? getSummaries : getSummariesNum" ref="cusTable" height='100%' :indent="indent"
       :lazy="lazy" :load="load" :tree-props="treeProps" v-bind="attrs" :default-expand-all="defaultExpandAll"
       :expand-row-keys="expandRowKeys" @sort-change="handleSortChange" @selection-change="handleSelectionChange"
-      @select-all="handleSelectAll" @select="handleSelect" @expand-change="handleExpandChange"
+      @select-all="handleSelectAll" @row-click="handleRowClick" @select="handleSelect" @expand-change="handleExpandChange"
       @header-dragend="handleHeaderDragend">
       <slot name="start"></slot>
       <el-table-column v-for="(item, index) in columnData" :key="item.prop + index" :prop="item.prop" :label="item.label"
@@ -143,6 +144,10 @@ export default {
     },
     // 列表高度
     height: {},
+    handleClassName: {
+      type: Function,
+      default: () => { }
+    },
     // 列表内容转换的方法
     transContent: {
       type: Function,
@@ -376,6 +381,13 @@ export default {
       this.selection = selection;
       this.$emit('selection-change', selection);
     },
+    headerClass ({ row, rowIndex }) {
+      return this.handleClassName(row, rowIndex);
+    },
+    // 当某个单元格被点击时会触发该事件
+    handleRowClick (row, column, cell, event) {
+      this.$emit('row-click', row, column, cell, event);
+    },
     // 当用户手动勾选全选 Checkbox 时触发的事件
     handleSelectAll(selection) {
       this.$emit('select-all', selection);