cloud-ui.vusion

- name: m-group-parent title: 分组模式 description: 在父子组件的模式中，有时会遇到对子组件进行分组和折叠场景。MGroup 对这种模式进行了抽象，用于快速开发和代码借鉴。 options: - name: groupName type: string default: m-group description: 分组组件的名称 data: - name: groupVMs type: Array<MGroup> default: [] description: 分组组件集合 attrs: - name: collapsible type: boolean default: false description: 分组是否可以折叠 - name: accordion type: boolean default: false description: 是否每次只会展开一个分组 - name: expand-trigger type: string default: click description: 展开/折叠的触发方式。可选值：`'click'`表示整行点击均可触发、`'click-expander'`表示仅点击小箭头时触发 events: - name: toggle description: 展开/折叠某分组时触发 params: - name: $event.expanded type: boolean description: 展开/折叠状态 - name: $event.groupVM type: MGroup description: 分组组件 - name: senderVM type: MGroupParent description: 发送事件实例 methods: - name: toggleAll(expanded) description: 展开/折叠所有分组 params: - name: expanded type: boolean description: 展开/折叠 - name: m-group mixins: m-emitter options: - name: parentName type: string default: m-parent description: 父组件的名称 - name: childName type: string default: m-child description: 子组件的名称 data: - name: parentVM type: MParent default: null description: 父组件实例 - name: itemVMs type: Array<MChild> default: [] description: 子组件集合 attrs: - name: title type: string default: null description: 显示的标题 - name: collapsible type: boolean default: null description: "`false`" - name: expanded type: boolean sync: true default: false description: 展开/折叠状态 - name: disabled type: boolean default: false description: 是否禁用。禁用时无法展开/折叠 slots: - name: default description: 插入`<m-child>`子组件。 - name: title description: 自定义标题文本。 - name: extra description: 在右侧可以附加内容。 events: - name: before-toggle description: 展开/折叠此分组前触发 params: - name: $event.expanded type: boolean description: 展开/折叠状态 - name: $event.groupVM type: MGroup description: 分组组件 - name: $event.preventDefault type: Function description: 阻止展开/折叠流程 - name: senderVM type: MGroup description: 发送事件实例 - name: toggle description: 展开/折叠某分组时触发 params: - name: $event.expanded type: boolean description: 展开/折叠状态 - name: $event.groupVM type: MGroup description: 分组组件 - name: senderVM type: MGroup description: 发送事件实例 - name: m-child options: - name: groupName type: string default: m-group description: 分组组件的名称