Skip to content

表单控件组件

CustomCheckbox

源文件:w7panel-ui/src/components/custom-checkbox.vue

功能:支持自定义选中值和未选中值的 Checkbox,适合字段值不是简单 boolean 的表单。

Props:

参数类型默认值说明
modelValueboolean/string/numberfalse当前值
checkedValueboolean/string/numbertrue选中时写入的值
uncheckedValueboolean/string/numberfalse取消选中时写入的值

Events:

事件参数说明
update:modelValuecheckedValue/uncheckedValue值变化时触发

使用示例:

vue
<CustomCheckbox
  v-model="form.storageRwMode"
  checked-value="ReadWriteMany"
  unchecked-value="ReadWriteOnce"
>
  多写
</CustomCheckbox>

CronJob

源文件:w7panel-ui/src/components/cron-job.vue

功能:用表单方式编辑 5 位 cron 表达式,支持每月、每周、每天、每小时、每隔 N 日、每隔 N 小时、每隔 N 分钟。

Props:

参数类型默认值说明
valuestring-cron 表达式,例如 0 2 * * *

Events:

事件参数说明
changestring用户修改后输出新的 cron 表达式

使用示例:

vue
<CronJob :value="form.cron" @change="value => form.cron = value" />

HealthProbe

源文件:w7panel-ui/src/components/health-probe.vue

功能:健康检查配置组件,支持 liveness/readiness/startup 等 probe 数据编辑。

Props:

参数类型默认值说明
dataobject-probe 数据

Events:

事件参数说明
returnDataobject输出健康检查配置

其它表单抽屉

组件源文件PropsEvents说明
DcformDrawersrc/components/dcform-drawer.vueshowclose(refreshList)Docker Compose 动态表单抽屉

维护要求

  • 修改组件 Props、Events、Ref 方法或对外行为时,同步更新本文。
  • 涉及 Wujie 事件的组件,只在本文记录组件职责,事件协议维护到 wujie-events.md
  • 返回 组件说明入口