agilebuilder-ui 1.0.1 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agilebuilder-ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "type": "module",
   "private": false,
   "main": "./lib/super-ui.js",

package/packages/super-nine-grid/src/super-nine-grid.vue

@@ -98,38 +98,39 @@
 									>
 										<div>
 											<el-tooltip
-													:content="$t('imatrixUIPublicModel.systemCode') +':' + params.code"
+													:content="props && props.content?getPropValue('content', params) + '('+ params.code+')':(props && props.title?getPropValue('title', params) + '('+ params.code+')':'')"
 													effect="dark"
 													placement="top-start"
 											>
 												<div
 														v-if="props && props.content"
-														style="display: inline-block"
+														:style="'display: inline-block;width:'+titleWidth"
+														class="ellipsis cell--span"
 												>
 													{{
-														getPropValue('content', params) +
-														getLength(params.code)
+														getPropValue('content', params) + '('+ params.code+')'
 													}}
 												</div>
 												<div
 														v-else-if="props && props.title"
-														style="display: inline-block"
+														:style="'display: inline-block;width:'+titleWidth"
+														class="ellipsis cell--span"
 												>
 													{{
-														getPropValue('title', params) + getLength(params.code)
+														getPropValue('title', params) + '('+ params.code+')'
 													}}
 												</div>
 											</el-tooltip>
 											<div
 													v-if="showEnableButton(params)"
 													style="
-                        margin-left: 2px;
-                        color: #00b42a;
-                        background-color: #e8ffea;
-                        width: 68px;
-                        text-align: center;
-                        display: inline-block;
-                      "
+														margin-left: 2px;
+														color: #00b42a;
+														background-color: #e8ffea;
+														width: 68px;
+														text-align: center;
+														display: inline-block;
+													"
 											>
 												<el-icon>
 													<SuccessFilled/>
@@ -142,13 +143,14 @@
 											</div>
 									</div>
 									<div class="button-style">
-										<div style="padding: 10px;box-sizing: border-box;">
+										<div style="padding: 10px;box-sizing: border-box;width: 50px">
 											{{ $t('imatrixUIPublicModel.edit') }}
 										</div>
-										<div>
+										<div style="padding-left: 15px">
 											<template v-for="button in operations">
 												<template v-if="isShowButton(params, button)">
 													<el-tooltip
+														:key="button.name"
 															v-if="button.icon"
 															v-permission="
                             button.permission ? button.permission : 'true'
@@ -165,6 +167,7 @@
 													</el-tooltip>
 													<em
 															v-else
+														:key="button.name"
 															v-permission="
                             button.permission ? button.permission : 'true'
                           "
@@ -177,26 +180,28 @@
 											<slot :name="slotBefore" :params="params"/>
 										</div>
 									</div>
-									<div
-											v-if="isShowEnableState"
+									<div	
 											style="position: absolute;right: 5%;bottom: 9%;"
 									>
+									<slot :name="slotState" :params="params"/>
+									<template  v-if="isShowEnableState">
 										<el-button
-												v-if="showEnableButton(params)"
-												class="button--default"
-												size="default"
-												@click.stop="changeState(params)"
+											v-if="showEnableButton(params)"
+											class="button--default"
+											size="default"
+											@click.stop="changeState(params)"
 										>
 											{{ $t('imatrixUIPublicModel.forbidden') }}
 										</el-button>
 										<el-button
-												v-else
+											v-else
 												size="default"
 												type="primary"
 												@click.stop="changeState(params)"
 										>
 											{{ $t('imatrixUIPublicModel.startUsing') }}
 										</el-button>
+									</template>
 									</div>
 								</div>
 							</div>
@@ -303,6 +308,8 @@ export default {
 				this.options && this.options.showRadio !== undefined
 						? this.options.showRadio
 						: false
+		const titleWidth = this.options && this.options.style && this.options.style.titleWidth !== undefined
+						? this.options.style.titleWidth:'60%'
 		return {
 			isLoading: false,
 			currentPage: 1,
@@ -346,7 +353,9 @@ export default {
 			titleStyle: null, // 标题的样式对象，格式为：{ color: 'green', fontWeight: 'bold'}
 			isShowEnableState: false,
 			colSpan: 6,
-			slotBefore: 'before'
+			slotBefore: 'before',
+			titleWidth,
+			slotState: 'bottom'
 		}
 	},
 	computed: {},

package/src/i18n/langs/cn.js

@@ -43,7 +43,8 @@ const cn = {
         fullScreen: '全屏',
         forbidden: '禁用',
         startUsing: '启用',
-        systemCode: '系统编码'
+        systemCode: '系统编码',
+        code:'编码'
     },
     imatrixUIMessage: {
         whetherToConfirmDeletion: '是否确认删除',
@@ -120,7 +121,7 @@ const cn = {
         previewTitleWhenNotImg: '非图片格式，使用其它方式预览',
         refresh: '刷新',
         open: '展开',
-        fold: '收起',
+        fold: '收起'
     },
     // 部门树组件
     departmentTree: {},

package/src/i18n/langs/en.js

@@ -43,7 +43,8 @@ const en = {
         fullScreen: 'Full Screen',
         forbidden: 'forbidden',
         startUsing: 'Start Using',
-        systemCode: 'System Code'
+        systemCode: 'System Code',
+        code:'Code'
     },
     imatrixUIMessage: {
         whetherToConfirmDeletion: 'Whether To Confirm Deletion',