mali-applet-ui 1.1.36 → 1.1.38

package/env/index.d.ts

@@ -1,8 +1,19 @@
-// export function parseEnv(dirPath: string): Record<string, string>
-// export function initEnv(dirPath: string, defaultEnv: Record<string, string>): Record<string, string>
-// export function getSCSSAdditionalData(envConfig: any): string
+export function getEnvCode(mode: string): string
+export function getEnvName(mode: string): string
+export function getPlatformName(platform: string): string
+export function getSubModuleName(module: string): string
+export function parseEnv(dirPath: string): Record<string, string>
+export function initEnv(dirPath: string, defaultEnv: Record<string, string>): Record<string, string>
+export function initManifestEnv(dirPath: string, manifestJson: any): Record<string, string>
+export function uploadWxMiniprogram(version: string): void
+export function getSCSSAdditionalData(envConfig: any): string
 export function sendMail(options: {
   receivedBy: string | string[]
   subject: string
   html: string
+})
+export function sendQyWechatMsg(webhook: string, params: {
+  content: string
+  mentionedList?: string[]
+  mentionedMobileList?: string[]
 })

package/env/index.js

@@ -1,6 +1,13 @@
+const path = require('path')
+const fs = require('fs')
+const dotenv = require('dotenv')
 const axios = require('axios')
+const XEUtils = require('xe-utils')
+const compressing = require('compressing')
+const ci = require('miniprogram-ci')
 const nodemailer = require('nodemailer')
 const smtpTransport = require('nodemailer-smtp-transport')
