可以借助vue的调试工具快速找到对应的组件，请参考这篇文章 使用vue调试工具快速找到对应的组件
Mask默认组件
重写Mask组件
重写AppSwitcherWidget
import Com from './com.vue'
/**
* SPI注册条件保持根 AppSwitcherWidget 一致，即可覆盖
*/
@SPI.ClassFactory(
MaskWidget.Token({
widget: 'app-switcher'
})
)
export class CustomAppSwitcherWidget extends AppSwitcherWidget {
/**
* 如果需要重写vue组件，那么可以通过重写initialize方法来实现，如果是修改数据或者逻辑，那么可以删除这个函数
*/
public initialize(props: any) {
super.initialize(props);
this.setComponent(Com)
return this
}
}重写 MenuWidget
import Com from './com.vue'
/**
* SPI注册条件保持根 MenuWidget 一致，即可覆盖
*/
@SPI.ClassFactory(MaskWidget.Token({ widget: 'nav-menu' }))
export class CustomMenuWidget extends MenuWidget {
/**
* 如果需要重写vue组件，那么可以通过重写initialize方法来实现，如果是修改数据或者逻辑，那么可以删除这个函数
*/
public initialize(props: any) {
super.initialize(props);
this.setComponent(Com)
return this
}
}重写 NotificationWidget
import Com from './com.vue'
/**
* SPI注册条件保持根 NotificationWidget 一致，即可覆盖
*/
@SPI.ClassFactory(MaskWidget.Token({ widget: 'notification' }))
export class CustomNotificationWidget extends NotificationWidget {
/**
* 如果需要重写vue组件，那么可以通过重写initialize方法来实现，如果是修改数据或者逻辑，那么可以删除这个函数
*/
public initialize(props: any) {
super.initialize(props);
this.setComponent(Com)
return this
}
}重写 LanguageWidget
import Com from './com.vue'
/**
* SPI注册条件保持根 LanguageWidget 一致，即可覆盖
*/
@SPI.ClassFactory(MaskWidget.Token({ widget: 'language' }))
export class CustomLanguageWidget extends LanguageWidget {
/**
* 如果需要重写vue组件，那么可以通过重写initialize方法来实现，如果是修改数据或者逻辑，那么可以删除这个函数
*/
public initialize(props: any) {
super.initialize(props);
this.setComponent(Com)
return this
}
}重写 UserWidget
import Com from './com.vue'
/**
* SPI注册条件保持根 UserWidget 一致，即可覆盖
*/
@SPI.ClassFactory(MaskWidget.Token({ widget: 'user' }))
export class CustomUserWidget extends UserWidget {
/**
* 如果需要重写vue组件，那么可以通过重写initialize方法来实现，如果是修改数据或者逻辑，那么可以删除这个函数
*/
public initialize(props: any) {
super.initialize(props);
this.setComponent(Com)
return this
}
}重写 BreadcrumbWidget
import Com from './com.vue'
/**
* SPI注册条件保持根 BreadcrumbWidget 一致，即可覆盖
*/
@SPI.ClassFactory(MaskWidget.Token({ widget: 'breadcrumb' }))
export class CustomBreadcrumbWidget extends BreadcrumbWidget {
/**
* 如果需要重写vue组件，那么可以通过重写initialize方法来实现，如果是修改数据或者逻辑，那么可以删除这个函数
*/
public initialize(props: any) {
super.initialize(props);
this.setComponent(Com)
return this
}
视图默认组件
重写 TableWidget(表格视图)
参考文章https://doc.oinone.top/frontend/18386.html
重写 FormWidget(表单视图)
参考文章https://doc.oinone.top/frontend/18386.html
重写 DetailWidget(详情视图)
参考文章https://doc.oinone.top/frontend/18386.html
重写 SearchWidget(搜索区域视图)
参考文章https://doc.oinone.top/frontend/18386.html
重写 GalleryWidget(画廊视图)
参考文章https://doc.oinone.top/frontend/18386.html
字段默认组件
重写字段组件
参考文章https://doc.oinone.top/frontend/18386.html
动作默认组件
重写 RouterViewActionWidget（路由跳转新视图）
@SPI.ClassFactory(
ActionWidget.Token({
actionType: ActionType.View,
target: ViewActionTarget.Router,
model: '当前模型编码', // 改成当前动作对应的模型编码（action.model）
name: '名称' // 当前动作的名称 （action.name）
})
)
export class CustomRouterViewActionWidget extends RouterViewActionWidget {
protected async clickAction() {
return super.clickAction()
}
}重写 DialogViewActionWidget（弹窗打开视图）
@SPI.ClassFactory(
ActionWidget.Token({
actionType: ActionType.View,
target: ViewActionTarget.Dialog,
model: '当前模型编码', // 改成当前动作对应的模型编码（action.model）
name: '名称' // 当前动作的名称 （action.name）
})
)
export class CustomDialogViewActionWidget extends DialogViewActionWidget {
protected async clickAction() {
return super.clickAction()
}
}重写 ServerActionWidget （服务端动作）
@SPI.ClassFactory(
ActionWidget.Token({
actionType: ActionType.Server,
model: '当前模型编码', // 改成当前动作对应的模型编码（action.model）
name: '名称' // 当前动作的名称 （action.name）
})
)
export class CustomServerActionWidget extends ServerActionWidget {
protected async clickAction() {
return super.clickAction()
}
}重写 UrlActionWidget （链接动作）
@SPI.ClassFactory(
ActionWidget.Token({
actionType: ActionType.URL,
model: '当前模型编码', // 改成当前动作对应的模型编码（action.model）
name: '名称' // 当前动作的名称 （action.name）
})
)
export class CustomUrlActionWidget extends UrlActionWidget {
protected async clickAction() {
return super.clickAction()
}
重写 客户端动作
@SPI.ClassFactory(
ActionWidget.Token({
model: 'resource.k2.Model0000011045', // 改成当前动作对应的模型编码（action.model）
name: ModelDefaultActionName.$$internal_GotoListTableRouter // name需要取当前动作里面的 fun 属性(action.fun)
})
)
export class CustomBackActionWidget extends BackActionWidget {
protected async clickAction() {
return super.clickAction();
}
}Oinone社区 作者：汤乾华原创文章，如若转载，请注明出处：https://doc.oinone.top/other/21531.html
访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验
