UNPKG

cloud-ui.vusion

Version:
249 lines (248 loc) 7.17 kB
- name: u-dynamic-cards title: 动态卡片 attrs: - name: data type: Array description: 数据 - name: dynamic type: boolean default: true description: 是否可以动态添加/删除项 - name: get-default-item type: Function description: 传入获取默认项的方法 - name: initial-add type: boolean default: true description: 是否自动补充项,如果初始时`data`中的项目数少于`min-count` - name: min-count type: number default: 1 description: 最小项目数 - name: max-count type: number default: 999 description: 最大项目数 - name: text-field type: string default: title description: 用于 mini 显示的字段 - name: index type: number sync: true default: 0 description: 当前展开项的索引 - name: add-button-text type: string default: 添加 description: 添加按钮的文本 - name: mini-formatter type: Function description: mini 显示时的格式器 computed: - name: touched type: boolean description: 用户是否触碰 - name: dirty type: boolean description: 用户是否修改值 - name: valid type: boolean description: 验证是否通过 - name: firstError type: string description: 第一个错误提示消息 slots: - concept: Slot name: default description: 展开区域的内容 props: - name: item type: object description: 项目 - name: index type: number description: 索引 slotProps: concept: Param name: current typeAnnotation: concept: TypeAnnotation typeKind: generic typeNamespace: nasl.ui typeName: Current typeArguments: - concept: TypeAnnotation typeKind: typeParam typeName: T - name: mini description: 收起时 mini 显示区的内容 props: - name: item type: object description: 项目 - name: index type: number description: 索引 slotProps: concept: Param name: current typeAnnotation: concept: TypeAnnotation typeKind: generic typeNamespace: nasl.ui typeName: Current typeArguments: - concept: TypeAnnotation typeKind: typeParam typeName: T events: - name: before-add description: 添加前触发 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/OperatorItemEvent" - name: $event.item type: any description: 添加的项 - name: $event.index type: number description: 添加的索引 - name: $event.data type: Array description: 当前数据 - name: $event.preventDefault type: Function description: 阻止添加流程 - name: senderVM type: UDynamicCards description: 发送事件实例 - name: add description: 添加时触发 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/OperatorItemEvent" - name: $event.item type: any description: 添加的项 - name: $event.index type: number description: 添加的索引 - name: $event.data type: Array description: 当前数据 - name: senderVM type: UDynamicCards description: 发送事件实例 - name: before-remove description: 删除前触发 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/OperatorItemEvent" - name: $event.item type: any description: 删除的项 - name: $event.index type: number description: 删除的索引 - name: $event.data type: Array description: 当前数据 - name: $event.preventDefault type: Function description: 阻止删除流程 - name: senderVM type: UDynamicCards description: 发送事件实例 - name: remove description: 删除时触发 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/OperatorItemEvent" - name: $event.item type: any description: 删除的项 - name: $event.index type: number description: 删除的索引 - name: $event.data type: Array description: 当前数据 - name: senderVM type: UDynamicCards description: 发送事件实例 - name: splice description: 数量变更(添加/删除)时触发 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/OperatorItemEvent" - name: $event.item type: any description: 变更的项 - name: $event.index type: number description: 变更的索引 - name: $event.data type: Array description: 当前数据 - name: senderVM type: UDynamicCards description: 发送事件实例 - name: validate description: 对于第一个 Field 或者所有子 UValidator: params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ValidateEvent" - name: $event.trigger type: enum description: 本次验证的触发方式 - name: $event.valid type: boolean description: 验证是否通过 - name: $event.touched type: boolean description: 用户是否触碰 - name: $event.dirty type: boolean description: 用户是否修改值 - name: $event.firstError type: string description: 第一个错误提示消息 - name: senderVM type: UDynamicCards description: 发送事件实例 methods: - name: validate description: 手动验证。 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ValidateEvent" - name: trigger type: string default: submit description: 触发方式,可选值:`submit`、`blur`和`input`之一,或者它们的任意组合。 - name: muted type: boolean default: false description: 是否验证后无提示