sh-view 2.8.8 → 2.8.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sh-view",
3
- "version": "2.8.8",
3
+ "version": "2.8.10",
4
4
  "description": "基于vxe-table二次封装,更包含Alert,Badge,Card,CodeEditor,Col,Corner,CountTo,Drawer,Empty,Form,Header,Icon,List,Loading,Modal,Noticebar,Poptip,Progress,PullRefresh,Query,Result,Row,Split,Grid,Table,Tabs,Tag,Toolbar,Tree,Upload,WaterFall,WaterMark等丰富组件库",
5
5
  "main": "packages/index.js",
6
6
  "typings": "types/index.d.ts",
@@ -252,7 +252,6 @@ export default {
252
252
  type: Boolean, // 表格是否可编辑,默认不可编辑
253
253
  default: true
254
254
  },
255
- customLayout: Boolean,
256
255
  columnObj: {
257
256
  type: Object,
258
257
  default() {
@@ -32,7 +32,7 @@ export const columnDefaultFilterMethod = ({ column, $columnIndex }) => {
32
32
  }
33
33
 
34
34
  // 默认求底部计算方法(已改用footer渲染器,其他需要自行计算)
35
- export const tableFooterCompute = (columns, fullData, computeType, typeObj = {}) => {
35
+ export const tableFooterCompute = (columns, tableData, computeType, typeObj = {}) => {
36
36
  const { emptyText = '', name, data = {} } = typeObj
37
37
  let computeName = name || ''
38
38
  if (!computeName) {
@@ -58,9 +58,9 @@ export const tableFooterCompute = (columns, fullData, computeType, typeObj = {})
58
58
  let footerValue = data[column.property] || emptyText
59
59
  if (renderName === '$vMoney' || renderProps.calculate) {
60
60
  if (computeType === 'subTotal') {
61
- footerValue = $vUtils.sum(fullData, column.property)
61
+ footerValue = $vUtils.sum(tableData, column.property)
62
62
  } else if (computeType === 'mean') {
63
- footerValue = $vUtils.mean(fullData, column.property)
63
+ footerValue = $vUtils.mean(tableData, column.property)
64
64
  }
65
65
  }
66
66
  return footerValue
@@ -122,7 +122,7 @@ export default function (props, context, proxy, isGrid) {
122
122
  }
123
123
  })
124
124
  const tableMoneyConfig = computed(() => {
125
- return Object.assign({ enabled: true, options: $vTableSetup.moneyUnitConstants, style: { width: '60px' } }, props.moneyConfig, tableVmConfig.value)
125
+ return Object.assign({ style: { width: '60px' } }, $vTableSetup.moneyConfig, props.moneyConfig, tableVmConfig.value)
126
126
  })
127
127
  const tableExportConfig = computed(() =>
128
128
  Object.assign(
@@ -168,7 +168,7 @@ export default function (props, context, proxy, isGrid) {
168
168
  })
169
169
  const tableFilterConfig = computed(() => Object.assign({ clearable: true, type: 'search', placeholder: '全局关键字搜索' }, tableVmConfig.value))
170
170
  const tableSlots = computed(() => {
171
- let disSlots = ['head', 'form', 'formLeft', 'formRight', 'toolbar', 'toolbarLeft', 'toolbarRight', 'pagerLeft', 'pagerRight']
171
+ let disSlots = ['top', 'head', 'foot', 'form', 'toolbar', 'formLeft', 'formRight', 'toolbarLeft', 'toolbarRight', 'pagerLeft', 'pagerRight']
172
172
  return Object.keys(slots).filter(key => !disSlots.includes(key))
173
173
  })
174
174
  const tableBindConfig = computed(() => {
@@ -231,13 +231,12 @@ export default function (props, context, proxy, isGrid) {
231
231
  }
232
232
 
233
233
  // 默认求底部绑定方法vxe
234
- const tableFooterMethod = ({ columns }) => {
234
+ const tableFooterMethod = ({ columns, data }) => {
235
235
  const { footerCalculate } = props
236
- const fullData = getFullData()
237
236
  let footerData = []
238
237
  let footerCalculateList = footerCalculate.calculate || []
239
238
  footerCalculateList.forEach(computeType => {
240
- footerData.push(tableFooterCompute(columns, fullData, computeType, footerCalculate[computeType]))
239
+ footerData.push(tableFooterCompute(columns, data, computeType, footerCalculate[computeType]))
241
240
  })
242
241
  return footerData
243
242
  }
@@ -259,6 +258,17 @@ export default function (props, context, proxy, isGrid) {
259
258
  else if (tableGlobalConfig.value.selectType === 'checkbox' && checkRecords) selections = checkRecords
260
259
  selectionRows.value = selections
261
260
  }
261
+ const updateExpended = () => {
262
+ if (tableRef.value && tableTreeConfig.value.expandAll) {
263
+ setTimeout(() => {
264
+ tableRef.value.setAllTreeExpand(true)
265
+ })
266
+ } else if (tableRef.value && props.expandConfig && props.expandConfig.expandAll) {
267
+ setTimeout(() => {
268
+ tableRef.value.setAllRowExpand(true)
269
+ })
270
+ }
271
+ }
262
272
 
263
273
  // -------- 表格
264
274
  // 当前行变化
@@ -552,6 +562,7 @@ export default function (props, context, proxy, isGrid) {
552
562
  () => props.dataSourse,
553
563
  value => {
554
564
  updateSelection([])
565
+ updateExpended()
555
566
  },
556
567
  {
557
568
  immediate: true
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div ref="tableWrapRef" class="sh-vxe-table" :class="{ 'sh-table-ghost': tableGlobalConfig.ghost, 'is--loading': tableBindConfig.loading }" :style="{ height: wrapHeight }">
2
+ <div ref="tableWrapRef" v-resize="handleResize" class="sh-vxe-table" :class="{ 'sh-table-ghost': tableGlobalConfig.ghost, 'is--loading': tableBindConfig.loading }" :style="{ height: wrapHeight }">
3
3
  <div v-if="isTopSlot" ref="topSlotRef" v-resize="handleResize" class="sh-table-top"><slot name="top"></slot></div>
4
4
  <div v-if="isFormSlot" ref="formSlotRef" v-resize="handleResize" class="sh-table-form">
5
5
  <slot name="form">
@@ -68,12 +68,13 @@
68
68
  @toolbar-button-click="onToolbarButtonClick"
69
69
  @toolbar-tool-click="onToolbarToolClick"
70
70
  @option-click="handleGoptionClick">
71
- <template v-if="customLayout">
72
- <slot></slot>
73
- </template>
74
71
  <template #empty>
75
72
  <sh-empty :icon="emptyIcon" :content="emptyText"></sh-empty>
76
73
  </template>
74
+ <template v-for="slot in tableSlots" #[slot]="scope">
75
+ <!-- 以之前的名字命名插槽,同时把数据原样绑定 -->
76
+ <slot :name="slot" v-bind="scope"></slot>
77
+ </template>
77
78
  </vxe-table>
78
79
  <div v-if="isFootSlot" ref="footSlotRef" v-resize="handleResize" class="sh-table-foot"><slot name="foot"></slot></div>
79
80
  <div v-if="isPagerSlot" ref="pagerSlotRef" v-resize="handleResize" class="sh-table-pager">
@@ -156,11 +156,14 @@ let vxeOptions = {
156
156
  icon: 'vxe-icon-spinner roll',
157
157
  text: '加载中...'
158
158
  },
159
- moneyUnitConstants: [
160
- { value: 1, label: '元', digits: 2 },
161
- { value: 1000, label: '千元', digits: 4 },
162
- { value: 10000, label: '万元', digits: 6 }
163
- ],
159
+ moneyConfig: {
160
+ enabled: false,
161
+ options: [
162
+ { value: 1, label: '', digits: 2 },
163
+ { value: 1000, label: '千元', digits: 4 },
164
+ { value: 10000, label: '万元', digits: 6 }
165
+ ]
166
+ },
164
167
  cnGroups: [
165
168
  { shortText: '兆', fullText: '兆', value: '' },
166
169
  { shortText: '千', fullText: '千亿', value: '' },
@@ -504,7 +504,7 @@ const filterRenders = {
504
504
  case 'has':
505
505
  return String(rtext).indexOf(valueSt) > -1
506
506
  case 'eq':
507
- return utils.isEqual(rvalue, valueSt)
507
+ return utils.isEqual(String(rvalue), valueSt)
508
508
  case 'gt':
509
509
  return isDate ? utils.getDateDiff(valueSt, rvalue).done : Number(rvalue) > Number(valueSt)
510
510
  case 'lt':