+const pack = require('../package.json')
 
 const currTransporter = new Promise((resolve, reject) => {
   axios.get('http://192.168.10.217:3000/emai/getSmtpOptions').then(res => {
@@ -12,6 +19,225 @@ const currTransporter = new Promise((resolve, reject) => {
   })
 })
 
+function getEnvCode (mode) {
+  const maps = {
+    dev: 'development',
+    test: 'testing',
+    demo: 'demo',
+    prod: 'production'
+  }
+  return maps[mode] || 'production'
+}
+
+function getEnvName (mode) {
+  const maps = {
+    dev: '开发环境',
+    test: '测试环境',
+    demo: '演示环境',
+    prod: '正式环境'
+  }
+  return maps[mode] || '正式环境'
+}
+
+function getPlatformName (platform) {
+  const maps = {
+    'mp-weixin': '微信',
+    'mp-qiwei': '企微',
+    'mp-dingtalk': '钉钉'
+  }
+  return maps[platform] || platform
+}
+
+function getSubModuleName (module) {
+  const maps = {
+    default: '',
+    labour: '码里劳务',
+    smart: '码里智慧',
+    market: '码里营销',
+    design: '码里设计',
+    jicai: '码里集采'
+  }
+  return `${maps[module]}`
+}
+
+function getCustomName (custom) {
+  const maps = {
+    hengkun: '恒坤劳务',
+    beizhuang: '北装装饰',
+    zhongjian1: '中建一局',
+    guowenchuang: '国文创',
+    rongdu: '融都建设'
+  }
+  return `${maps[custom] || ''}`
+}
+
+function parseEnvFile (dirPath, name) {
+  const targetPath = path.resolve(dirPath, name)
+  if (fs.existsSync(targetPath)) {
+    const content = fs.readFileSync(targetPath, { encoding: 'utf8' })
+    return dotenv.parse(content)
+  }
+  return {}
+}
+
+function parseJSONFile (dirPath, name) {
+  const targetPath = path.resolve(dirPath, name)
+  if (fs.existsSync(targetPath)) {
+    const content = fs.readFileSync(targetPath, { encoding: 'utf8' })
+    return JSON.parse(content)
+  }
+  return {}
+}
+
+function getSCSSAdditionalData () {
+  const rest = [
+    '@import "./src/uni.scss";',
+    `@import "${pack.name}/style/variable.scss";`,
+    `$global-static-url: '${process.env.VUE_APP_PUBLIC_RESOURCES_URL}';`
+  ]
+  for (const name in process.env) {
+    if (/^VUE_SCSS_DEFINE_/.test(name)) {
+      const varName = name.replace('VUE_SCSS_DEFINE_', '').replace(/_/g, '-').toLowerCase()
+      rest.push(`$${varName}: ${process.env[name]};`)
+    }
+  }
+  return rest.join('\n')
+}
+
+function parseEnv (rootPath) {
+  const envConfig = {}
+  envConfig.VUE_APP_MODE = process.env.VUE_APP_MODE || 'prod'
+  envConfig.VUE_APP_CUSTOM_MODULE = process.env.VUE_APP_CUSTOM_MODULE || 'default'
+  envConfig.VUE_APP_SUB_MODULE = process.env.VUE_APP_SUB_MODULE || 'default'
+  envConfig.VUE_APP_PLATFORM_NAME = process.env.VUE_APP_PLATFORM_NAME || 'default'
+  envConfig.VUE_APP_PUBLISH_DATE = XEUtils.toDateString(new Date(), 'yyyyMMddHHmmss')
+
+  const cusName = `.env.${envConfig.VUE_APP_CUSTOM_MODULE || 'default'}`
+  const envName = `${cusName}.${envConfig.VUE_APP_SUB_MODULE || 'default'}.${envConfig.VUE_APP_PLATFORM_NAME || 'default'}.${getEnvCode(envConfig.VUE_APP_MODE)}`
+  const globalDev = parseEnvFile(rootPath, '.env')
+  const defDev = parseEnvFile(rootPath, cusName)
+  const appEnv = parseEnvFile(rootPath, envName)
+  const localEnv = parseEnvFile(rootPath, `${envName}.local`)
+
+  return Object.assign({}, globalDev, defDev, appEnv, localEnv, envConfig)
+}
+
+function initEnv (rootPath) {
+  const envConfig = parseEnv(rootPath)
+  const conf = Object.assign(process.env, envConfig)
+  console.log('\n环境配置：')
+  console.log(`版本：${conf.VUE_APP_CUSTOM_MODULE}\n模块：${conf.VUE_APP_SUB_MODULE}\n平台：${conf.VUE_APP_PLATFORM_NAME}\n环境：${conf.VUE_APP_MODE}\n`)
+  return conf
+}
+
+function initManifestEnv (rootPath, manifestJson) {
+  const envConfig = initEnv(rootPath)
+  if (process.env.VUE_APP_MP_APPID) {
+    const manifest = JSON.parse(fs.readFileSync(path.resolve(rootPath, 'src/manifest.json'), 'utf-8'))
+    manifest[process.env.UNI_PLATFORM] = {
+      ...manifestJson[process.env.UNI_PLATFORM],
+      appid: process.env.VUE_APP_MP_APPID
+    }
+    manifest.name = [
+      getCustomName(process.env.VUE_APP_CUSTOM_MODULE),
+      getSubModuleName(process.env.VUE_APP_SUB_MODULE) || manifestJson.name,
+      getPlatformName(process.env.VUE_APP_PLATFORM_NAME),
+      getEnvName(process.env.VUE_APP_MODE)
+    ].filter(v => v).join('-')
+    fs.writeFileSync(path.resolve(rootPath, 'src/manifest.json'), JSON.stringify(manifest, null, 2))
+  }
+  return envConfig
+}
+
+function deleteFolder (filePath) {
+  let files = []
+  if (fs.existsSync(filePath)) {
+    files = fs.readdirSync(filePath)
+    files.forEach((file, index) => {
+      const curPath = filePath + '/' + file
+      if (fs.statSync(curPath).isDirectory()) {
+        deleteFolder(curPath)
+      } else {
+        fs.unlinkSync(curPath)
+      }
+    })
+    fs.rmdirSync(filePath)
+  }
+}
+
+function uploadWxMiniprogram (rootPath, version) {
+  // 机器人编号
+  const robot = 1
+  const fixDesc = `自动发包机器人 ${XEUtils.toDateString(new Date(), 'yyyy-MM-dd HH:mm:ss')}`
+
+  const mainVersions = version.split('.')
+  return new Promise((resolve, reject) => {
+    if (['mp-weixin', 'mp-qiwei'].includes(process.env.VUE_APP_PLATFORM_NAME)) {
+      const projectConfig = parseJSONFile(rootPath, `${process.env.UNI_OUTPUT_DIR}/project.config.json`)
+      console.log('projectConfig', projectConfig)
+      console.log('projectPath=', path.resolve(rootPath, process.env.UNI_OUTPUT_DIR))
+      const options = {
+        appid: projectConfig.appid,
+        type: 'miniProgram',
+        projectPath: path.resolve(rootPath, process.env.UNI_OUTPUT_DIR),
+        privateKeyPath: `/applet/weixin/privatekey/private.${projectConfig.appid}.key`,
+        ignores: ['node_modules/**/*']
+      }
+      console.log(options)
+      const project = new ci.Project(options)
+      ci.getDevSourceMap({
+        project,
+        robot,
+        sourceMapSavePath: path.resolve(rootPath, 'sm.zip')
+      }).then((res) => {
+        console.log('sm==', path.resolve(rootPath, 'sm.zip'))
+        console.log('get success', res)
+        compressing.zip.uncompress(path.resolve(rootPath, 'sm.zip'), 'temp').then(() => {
+          const rest = JSON.parse(fs.readFileSync(path.resolve(rootPath, 'temp/__FULL__/app-service.js.map')))
+          const vArr = rest.wx.userVersion.match(/(\d+).(\d+).(\d+)/)
+          if (vArr) {
+            const newVersion = `${mainVersions[0]}.${mainVersions[1]}.${Number(mainVersions[1]) > Number(vArr[2]) ? 0 : (Number(vArr[3]) + 1)}.${XEUtils.toDateString(new Date(), 'yyMMdd')}`
+            ci.upload({
+              project,
+              version: newVersion,
+              desc: fixDesc,
+              robot
+            }).then((res) => {
+              console.log(res)
+              resolve()
+            })
+          } else {
+            const e = {}
+            console.error('version error')
+            reject(e)
+          }
+          deleteFolder(path.resolve(rootPath, 'temp'))
+          fs.unlinkSync(path.resolve(rootPath, 'sm.zip'))
+          resolve()
+        })
+      }).catch(e => {
+        if (e.message.indexOf('-80407') > -1) {
+          ci.upload({
+            project,
+            version: `${pack.version}.${XEUtils.toDateString(new Date(), 'yyMMdd')}`,
+            desc: '修复bug',
+            robot: 1
+          }).then((res) => {
+            console.log(res)
+            resolve()
+          })
+        } else {
+          console.log(e.message)
+          reject(e)
+        }
+      })
+    } else {
+      const e = {}
+      reject(e)
+    }
+  })
+}
+
 function sendMail ({ receivedBy, subject, html }) {
   return new Promise((resolve, reject) => {
     currTransporter.then((transporter) => {
@@ -33,8 +259,44 @@ function sendMail ({ receivedBy, subject, html }) {
   })
 }
 
+function sendQyWechatMsg (webhook, params) {
+  if (!webhook) {
+    throw new Error('企微机器人 webhook 地址不能为空')
+  }
+  return axios.post(webhook, {
+    msgtype: 'markdown',
+    markdown: {
+      content: params.content || '',
+      mentioned_list: params.mentionedList || [],
+      mentioned_mobile_list: params.mentionedMobileList || []
+    }
+  }).then(res => {
+    return res.data
+  })
+}
+
+exports.getEnvCode = getEnvCode
+exports.getEnvName = getEnvName
+exports.getPlatformName = getPlatformName
+exports.getSubModuleName = getSubModuleName
+exports.parseEnv = parseEnv
+exports.initEnv = initEnv
+exports.initManifestEnv = initManifestEnv
+exports.uploadWxMiniprogram = uploadWxMiniprogram
+exports.getSCSSAdditionalData = getSCSSAdditionalData
 exports.sendMail = sendMail
+exports.sendQyWechatMsg = sendQyWechatMsg
 
 module.exports = {
-  sendMail
+  getEnvCode,
+  getEnvName,
+  getPlatformName,
+  getSubModuleName,
+  parseEnv,
+  initEnv,
+  initManifestEnv,
+  uploadWxMiniprogram,
+  getSCSSAdditionalData,
+  sendMail,
+  sendQyWechatMsg
 }

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

@@ -6,7 +6,7 @@
     <view class="ml-table-warpper" :style="tableStyle">
       <view class="table-header">
         <view class="table-column-header">
-          <view class="table-tr">
+          <view class="ml-table-tr">
             <view v-for="(column, columnIndex) in tableColumn" :key="columnIndex" class="table-th" :class="{'is-sort': !!column.sortable}" :style="{width: getColWidth(column)}" @click="chickThEvent({ column, columnIndex })">
               <view class="th-title">{{ column.title }}</view>
               <view class="th-sort" v-if="column.sortable">
@@ -21,9 +21,9 @@
           </view>
         </view>
         <view v-if="headerData && headerData.length" class="table-body-top">
-          <view class="table-tr" v-for="(row, rowIndex) in headerData" :key="rowIndex">
-            <view class="table-td" v-for="(column, columnIndex) in tableColumn" :key="columnIndex" :style="{width: getColWidth(column)}" @click="cellHeaderTdClick({ type: 'header', row, rowIndex, column, columnIndex })">
-              <view :class="['table-cell', column.align ? `align-${column.align}` : '', getHeaderCellClass({ type: 'header', row, rowIndex, column, columnIndex })]">
+          <view class="ml-table-tr" v-for="(row, rowIndex) in headerData" :key="rowIndex">
+            <view class="ml-table-td" v-for="(column, columnIndex) in tableColumn" :key="columnIndex" :style="{width: getColWidth(column)}" @click="cellHeaderTdClick({ type: 'header', row, rowIndex, column, columnIndex })">
+              <view :class="['ml-table-cell', column.align ? `align-${column.align}` : '', getHeaderCellClass({ type: 'header', row, rowIndex, column, columnIndex })]">
                 <ml-amount-text v-if="column.cellRender && column.cellRender.name === 'MlAmountText'" :value="row[column.field]" :simplify="column.cellRender.props ? column.cellRender.props.simplify : false"></ml-amount-text>
                 <text v-else>{{ getHeaderCellValue({ type: 'header', row, rowIndex, column, columnIndex }) }}</text>
               </view>
@@ -32,54 +32,56 @@
         </view>
       </view>
       <view class="table-body-contnet">
-        <view class="table-tr" v-for="(row, rowIndex) in tableData" :key="rowIndex">
-          <view class="table-td" v-for="(column, columnIndex) in tableColumn" :key="columnIndex" :style="{width: getColWidth(column), height: getColHeight(column)}" @click="cellTdClick({ type: 'body', row, rowIndex, column, columnIndex })">
-            <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'"
-                :value="row[column.cellRender.field || column.field]"
-                :title="row[column.cellRender.titleField] || ''"
-                :titleUnderline="column.cellRender.props ? column.cellRender.props.titleUnderline : false"
-                :showNum="column.cellRender.props ? column.cellRender.props.showNum : false"
-                :max="column.cellRender.props && column.cellRender.props.max ? column.cellRender.props.max : 100"
-                :activeColor="getBarActiveColor({ type: 'body', row, rowIndex, column, columnIndex })"
-                :backgroundColor="column.cellRender.props ? column.cellRender.props.backgroundColor : ''">
-              </ml-progress-bar>
-              <ml-progress-bar
-                v-else-if="column.cellRender && column.cellRender.name === 'MlProgressDiffBar'"
-                :value="row[column.cellRender.field || column.field]"
-                :title="row[column.cellRender.titleField] || ''"
-                :max="row[column.cellRender.maxField] || ''"
-                :titleUnderline="column.cellRender.props ? column.cellRender.props.titleUnderline : false"
-                :showNum="column.cellRender.props ? column.cellRender.props.showNum : false"
-                :activeColor="getBarActiveColor({ type: 'body', row, rowIndex, column, columnIndex }) || '#FA8C16'"
-                :backgroundColor="(column.cellRender.props ? column.cellRender.props.backgroundColor : '') || '#1890FF'">
-              </ml-progress-bar>
-              <ml-button
-                v-else-if="column.cellRender && column.cellRender.name === 'MlButton'"
-                :type="column.cellRender.props ? column.cellRender.props.type : 'button'"
-                :underline="column.cellRender.props ? column.cellRender.props.underline : false"
-                :status="column.cellRender.props ? column.cellRender.props.status : ''"
-                :content="column.cellRender.props ? column.cellRender.props.content : ''"
-                @click="btnEvent({ type: 'body', row, rowIndex, column, columnIndex })">
-              </ml-button>
-              <ml-approval-type
-                v-else-if="column.cellRender && column.cellRender.name === 'MlApprovalType'"
-                :value="row[column.cellRender.field || column.field]">
-              </ml-approval-type>
-              <ml-dict-type
-                v-else-if="column.cellRender && column.cellRender.name === 'MlDictType'"
-                :options="column.cellRender.options || []"
-                :value="row[column.cellRender.field || column.field]">
-              </ml-dict-type>
-              <text v-else>{{ getCellValue({ type: 'body', row, rowIndex, column, columnIndex }) }}</text>
+        <slot>
+          <view class="ml-table-tr" v-for="(row, rowIndex) in tableData" :key="rowIndex">
+            <view class="ml-table-td" v-for="(column, columnIndex) in tableColumn" :key="columnIndex" :style="{width: getColWidth(column), height: getColHeight(column)}" @click="cellTdClick({ type: 'body', row, rowIndex, column, columnIndex })">
+              <view :class="['ml-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'"
+                  :value="row[column.cellRender.field || column.field]"
+                  :title="row[column.cellRender.titleField] || ''"
+                  :titleUnderline="column.cellRender.props ? column.cellRender.props.titleUnderline : false"
+                  :showNum="column.cellRender.props ? column.cellRender.props.showNum : false"
+                  :max="column.cellRender.props && column.cellRender.props.max ? column.cellRender.props.max : 100"
+                  :activeColor="getBarActiveColor({ type: 'body', row, rowIndex, column, columnIndex })"
+                  :backgroundColor="column.cellRender.props ? column.cellRender.props.backgroundColor : ''">
+                </ml-progress-bar>
+                <ml-progress-bar
+                  v-else-if="column.cellRender && column.cellRender.name === 'MlProgressDiffBar'"
+                  :value="row[column.cellRender.field || column.field]"
+                  :title="row[column.cellRender.titleField] || ''"
+                  :max="row[column.cellRender.maxField] || ''"
+                  :titleUnderline="column.cellRender.props ? column.cellRender.props.titleUnderline : false"
+                  :showNum="column.cellRender.props ? column.cellRender.props.showNum : false"
+                  :activeColor="getBarActiveColor({ type: 'body', row, rowIndex, column, columnIndex }) || '#FA8C16'"
+                  :backgroundColor="(column.cellRender.props ? column.cellRender.props.backgroundColor : '') || '#1890FF'">
+                </ml-progress-bar>
+                <ml-button
+                  v-else-if="column.cellRender && column.cellRender.name === 'MlButton'"
+                  :type="column.cellRender.props ? column.cellRender.props.type : 'button'"
+                  :underline="column.cellRender.props ? column.cellRender.props.underline : false"
+                  :status="column.cellRender.props ? column.cellRender.props.status : ''"
+                  :content="column.cellRender.props ? column.cellRender.props.content : ''"
+                  @click="btnEvent({ type: 'body', row, rowIndex, column, columnIndex })">
+                </ml-button>
+                <ml-approval-type
+                  v-else-if="column.cellRender && column.cellRender.name === 'MlApprovalType'"
+                  :value="row[column.cellRender.field || column.field]">
+                </ml-approval-type>
+                <ml-dict-type
+                  v-else-if="column.cellRender && column.cellRender.name === 'MlDictType'"
+                  :options="column.cellRender.options || []"
+                  :value="row[column.cellRender.field || column.field]">
+                </ml-dict-type>
+                <text v-else>{{ getCellValue({ type: 'body', row, rowIndex, column, columnIndex }) }}</text>
+              </view>
             </view>
           </view>
-        </view>
+        </slot>
       </view>
     </view>
     <view v-if="$slots.bottom" class="ml-table-bottom-warpper">
@@ -343,7 +345,7 @@ export default {
   background: #fff;
   &.is-border {
     .table-th,
-    .table-td {
+    .ml-table-td {
       border-right: 1px solid rgba(126, 134, 142, 0.16);
       &:last-child {
         border-right: 0;
@@ -360,7 +362,7 @@ export default {
   }
   .table-body-top {
     background: #fff;
-    .table-td {
+    .ml-table-td {
       height: 84rpx;
     }
   }
@@ -391,7 +393,7 @@ export default {
       white-space: nowrap;
     }
   }
-  .table-tr {
+  .ml-table-tr {
     display: inline-flex;
     white-space: nowrap;
     width: 100%;
@@ -414,7 +416,7 @@ export default {
       }
     }
   }
-  .table-td {
+  .ml-table-td {
     flex-shrink: 0;
     display: inline-flex;
     flex-direction: row;
@@ -427,7 +429,7 @@ export default {
     font-size: 24rpx;
     min-height: 84rpx;
   }
-  .table-cell {
+  .ml-table-cell {
     display: block;
     width: 100%;
     white-space: normal;

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

@@ -1,15 +1,19 @@
 <template>
-  <view class="table-td" :style="{width: cellWidth, height: cellHeight}" @click="clickEvent">
-    <view :class="['table-cell', cellAlign ? `align-${cellAlign}` : '']">
+  <view class="ml-table-td" :class="{'is-border': cellBorder}" :style="{width: cellWidth, height: cellHeight}" @click="clickEvent">
+    <view :class="['ml-table-cell', cellAlign ? `align-${cellAlign}` : '', getCellClass({ type: 'body', renderType: 'custom' })]">
       <slot></slot>
     </view>
   </view>
 </template>
 
 <script>
+import XEUtils from 'xe-utils'
 
 export default {
   name: 'MlTableTd',
+  options: {
+    virtualHost: true
+  },
   props: {
     align: String,
     width: [String, Number],
@@ -30,6 +34,20 @@ export default {
     }
   },
   computed: {
+    currColumn () {
+      const { $table, field } = this
+      if ($table) {
+        return $table.columns.find(column => column.field === field)
+      }
+      return null
+    },
+    cellBorder () {
+      const $table = this.$table
+      if ($table) {
+        return $table.border
+      }
+      return false
+    },
     cellAlign () {
       const $table = this.$table
       if ($table) {
@@ -38,8 +56,11 @@ export default {
       return this.align
     },
     cellWidth () {
-      const { $table, width } = this
+      let { $table, width, currColumn } = this
       if ($table) {
+        if (!width && currColumn) {
+          width = currColumn.width
+        }
         if (width) {
           if (isNaN(width)) {
             return width
@@ -62,6 +83,24 @@ export default {
     }
   },
   methods: {
+    getCellClass (params) {
+      const { $table, currColumn } = this
+      const clss = []
+      const showOverflow = currColumn && XEUtils.isBoolean(currColumn.showOverflow) ? currColumn.showOverflow : ($table ? $table.showOverflow : false)
+      if (showOverflow) {
+        clss.push('is-ellipsis')
+      }
+      if ($table) {
+        if ($table.cellClass) {
+          if (XEUtils.isFunction($table.cellClass)) {
+            clss.push($table.cellClass.call(this.currVM, { ...params }))
+          } else {
+            clss.push(`${$table.cellClass}`)
+          }
+        }
+      }
+      return clss.join(' ')
+    },
     clickEvent () {
       const { $table } = this
       if ($table) {
@@ -71,3 +110,39 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+.ml-table-td {
+  flex-shrink: 0;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 0 10rpx;
+  text-align: center;
+  color: rgba(39, 42, 48, 0.65);
+  border-bottom: 1px solid rgba(126, 134, 142, 0.16);
+  box-sizing: border-box;
+  font-size: 24rpx;
+  min-height: 84rpx;
+}
+.ml-table-cell {
+  display: block;
+  width: 100%;
+  white-space: normal;
+  word-break: break-all;
+  &.is-ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  &.align-left {
+    text-align: left;
+  }
+  &.align-center {
+    text-align: center;
+  }
+  &.align-right {
+    text-align: right;
+  }
+}
+</style>

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

@@ -1,5 +1,5 @@
 <template>
-  <view class="table-tr">
+  <view class="ml-table-tr">
     <slot></slot>
   </view>
 </template>
@@ -7,6 +7,9 @@
 <script>
 export default {
   name: 'MlTableTr',
+  options: {
+    virtualHost: true
+  },
   props: {
   },
   data () {
@@ -15,3 +18,11 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+.ml-table-tr {
+  display: inline-flex;
+  white-space: nowrap;
+  width: 100%;
+}
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mali-applet-ui",
-  "version": "1.1.36",
+  "version": "1.1.38",
   "description": "码里UI-小程序组件库(vue2)",
   "files": [
     "lib",
@@ -37,6 +37,8 @@
     "axios": "^0.26.1",
     "nodemailer": "^6.9.4",
     "nodemailer-smtp-transport": "^2.7.4",
+    "compressing": "~1.6.3",
+    "miniprogram-ci": "~1.9.8",
     "xe-utils": "^3.5.11"
   },
   "devDependencies": {