meixioacomponent 0.5.76 → 0.5.78

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "0.5.76",
+  "version": "0.5.78",
   "private": false,
   "author": "YuRi",
   "main": "lib/meixioacomponent.common.js",

package/packages/components/base/basePlainTable/basePlainTable.vue

@@ -7,10 +7,10 @@
       <template slot="empty">
         <baseDefaultSvgVue
             v-if="tableData.length <= 0"
-            :height="280"
+            :height="emptyHeight"
             :svgName="`no-data`"
             :text="`表格无数据`"
-            :width="280"
+            :width="emptyWidth"
         ></baseDefaultSvgVue>
         <span></span>
       </template>
@@ -35,25 +35,35 @@
               :name="item.value"
               :scope="scope.row"
           ></slot>
-
+          <el-tooltip
+              v-else-if="
+                isToolTip(scope.row[`${item.value}`]) && !item.type
+              "
+              :content="scope.row[`${item.value}`].toString()"
+              effect="dark"
+              placement="top"
+          >
+              <span
+                  :class="[ item.fn ? 'handle-primary' : '', ]"
+                  class="cell-content-text"
+                  @click="rowClick(item, scope.row)"
+              >
+                {{ nomalRowValue(scope.row, item) }}
+              </span>
+          </el-tooltip>
           <span
-              v-else-if="!item.type"
-              :class="[
-              item.fn ? 'handle-primary' : '',
-            ]"
+
               :style="{
               color: item.color,
             }"
+              v-else-if="!item.type"
               class="cell-content-text"
               @click="rowClick(item, scope.row)"
           >
             {{ nomalRowValue(scope.row, item) }}
           </span>
-
           <baseText v-else-if="item.type" :content="scope.row[item.value]"
                     :type="item.type"></baseText>
-
-
         </template>
       </el-table-column>
     </el-table>
@@ -105,8 +115,25 @@ export default {
       type: Boolean,
       default: false,
     },
+    emptyWidth:{
+      type:Number,
+      default:280,
+    },
+    emptyHeight:{
+      type:Number,
+      default:280,
+    }
   },
   methods: {
+
+    isToolTip(value) {
+      if (!value) {
+        return false
+      }
+      return value.toString().length > 10
+    },
+
+
     rowClick(item, row) {
       if (!item.fn) return
       item.fn(row)
@@ -146,6 +173,16 @@ export default {
   background: var(--color-table-header) !important;
 }
 
+.cell-content-text {
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-weight: var(--font-weight-m);
+  color: var(--font-color-d) !important;
+  font-size: var(--font-size-base) !important;
+}
+
 
 .handle-primary {
   cursor: pointer;

package/packages/components/style/element/index.css

@@ -4538,7 +4538,7 @@
     position: relative;
     margin: 0;
     padding-left: 0;
-    background-color: var(--color-gray-m);
+    background-color: var(--bg-white);
     border: none !important;
 }
 
@@ -4771,7 +4771,7 @@
 .el-menu-item.is-active {
     color: var(--font-color-d);
     font-weight: var(--font-weight-g);
-    background-color: var(--color-gray-d);
+    background-color: var(--color-gray-m);
 }
 
 .el-menu-item.is-active i {

package/lib/style/element/common_class.less

@@ -1,3 +0,0 @@
-.dropdown-button {
-    padding: var(--padding-4) !important;
-}