cloud-ui.vusion

- name: u-dropdown title: 下拉菜单 icon: dropdown-new labels: - Navigation attrs: - name: has-data-source title: 数据源配置 type: boolean sync: false model: false bindHide: true default: false group: 数据属性 brifeDoc: "" tooltipLink: "" toggleclear: - data-source - data-schema - text-field - to-field - icon-field - value-field - parent-field - link-type-field - target-field - name: data-source title: 数据源 type: Array<Item> | Function | object | DataSource description: 展示数据的输入源，可设置为集合类型变量（List<T>）或输出参数为集合类型的逻辑。 designer-value: "[{}, {}, {}]" group: 数据属性 brifeDoc: "" docDescription: 支持动态绑定集合类型变量（List\<T>）或输出参数为集合类型的逻辑 tooltipLink: "" dependency: - "has-data-source": true - name: data-schema title: 数据类型 type: schema description: 数据源返回的数据结构的类型，自动识别类型进行展示说明 group: 数据属性 compType: dataTypeSelect brifeDoc: "" docDescription: 该属性为只读状态，当数据源动态绑定集合List<T>后，会自动识别T的类型并进行展示 tooltipLink: "" dependency: - "has-data-source": true - name: text-field title: 文本字段 type: string default: text description: 集合的元素类型中，用于显示文本的属性名称 group: 数据属性 dependency: - "has-data-source": true - name: value-field title: 值字段 type: string default: value description: 集合的元素类型中，用于标识选中值的属性 group: 数据属性 dependency: - "has-data-source": true brifeDoc: "" docDescription: 集合的元素类型中，用于标识选中值的属性，支持自定义变更 tooltipLink: "" - name: icon-field title: 图标属性字段 type: string default: icon description: 集合的元素类型中，用于图标的属性名称 group: 数据属性 dependency: - "has-data-source": true - name: to-field title: 跳转链接字段 type: string default: to description: 集合的元素类型中，用于跳转链接的属性名称 group: 数据属性 dependency: - "has-data-source": true - name: parent-field title: 父级值字段 type: string default: "" description: 集合的元素类型中，用于标识父节点的属性 group: 数据属性 dependency: - "has-data-source": true brifeDoc: "" docDescription: 集合的元素类型中，用于标识父级字段的属性，支持自定义变更 tooltipLink: "" - name: trigger title: 触发方式 type: string options: - value: click title: 点击 - value: hover title: 悬浮 - value: right-click title: 右击 - value: double-click title: 双击 - value: manual title: 手动 default: click description: 触发方式 group: 交互属性 - name: type title: 样式类型 type: string options: - value: text title: 基础按钮样式 - value: primary title: 主要按钮样式 - value: primary_secondary title: 次要按钮样式 - value: normal title: 普通按钮样式 - value: more title: 更多按钮样式 default: text group: 主要属性 description: "" brifeDoc: "" docDescription: 支持基础按钮样式、主要按钮样式、次要按钮样式、普通按钮样式共4种样式 tooltipLink: "" - name: placement title: 弹出方向 type: string options: - value: top title: 上 - value: bottom title: 下 - value: left title: 左 - value: right title: 右 - value: top-start title: 上左 - value: top-end title: 上右 - value: bottom-start title: 下左 - value: bottom-end title: 下右 - value: left-start title: 左上 - value: left-end title: 左下 - value: right-start title: 右上 - value: right-end title: 右下 default: bottom description: 弹出层的弹出方向 group: 主要属性 brifeDoc: "" docDescription: 设置下拉菜单的弹出位置，支持上、下、左、右、上左、上右、下左、下右、左上、左下、右上、右下共12个方向 tooltipLink: "" - name: append-to title: 弹出层位置依据 type: string default: reference description: 设置弹出层依据哪个元素定位位置，可选值：`'body'`表示添加到 document.body，`'reference'`表示添加到参考元素中。 options: - value: reference title: 引用元素下 - value: body title: 全局body group: 主要属性 brifeDoc: "" docDescription: 设置弹出层在html里的位置，支持引用元素下、全局body设置。当把下拉菜单放入某个组件，而组件overflow是hidden的时候，需要设置为全局body tooltipLink: "" - name: router title: 使用路由 type: boolean default: true description: 是否使用 vue-router group: 数据属性 brifeDoc: "" docDescription: 设置使用vue-router。 tooltipLink: "" - name: value title: 选中值 type: any sync: true model: true description: 当前选中的值 dependency: - router: false group: 数据属性 brifeDoc: "" docDescription: 当前选择的值，值仅在不适用路由下支持编辑 tooltipLink: "" - name: disabled title: 禁用 type: boolean default: false description: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） group: 状态属性 brifeDoc: "" docDescription: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） tooltipLink: "" - name: opened title: 显示状态 type: boolean default: false description: "" group: 状态属性 brifeDoc: "" docDescription: 开启时进入页面即展示下拉菜单，默认关闭 tooltipLink: "" slots: - concept: Slot name: default description: 插入`<u-dropdown>`子组件。 support: - name: u-dropdown-group title: 下拉菜单分组 snippet: '<u-dropdown-group><template #title><u-text text="菜单分组"></u-text></template><u-dropdown-item><u-text text="菜单项"></u-text></u-dropdown-item></u-dropdown-group>' - name: u-dropdown-item title: 菜单项 snippet: <u-dropdown-item><u-text text="菜单项"></u-text></u-dropdown-item> description: 下拉菜单 - name: u-dropdown-item title: 下拉菜单项 icon: dropdown-new-item labels: - Display attrs: - name: text title: 文本 type: string description: 显示文本内容 advanced: true - name: to title: 路由链接 type: string, Location description: 需要 vue-router，与`<router-link>`的`to`属性相同。可以是一个字符串或者是描述目标位置的对象。 advanced: true - name: icon title: 图标 type: icon default: "" description: "" group: 主要属性 brifeDoc: "" docDescription: 菜单项前增加自定义图标显示 tooltipLink: "" - name: linkType title: 链接类型 type: string options: - value: destination title: 页面跳转 - value: download title: 下载链接 default: destination description: "" compType: linkTypeSelect bindHide: true group: 交互属性 brifeDoc: "" docDescription: 支持页面跳转、下载链接 tooltipLink: "" - name: hrefAndTo title: 链接地址 type: string description: "" compType: linkHrefInput group: 交互属性 brifeDoc: "" docDescription: 链接地址配置 tooltipLink: "" - name: target title: 链接打开方式 type: string options: - value: _blank title: 新窗口 - value: _self title: 当前窗口 - value: _parent title: 父级窗口 advanced: true - value: _top title: 顶级窗口 advanced: true default: _self description: 链接跳转的打开方式，父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则其打开方式同当前窗口。 group: 交互属性 brifeDoc: "" docDescription: 支持新窗口、当前窗口、父级窗口、顶级窗口四种方式，其中父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口 tooltipLink: "" - name: disabled title: 禁用 type: boolean default: false description: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） group: 状态属性 brifeDoc: "" docDescription: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） tooltipLink: "" events: - name: click title: 点击 description: 点击此项时触发，与原生 click 事件不同的是，它只会在非只读和禁用的情况下触发。 params: [] description: 下拉菜单项 - name: u-dropdown-group title: 下拉菜单分组 attrs: - name: title title: 标题 type: string description: 显示的标题 advanced: true - name: collapsible title: 可折叠 type: boolean default: true description: 设置是否可以展开/折叠 group: 交互属性 brifeDoc: "" docDescription: 设置分组是否可折叠 tooltipLink: "" - name: trigger title: 触发方式 type: string options: - value: click title: 点击 - value: hover title: 悬浮 - value: right-click title: 右击 - value: double-click title: 双击 - value: none title: 与父级同步 disabled: true default: none description: 触发方式 group: 交互属性 - name: expanded title: 展开状态 type: boolean sync: true default: false description: 展开状态分为“True(展开)/False(折叠)”，默认为“展开” group: 状态属性 brifeDoc: "" docDescription: 设置分组的展开折叠状态。在某些场景下需要预置分组的展开或者折叠状态 tooltipLink: "" - name: disabled title: 禁用展开/折叠 type: boolean default: false description: 置灰显示，且禁止展开/折叠操作 group: 状态属性 brifeDoc: "" docDescription: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） tooltipLink: "" slots: - concept: Slot name: default description: 插入`<u-dropdown>`子组件。 support: - name: u-dropdown-group title: 下拉菜单分组 snippet: '<u-dropdown-group><template #title><u-text text="菜单分组"></u-text></template><u-dropdown-item><u-text text="菜单项"></u-text></u-dropdown-item></u-dropdown-group>' - name: u-dropdown-item title: 菜单项 snippet: <u-dropdown-item><u-text text="菜单项"></u-text></u-dropdown-item> description: 侧边栏分组