mali-applet-ui 1.0.151 → 1.0.152

package/lib/components/ml-table/ml-table.vue

@@ -37,6 +37,7 @@
             <view :class="['table-cell', column.align ? `align-${column.align}` : '', getCellClass({ type: 'body', row, rowIndex, column, columnIndex })]">
               <text v-if="column.type === 'seq'">{{ rowIndex + 1 }}</text>
               <text v-else-if="column.cellRender && column.cellRender.name === 'Underline'" class="is-underline">{{ getCellValue({ type: 'body', row, rowIndex, column, columnIndex }) }}</text>
+              <text v-else-if="column.cellRender && column.cellRender.name === 'TextEllipsis'" class="text-ellipsis">{{ getTextEllipsis({ type: 'body', row, rowIndex, column, columnIndex }) }}</text>
               <ml-amount-text v-else-if="column.cellRender && column.cellRender.name === 'MlAmountText'" :value="row[column.field]" :simplify="column.cellRender.props ? column.cellRender.props.simplify : false"></ml-amount-text>
               <ml-progress-bar
                 v-else-if="column.cellRender && column.cellRender.name === 'MlProgressBar'"
@@ -133,10 +134,10 @@ export default {
   },
   computed: {
     rowOpts () {
-      return this.rowConfig ? { ...this.rowConfig } : {}
+      return { ...this.rowConfig }
     },
     sortOpts () {
-      return this.sortConfig ? { ...this.sortConfig } : {}
+      return { ...this.sortConfig }
     },
     tableStyle () {
       return `height:${this.height ? (isNaN(this.height) ? this.height : `${this.height}rpx`) : ''}`
@@ -222,9 +223,20 @@ export default {
       }
       return XEUtils.eqNull(cellValue) ? '' : cellValue
     },
+    getTextEllipsis (params) {
+      const { column } = params
+      const cellText = this.getCellValue(params)
+      const maxSize = (column.width ? Math.floor(column.width / 26) : 4) * 2
+      if (cellText && cellText.length > maxSize) {
+        return `${cellText.substring(0, maxSize - 1)}...`
+      }
+      return cellText
+    },
     getColHeight (column) {
-      const showOverflow = XEUtils.isBoolean(column.showOverflow) ? column.showOverflow : this.showOverflow
-      return this.rowOpts.height ? `${this.rowOpts.height};` : (showOverflow ? '84rpx' : '')
+      if (this.rowOpts.height) {
+        return `${this.rowOpts.height};`
+      }
+      return this.showOverflow ? '84rpx' : ''
     },
     getColWidth (column) {
       if (column.width) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mali-applet-ui",
-  "version": "1.0.151",
+  "version": "1.0.152",
   "description": "码里云小程序组件库",
   "files": [
     "lib",