sh-view 1.5.2

package/packages/vxeTable/render/mixin/cell-mixin.js

@@ -0,0 +1,195 @@
+export default {
+	props: {
+		redit: { type: Boolean },
+		rkey: { type: String },
+		rname: { type: String },
+		rdata: {
+			type: Object,
+			default() {
+				return {}
+			}
+		},
+		rprops: {
+			type: Object,
+			default() {
+				return {}
+			}
+		},
+		rparams: {
+			type: Object,
+			default() {
+				return {}
+			}
+		}
+	},
+	data() {
+		return {
+			renderValue: null
+		}
+	},
+	computed: {
+		rsize() {
+			return this.rprops.size || this.rparams.$table?.props?.size || this.rparams.$form?.props?.size
+		},
+		rform() {
+			return this.rparams.$form
+		},
+		reditmode() {
+			return this.rparams.$table?.props?.editConfig?.mode
+		},
+		isEditAll() {
+			return !this.rform && this.reditmode === 'all'
+		},
+		moneyUnitText() {
+			let moneyUnitConstants = [
+				{ value: 1, label: '元' },
+				{ value: 1000, label: '千元' },
+				{ value: 10000, label: '万元' }
+			]
+			let moneyConstant = moneyUnitConstants.find(item => item.value === this.rprops.moneyUnit)
+			return moneyConstant && moneyConstant.label
+		},
+		billGroups() {
+			let { billStart = '分', billEnd = '亿' } = this.rprops
+			let cnGroups = [
+				{ shortText: '兆', fullText: '兆', value: '' },
+				{ shortText: '千', fullText: '千亿', value: '' },
+				{ shortText: '百', fullText: '百亿', value: '' },
+				{ shortText: '十', fullText: '十亿', value: '' },
+				{ shortText: '亿', fullText: '亿', value: '' },
+				{ shortText: '千', fullText: '千万', value: '' },
+				{ shortText: '百', fullText: '百万', value: '' },
+				{ shortText: '十', fullText: '十万', value: '' },
+				{ shortText: '万', fullText: '万', value: '' },
+				{ shortText: '千', fullText: '千', value: '' },
+				{ shortText: '百', fullText: '百', value: '' },
+				{ shortText: '十', fullText: '十', value: '' },
+				{ shortText: '元', fullText: '元', value: '' },
+				{ shortText: '角', fullText: '角', value: '' },
+				{ shortText: '分', fullText: '分', value: '' },
+				{ shortText: '毫', fullText: '毫', value: '' },
+				{ shortText: '厘', fullText: '厘', value: '' }
+			]
+			let startIndex = cnGroups.findIndex(cn => cn.fullText === billEnd)
+			let endIndex = cnGroups.findIndex(cn => cn.fullText === billStart)
+			return cnGroups.slice(startIndex, endIndex)
+		},
+		getBillClass() {
+			return bil => {
+				return {
+					basic: bil.fullText === '元',
+					commafy: ['千', '百万', '十亿', '兆'].includes(bil.fullText)
+				}
+			}
+		},
+		renderText() {
+			let keyValue = this.$vUtils.get(this.rdata, this.rkey)
+			let { rtext } = this.formatValueFun(keyValue)
+			return rtext
+		}
+	},
+	methods: {
+		// 输入框变化
+		async vxeInputChange({ value, $event }) {
+			if (!this.rform) {
+				this.setTableValue(value)
+			}
+		},
+		// 输入框变化回调
+		async vxeChangeCallBack({ value, $event }) {
+			if (this.rform) {
+				this.setFormValue(value)
+			} else {
+				this.setTableValue(value)
+			}
+		},
+		// radio 变化回调
+		async vxeRadioCallBack({ label, $event }) {
+			if (this.rform) {
+				this.setFormValue(label)
+			} else {
+				this.setTableValue(label)
+			}
+		},
+		// check变化回调
+		async vxeCheckCallBack({ checklist, checked, label, $event }) {
+			if (this.rform) {
+				this.setFormValue(checklist)
+			} else {
+				this.setTableValue(checklist)
+			}
+		},
+		// 输入框失去焦点回调
+		async vxeBlurCallback({ value, $event }) {
+			if (this.rform) {
+				this.setFormValue(value)
+			} else {
+				this.setTableValue(value)
+			}
+		},
+		// form回调赋值
+		setFormValue(value) {
+			if (['$vMoney'].includes(this.rname) && value !== '') value = this.$vUtils.multiply(value, this.rprops.moneyUnit || 1)
+			let { rvalue } = this.formatValueFun(value)
+			let { data, $form } = this.rparams
+			this.$vUtils.set(data, this.rkey, rvalue)
+			$form.context.emit('edit-closed', this.rparams, this)
+		},
+		// table回调赋值
+		setTableValue(value) {
+			if (['$vMoney'].includes(this.rname) && value !== '') value = this.$vUtils.multiply(value, this.rprops.moneyUnit || 1)
+			const { row, column } = this.rparams
+			const { model } = column
+			model.change = true
+			model.value = value
+		},
+		// 格式化值formatValue
+		formatValueFun(value) {
+			let rObj = this.$vUtils.formatRender(value, this.rkey, this.rdata, this.rname, this.rprops, this)
+			this.renderValue = ['$vMoney'].includes(this.rname) ? rObj.rtext : rObj.rvalue
+			return rObj
+		},
+		// 格式化底部值
+		getFooterData(qianfen = true) {
+			let { $table, items, itemIndex, column } = this.rparams
+			let tableData = $table.reactData.tableData
+			let { rname, rprops, rfooter, property } = column
+			let { digits, moneyUnit, commafy, type, calculate } = rprops
+			let footerValue = items[itemIndex]
+			if (rfooter) {
+				let caculateObj = rfooter[items[rfooter.index || 0]]
+				if (caculateObj && (rname === '$vMoney' || (['number', 'float', 'integer'].includes(type) && calculate))) {
+					let tableColumnData = this.$vUtils.mapTree(tableData, row => row[property])
+					let { computeType, result, typeObj } = caculateObj
+					switch (computeType) {
+						case 'subTotal':
+							footerValue = this.$vUtils.sum(tableColumnData)
+							break
+						case 'allTotal':
+							footerValue = typeObj[property] || result
+							break
+						case 'mean':
+							footerValue = this.$vUtils.mean(tableColumnData)
+							break
+						default:
+							footerValue = result
+							break
+					}
+					if (rname === '$vMoney') footerValue = this.$vUtils.truncate(this.$vUtils.divide(footerValue, moneyUnit), digits)
+					if (qianfen && commafy) footerValue = this.$vUtils.commafy(footerValue, { digits })
+				}
+			}
+			return footerValue
+		},
+		// 获取单据值
+		getBillValue(index, total = false) {
+			let value = total ? this.getFooterData(false) : this.renderValue
+			if (!value) return ''
+			let fullValue = this.$vUtils.formatMoneyPad(value)
+			let fullList = fullValue.replace('.', '').split('')
+			return fullList[index]
+		}
+	},
+	created() {},
+	activated() {}
+}