sh-view 1.5.2

package/packages/vxeTable/render/globalRenders.js

@@ -0,0 +1,491 @@
+// 渲染器组件封装
+import vxeRenderInput from './cell/vxe-render-input'
+import vxeRenderTextarea from './cell/vxe-render-textarea'
+import vxeRenderSelect from './cell/vxe-render-select'
+import vxeRenderTree from './cell/vxe-render-tree'
+import vxeRenderTime from './cell/vxe-render-time'
+import vxeRenderProgress from './cell/vxe-render-progress'
+import vxeRenderSwitch from './cell/vxe-render-switch'
+import vxeRenderMoney from './cell/vxe-render-money'
+import vxeRenderCheckbox from './cell/vxe-render-checkbox'
+import vxeRenderCheckgroup from './cell/vxe-render-checkgroup'
+import vxeRenderRadio from './cell/vxe-render-radio'
+import vxeRenderRadiogroup from './cell/vxe-render-radiogroup'
+import vxeRenderTable from './cell/vxe-render-table'
+import vxeRenderImg from './cell/vxe-render-img'
+import vxeRenderHref from './cell/vxe-render-href'
+import vxeRenderUpload from './cell/vxe-render-upload'
+import vxeRenderCode from './cell/vxe-render-code'
+import vxeRenderGoption from './cell/vxe-render-goption'
+
+// 头部渲染器封装
+import vxeHeaderMoney from './header/vxe-header-money'
+
+// 底部渲染器封装
+import vxeFooterInput from './footer/vxe-footer-input'
+import vxeFooterMoney from './footer/vxe-footer-money'
+
+// 过滤器组件封装
+import vxeFilterInput from './filters/vxe-filter-input'
+
+// 系统图片
+import imgPlaceholder from '../../assets/img/square-image.png'
+import imgError from '../../assets/img/image-error.png'
+
+// 渲染器通用默认配置
+let defaultPublicProps = {
+	// 转视图字段扩展名字
+	colExpendName: '_view'
+}
+
+// 渲染器个性化默认配置
+let defaultProps = {
+	$vInput: { type: 'text', placeholder: '请输入', transfer: true, digits: 2, prefixType: 'text', suffixType: 'text' },
+	$vTextArea: { placeholder: '请输入', rows: 2, transfer: true, resize: 'none', showWordCount: true },
+	$vSelect: { placeholder: '请选择', filterable: true, transfer: true, showType: 'text', tagColor: 'default', split: ',', options: [] },
+	$vTree: { placeholder: '请选择', transfer: true, split: ',', nodeKey: 'id', labelField: 'label' },
+	$vTime: { type: 'date', placeholder: '请选择时间', transfer: true, editable: false, prefixType: 'text', suffixType: 'text' },
+	$vProgress: { strokeWidth: 20, strokeColor: ['#108ee9', '#87d068'], textInside: true, min: 0, max: 100, digits: 2 },
+	$vSwitch: { placeholder: '请选择', openLabel: '是', openValue: '1', closeLabel: '否', closeValue: '0' },
+	$vMoney: { type: 'number', placeholder: '请输入', transfer: true, commafy: true, digits: 2, moneyUnit: 1, min: 0, max: 1000000000000 },
+	$vCheckbox: { placeholder: '请选择', uncheckedValue: '0', checkedValue: '1' },
+	$vCheckgroup: { placeholder: '请选择', showType: 'text', tagColor: 'default', tagType: '', split: ',' },
+	$vRadio: { placeholder: '请选择' },
+	$vRadiogroup: { placeholder: '请选择', showType: 'text', tagColor: 'default', tagType: '' },
+	$vImg: { square: false, preview: true, width: '100%', height: '34px', placeholder: imgPlaceholder, error: imgError },
+	$vHref: { disabled: true, target: '_blank' },
+	$vUpload: { split: ',' },
+	$vFilterInput: { placeholder: '请输入关键词' },
+	$vTable: { size: 'mini' },
+	$vCode: { placeholder: '请输入', border: true, height: '100px' },
+	$vGlobalOption: { type: 'text' }
+}
+
+// 统一处理传参boolean与配置String问题
+const getFixedProp = (renderOpts, params) => {
+	let { name, props = {} } = renderOpts
+	let { column, $table } = params
+	let writeColumn = !!column
+	if (name === '$vFilterInput') {
+		writeColumn = false
+		name = props.colRenderName
+	}
+	let rturnProps = Object.assign({}, defaultPublicProps, defaultProps[name], props)
+	let transKeys = ['disabled', 'multiple', 'isLeaf', 'commafy', 'border', 'calculate']
+	transKeys.forEach(key => {
+		if (rturnProps[key] !== null && rturnProps[key] !== undefined && typeof rturnProps[key] === 'string') {
+			rturnProps[key] = Boolean(+rturnProps[key])
+		}
+	})
+	if (writeColumn) {
+		column.rname = name
+		column.rprops = rturnProps
+	}
+	return {
+		rkey: $table ? column.property : params.property,
+		rdata: $table ? params.row : params.data,
+		rprops: rturnProps
+	}
+}
+
+// 全局渲染器
+const defaultPublicRenders = {
+	$vInput: {
+		autofocus: '.td-render .vxe-input--inner',
+		autoselect: true,
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderInput redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderInput redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderInput redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderItemContent(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderInput redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderFooter(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeFooterInput redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vTextArea: {
+		autofocus: '.td-render .vxe-textarea--inner',
+		autoselect: true,
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderTextarea redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderTextarea redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderTextarea redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderItemContent(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderTextarea redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vSelect: {
+		autofocus: '.td-render .vxe-input--inner',
+		autoselect: true,
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderSelect redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderSelect redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderSelect redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderItemContent(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderSelect redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vTree: {
+		autofocus: '.td-render .vxe-input--inner',
+		autoselect: true,
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderTree redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderTree redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderTree redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderItemContent(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderTree redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vTime: {
+		autofocus: '.td-render .vxe-input--inner',
+		autoselect: true,
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderTime redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderTime redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderTime redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderItemContent(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderTime redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vProgress: {
+		autofocus: '.td-render .vxe-input--inner',
+		autoselect: true,
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderProgress redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderProgress redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderProgress redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderItemContent(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderProgress redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vSwitch: {
+		autoselect: true,
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderSwitch redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderSwitch redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderSwitch redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderItemContent(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderSwitch redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vMoney: {
+		autofocus: '.td-render .vxe-input--inner',
+		autoselect: true,
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderMoney redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderMoney redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderMoney redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderItemContent(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderMoney redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderHeader(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeHeaderMoney redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderFooter(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeFooterMoney redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vCheckbox: {
+		autoselect: true,
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderCheckbox redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderCheckbox redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderCheckbox redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderItemContent(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderCheckbox redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vCheckgroup: {
+		autoselect: true,
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderCheckgroup redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderCheckgroup redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderCheckgroup redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderItemContent(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderCheckgroup redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vRadio: {
+		autoselect: true,
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderRadio redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderRadio redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderRadio redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderItemContent(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderRadio redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vRadiogroup: {
+		autoselect: true,
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderRadiogroup redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderRadiogroup redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderRadiogroup redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderItemContent(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderRadiogroup redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vTable: {
+		renderExpand(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderTable redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderItemContent(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderTable redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vImg: {
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderImg redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderImg redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderImg redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vHref: {
+		autoselect: true,
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderHref redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderHref redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderHref redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vUpload: {
+		autoselect: true,
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderUpload redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderUpload redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderUpload redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderItemContent(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderUpload redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vGlobalOption: {
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderGoption redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderGoption redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderGoption redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	},
+	$vCode: {
+		autoselect: true,
+		renderDefault(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderCode redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderCell(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderCode redit={false} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderEdit(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderCode redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		},
+		renderItemContent(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeRenderCode redit={true} rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} rdata={props.rdata} />]
+		}
+	}
+}
+
+// 扩展渲染器
+const defaultExtraRenders = {
+	$vRowCell: {
+		renderDefault(renderOpts, params) {
+			let field = params.row[params.column.property + 'field'] || params.column.property
+			let renderName = params.row[field + 'RenderName'] || '$vInput'
+			return defaultPublicRenders[renderName].renderDefault(renderOpts, params)
+		},
+		renderCell(renderOpts, params) {
+			let field = params.row[params.column.property + 'field'] || params.column.property
+			let renderName = params.row[field + 'RenderName'] || '$vInput'
+			return defaultPublicRenders[renderName].renderCell(renderOpts, params)
+		},
+		renderEdit(renderOpts, params) {
+			let field = params.row[params.column.property + 'field'] || params.column.property
+			let renderName = params.row[field + 'RenderName'] || ''
+			return renderName ? defaultPublicRenders[renderName].renderEdit(renderOpts, params) : defaultPublicRenders[renderName].renderDefault(renderOpts, params)
+		},
+		renderItemContent(renderOpts, params) {
+			let field = params.data[params.property + 'field'] || params.property
+			let renderName = params.data[field + 'RenderName'] || '$vInput'
+			return defaultPublicRenders[renderName].renderItemContent(renderOpts, params)
+		}
+	}
+}
+
+// 过滤渲染器
+const defaultFilterRenders = {
+	$vFilterInput: {
+		renderFilter(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeFilterInput rparams={params} rname={renderOpts.name} rprops={props.rprops} />]
+		},
+		filterResetMethod({ options, column }) {
+			options.forEach(option => {
+				option.data = option.resetValue || ''
+			})
+		},
+		filterMethod({ value, option, cellValue, row, column, $table }) {
+			const { data } = option
+			const { rname, rprops, property } = column
+			if (defaultPublicRendersNames.expendRenders.includes(rname)) {
+				let { rtext } = $table.$vUtils.formatRender(cellValue, property, row, rname, rprops, $table)
+				return String(rtext).toLowerCase().indexOf(data.toLowerCase()) > -1
+			}
+			return String(cellValue).toLowerCase().indexOf(data.toLowerCase()) > -1
+		}
+	}
+}
+
+// 全局渲染器名称
+const defaultPublicRendersNames = {
+	allPlugins: Object.keys(defaultPublicRenders),
+	expendRenders: ['$vSelect', '$vCheckgroup', '$vMoney', '$vRadiogroup', '$vSwitch', '$vTree', '$vTime'], // 需要转换视图字段的渲染器
+	expendName: defaultPublicProps.colExpendName,
+	sortByExpendName: defaultPublicProps.colExpendName
+}
+
+export { defaultPublicRenders, defaultExtraRenders, defaultFilterRenders, defaultPublicRendersNames }

package/packages/vxeTable/render/header/vxe-header-money.vue

@@ -0,0 +1,21 @@
+<template>
+	<span>
+		{{ rparams.column.title }}
+		<span v-if="moneyUnitText" class="header-money-unit-text">({{ moneyUnitText }})</span>
+	</span>
+	<div v-if="rprops.bill" class="header-bill-box">
+		<template v-for="(bil, bilindex) in billGroups" :key="bilindex">
+			<span class="cell-bill-number" :class="getBillClass(bil)">{{ bil.shortText }}</span>
+		</template>
+	</div>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeHeaderMoney',
+	mixins: [mixin]
+}
+</script>
+
+<style scoped></style>