sh-view 2.8.1 → 2.8.2

package/packages/vxeTable/render/globalRenders.jsx

@@ -1,514 +1,514 @@
-import { utils } from 'sh-tools'
-
-// 渲染器组件封装
-import vxeRenderInput from './cell/vxe-render-input.vue'
-import vxeRenderTextarea from './cell/vxe-render-textarea.vue'
-import vxeRenderSelect from './cell/vxe-render-select.vue'
-import vxeRenderTree from './cell/vxe-render-tree.vue'
-import vxeRenderTime from './cell/vxe-render-time.vue'
-import vxeRenderProgress from './cell/vxe-render-progress.vue'
-import vxeRenderSwitch from './cell/vxe-render-switch.vue'
-import vxeRenderMoney from './cell/vxe-render-money.vue'
-import vxeRenderCheckbox from './cell/vxe-render-checkbox.vue'
-import vxeRenderCheckgroup from './cell/vxe-render-checkgroup.vue'
-import vxeRenderRadio from './cell/vxe-render-radio.vue'
-import vxeRenderRadiogroup from './cell/vxe-render-radiogroup.vue'
-import vxeRenderTable from './cell/vxe-render-table.vue'
-import vxeRenderImg from './cell/vxe-render-img.vue'
-import vxeRenderHref from './cell/vxe-render-href.vue'
-import vxeRenderUpload from './cell/vxe-render-upload.vue'
-import vxeRenderCode from './cell/vxe-render-code.vue'
-import vxeRenderGoption from './cell/vxe-render-goption.vue'
-
-// 头部渲染器封装
-import vxeHeaderMoney from './header/vxe-header-money.vue'
-
-// 底部渲染器封装
-import vxeFooterInput from './footer/vxe-footer-input.vue'
-import vxeFooterMoney from './footer/vxe-footer-money.vue'
-
-// 过滤器组件封装
-import vxeFilterInput from './filters/vxe-filter-input.vue'
-import vxeFilterTime from './filters/vxe-filter-time.vue'
-
-// 渲染器通用默认配置
-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', fit: 'scale-down' },
-	$vHref: { disabled: true, target: '_blank' },
-	$vUpload: { split: ',' },
-	$vFilterInput: { placeholder: '请输入关键词' },
-	$vFilterTime: { range: true },
-	$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 rturnProps = Object.assign({}, defaultPublicProps, defaultProps[name], props)
-	let transKeys = ['transfer', 'disabled', 'multiple', 'isLeaf', 'commafy', 'border', 'filterable', 'showWordCount', 'editable']
-	transKeys.forEach(key => {
-		if (rturnProps[key] !== null && rturnProps[key] !== undefined && typeof rturnProps[key] === 'string') {
-			rturnProps[key] = Boolean(+rturnProps[key])
-		}
-	})
-	if (column) {
-		column.rname = name
-		column.rprops = rturnProps
-	}
-	return {
-		rkey: $table ? column.property : params.property,
-		rdata: $table ? params.row : params.data,
-		rprops: rturnProps
-	}
-}
-
-// 全局渲染器
-const publicRenders = {
-	$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} />]
-		},
-		exportMethod({ row, column }) {
-			return utils.get(row, column.property)
-		}
-	},
-	$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} />]
-		},
-		exportMethod({ row, column }) {
-			return utils.get(row, column.property)
-		}
-	},
-	$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} />]
-		},
-		exportMethod({ row, column }) {
-			return utils.get(row, column.property)
-		}
-	},
-	$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 extraRenders = {
-	$vRowCell: {
-		renderDefault(renderOpts, params) {
-			let field = params.row[params.column.property + 'field'] || params.column.property
-			let renderName = params.row[field + 'RenderName'] || '$vInput'
-			return publicRenders[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 publicRenders[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 ? publicRenders[renderName].renderEdit(renderOpts, params) : publicRenders[renderName].renderDefault(renderOpts, params)
-		},
-		renderItemContent(renderOpts, params) {
-			let field = params.data[params.property + 'field'] || params.property
-			let renderName = params.data[field + 'RenderName'] || '$vInput'
-			return publicRenders[renderName].renderItemContent(renderOpts, params)
-		}
-	}
-}
-
-// 过滤渲染器
-const filterRenders = {
-	$vFilterInput: {
-		renderFilter(renderOpts, params) {
-			let props = getFixedProp(renderOpts, params)
-			return [<vxeFilterInput rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} />]
-		},
-		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
-			let { rtext } = utils.formatRender(cellValue, property, row, rname, rprops, { $vUtils: utils })
-			return String(rtext).toLowerCase().indexOf(data.toLowerCase()) > -1
-		}
-	},
-	$vFilterTime: {
-		renderFilter(renderOpts, params) {
-			let props = getFixedProp(renderOpts, params)
-			return [<vxeFilterTime rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} />]
-		},
-		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
-			let { rtext } = utils.formatRender(cellValue, property, row, rname, rprops, { $vUtils: utils })
-			if (rprops.range || rprops.range === undefined) {
-				let startDiff = utils.getDateDiff(data[0], rtext)
-				let endDiff = utils.getDateDiff(rtext, data[1])
-				return startDiff.done && endDiff.done
-			}
-			return data === rtext
-		}
-	}
-}
-
-// 全局渲染器名称
-const publicRendersNames = {
-	allPlugins: Object.keys(publicRenders),
-	expendRenders: ['$vSelect', '$vCheckgroup', '$vMoney', '$vRadiogroup', '$vSwitch', '$vTree', '$vTime'], // 需要转换视图字段的渲染器
-	expendName: defaultPublicProps.colExpendName,
-	sortByExpendName: defaultPublicProps.colExpendName
-}
-
-export { publicRenders, extraRenders, filterRenders, publicRendersNames }
+import { utils } from 'sh-tools'
+
+// 渲染器组件封装
+import vxeRenderInput from './cell/vxe-render-input.vue'
+import vxeRenderTextarea from './cell/vxe-render-textarea.vue'
+import vxeRenderSelect from './cell/vxe-render-select.vue'
+import vxeRenderTree from './cell/vxe-render-tree.vue'
+import vxeRenderTime from './cell/vxe-render-time.vue'
+import vxeRenderProgress from './cell/vxe-render-progress.vue'
+import vxeRenderSwitch from './cell/vxe-render-switch.vue'
+import vxeRenderMoney from './cell/vxe-render-money.vue'
+import vxeRenderCheckbox from './cell/vxe-render-checkbox.vue'
+import vxeRenderCheckgroup from './cell/vxe-render-checkgroup.vue'
+import vxeRenderRadio from './cell/vxe-render-radio.vue'
+import vxeRenderRadiogroup from './cell/vxe-render-radiogroup.vue'
+import vxeRenderTable from './cell/vxe-render-table.vue'
+import vxeRenderImg from './cell/vxe-render-img.vue'
+import vxeRenderHref from './cell/vxe-render-href.vue'
+import vxeRenderUpload from './cell/vxe-render-upload.vue'
+import vxeRenderCode from './cell/vxe-render-code.vue'
+import vxeRenderGoption from './cell/vxe-render-goption.vue'
+
+// 头部渲染器封装
+import vxeHeaderMoney from './header/vxe-header-money.vue'
+
+// 底部渲染器封装
+import vxeFooterInput from './footer/vxe-footer-input.vue'
+import vxeFooterMoney from './footer/vxe-footer-money.vue'
+
+// 过滤器组件封装
+import vxeFilterInput from './filters/vxe-filter-input.vue'
+import vxeFilterTime from './filters/vxe-filter-time.vue'
+
+// 渲染器通用默认配置
+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', fit: 'scale-down' },
+	$vHref: { disabled: true, target: '_blank' },
+	$vUpload: { split: ',' },
+	$vFilterInput: { placeholder: '请输入关键词' },
+	$vFilterTime: { range: true },
+	$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 rturnProps = Object.assign({}, defaultPublicProps, defaultProps[name], props)
+	let transKeys = ['transfer', 'disabled', 'multiple', 'isLeaf', 'commafy', 'border', 'filterable', 'showWordCount', 'editable']
+	transKeys.forEach(key => {
+		if (rturnProps[key] !== null && rturnProps[key] !== undefined && typeof rturnProps[key] === 'string') {
+			rturnProps[key] = Boolean(+rturnProps[key])
+		}
+	})
+	if (column) {
+		column.rname = name
+		column.rprops = rturnProps
+	}
+	return {
+		rkey: $table ? column.property : params.property,
+		rdata: $table ? params.row : params.data,
+		rprops: rturnProps
+	}
+}
+
+// 全局渲染器
+const publicRenders = {
+	$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} />]
+		},
+		exportMethod({ row, column }) {
+			return utils.get(row, column.property)
+		}
+	},
+	$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} />]
+		},
+		exportMethod({ row, column }) {
+			return utils.get(row, column.property)
+		}
+	},
+	$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} />]
+		},
+		exportMethod({ row, column }) {
+			return utils.get(row, column.property)
+		}
+	},
+	$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 extraRenders = {
+	$vRowCell: {
+		renderDefault(renderOpts, params) {
+			let field = params.row[params.column.property + 'field'] || params.column.property
+			let renderName = params.row[field + 'RenderName'] || '$vInput'
+			return publicRenders[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 publicRenders[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 ? publicRenders[renderName].renderEdit(renderOpts, params) : publicRenders[renderName].renderDefault(renderOpts, params)
+		},
+		renderItemContent(renderOpts, params) {
+			let field = params.data[params.property + 'field'] || params.property
+			let renderName = params.data[field + 'RenderName'] || '$vInput'
+			return publicRenders[renderName].renderItemContent(renderOpts, params)
+		}
+	}
+}
+
+// 过滤渲染器
+const filterRenders = {
+	$vFilterInput: {
+		renderFilter(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeFilterInput rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} />]
+		},
+		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
+			let { rtext } = utils.formatRender(cellValue, property, row, rname, rprops, { $vUtils: utils })
+			return String(rtext).toLowerCase().indexOf(data.toLowerCase()) > -1
+		}
+	},
+	$vFilterTime: {
+		renderFilter(renderOpts, params) {
+			let props = getFixedProp(renderOpts, params)
+			return [<vxeFilterTime rparams={params} rname={renderOpts.name} rprops={props.rprops} rkey={props.rkey} />]
+		},
+		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
+			let { rtext } = utils.formatRender(cellValue, property, row, rname, rprops, { $vUtils: utils })
+			if (rprops.range || rprops.range === undefined) {
+				let startDiff = utils.getDateDiff(data[0], rtext)
+				let endDiff = utils.getDateDiff(rtext, data[1])
+				return startDiff.done && endDiff.done
+			}
+			return data === rtext
+		}
+	}
+}
+
+// 全局渲染器名称
+const publicRendersNames = {
+	allPlugins: Object.keys(publicRenders),
+	expendRenders: ['$vSelect', '$vCheckgroup', '$vMoney', '$vRadiogroup', '$vSwitch', '$vTree', '$vTime'], // 需要转换视图字段的渲染器
+	expendName: defaultPublicProps.colExpendName,
+	sortByExpendName: defaultPublicProps.colExpendName
+}
+
+export { publicRenders, extraRenders, filterRenders, publicRendersNames }