cloud-ui.vusion

- name: u-table-view title: 数据表格 icon: table-view labels: - Table description: 用于展示大量结构化数据。支持排序、过滤（筛选）、分页、自定义操作等复杂功能。 attrs: - name: data-source title: 数据源 type: Array<Item> | Function | object | DataSource designer-value: "[{}, {}, {}]" description: 展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑 group: 数据属性 brifeDoc: "" docDescription: 表格展示的数据。数据源可以绑定变量或者逻辑。变量或逻辑的返回值可以是数组，也可以是对象。对象格式为{list:[], total:10} tooltipLink: "" - name: data-schema title: 数据类型 type: schema description: 数据源返回的数据结构的类型，自动识别类型进行展示说明 group: 数据属性 compType: dataTypeSelect brifeDoc: "" docDescription: 表格每一行的数据类型。该属性为展示属性，由数据源推导得到，无需填写 tooltipLink: "" - name: extra-params title: 数据源参数 type: object description: 数据源除了DataSourceParams外还需要的参数 group: 数据属性 advanced: true brifeDoc: "" docDescription: 当数据源绑定的是逻辑，逻辑的第一个输入参数无法满足要求时，可绑定该字段值，传入更多的参数值。数据类型为对象{key:value}格式。 tooltipLink: "" - name: pageable title: 前端分页 type: boolean default: false description: "" group: 数据属性 hidden: true brifeDoc: "" docDescription: "" tooltipLink: "" - name: remote-paging title: 后端分页 type: boolean default: false description: "" group: 数据属性 dependency: - pageable: true hidden: true brifeDoc: "" docDescription: "" tooltipLink: "" - name: pagination title: 分页 type: boolean description: 设置是否分页展示数据 group: 数据属性 brifeDoc: "" docDescription: 是否展示分页组件，数据源调用接口是否加入分页参数。默认开启 tooltipLink: "" - name: page-size title: 默认每页条数 type: number default: 20 description: "" group: 数据属性 dependency: - pagination: true brifeDoc: "" docDescription: 每页的数据条数。默认20条。在"分页"属性开启时有效 tooltipLink: "" - name: show-sizer title: 显示每页条数 type: boolean default: true description: 显示每页条数切换器 group: 数据属性 dependency: - pagination: true brifeDoc: "" docDescription: 分页组件处是否展示数据条数的选择列表。默认开启。在"分页"属性开启时有效 tooltipLink: "" - name: page-size-options title: 每页条数选项 type: Array<number> default: - 10 - 20 - 50 description: 每页条数切换器的选项 group: 数据属性 dependency: - pagination: true show-sizer: true brifeDoc: "" docDescription: 分页组件处是否展示每页显示数据条数的选择列表，需设置数组，如[10,20,30,40,50]。在"分页"属性开启时有效。 tooltipLink: "" - name: page-number title: 当前页数 type: number default: 1 description: 当前默认展示在第几页 group: 数据属性 schema: $ref: "#/basicTypes/Integer" dependency: - pagination: true brifeDoc: "" docDescription: 当前加载的表格页。默认1。在"分页"属性开启时有效 tooltipLink: "" - name: show-total title: 显示总条数 type: boolean default: false description: "" group: 数据属性 dependency: - pagination: true brifeDoc: "" docDescription: 分页组件处是否显示表格总数。默认关闭。在"分页"属性开启时有效 tooltipLink: "" - name: show-jumper title: 显示跳转输入 type: boolean default: false description: 显示页面跳转输入框 group: 数据属性 dependency: - pagination: true brifeDoc: "" docDescription: 分页组件处是否展示跳转到某一页的输入框。默认关闭。在"分页"属性开启时有效 tooltipLink: "" - name: sorting title: 初始化排序规则 type: "{ field: string, order: string, compare: Function }" default: "{ field: undefined, order: 'desc' }" description: 设置数据初始化时的排序字段和顺序规则 group: 数据属性 brifeDoc: "" docDescription: 支持选择数据表格数据源中的某一条数据，配置默认排序规则，支持升序和降序 tooltipLink: "" - name: remote-sorting title: 排序 type: boolean default: false description: "" group: 数据属性 hidden: true brifeDoc: "" docDescription: "" tooltipLink: "" - name: default-order title: 排序初始顺序 type: string options: - value: asc title: 升序 - value: desc title: 倒序 default: asc description: "" group: 数据属性 dependency: - remote-sorting: true hidden: true brifeDoc: "" docDescription: "" tooltipLink: "" - name: filtering title: 筛选参数 type: object sync: true description: "" advanced: true group: 数据属性 - name: remote-filtering title: 后端筛选 type: boolean default: false description: 是否使用后端筛选 advanced: true group: 数据属性 - name: value-field title: 值字段 type: string description: 在单选、多选操作、渲染树形数据中，指定数据唯一值的字段 group: 数据属性 brifeDoc: "" docDescription: 在表格开启了单选、多选操作、渲染树形数据中，指定数据唯一值的字段 tooltipLink: "" - name: value title: 单选值 type: any sync: true model: true description: 用于标识单选选项的值 group: 数据属性 brifeDoc: "" docDescription: 当表格设置了单选列，或开启了可选行，选中某一行时的值。该取值由值字段名决定。一般会是id等能唯一标识每一行数据的值 tooltipLink: "" - name: values title: 多选值 type: Array sync: true description: 用于标识多选选项的值 group: 数据属性 brifeDoc: "" docDescription: 当表格设置了多选列，选择多个值后获得了值列表数组。该取值由值字段名决定 tooltipLink: "" - name: tree-display title: 树形模式 type: boolean default: false description: 以树形数据展示表格 group: 数据属性 brifeDoc: "" docDescription: 表格是否以树型方式展示。默认关闭 tooltipLink: "" - name: parent-field title: 父级值字段 type: string description: 当数据源为平铺数据时自动生成树形数据的节点字段名，重要：值字段名需要一起配置 group: 数据属性 dependency: - tree-display: true brifeDoc: "" docDescription: 标识父节点字段名，用于标识表格行取哪个数据作为父级的判断，需同步配置“值字段名”。在"树行模式"属性开启时有效 tooltipLink: "" - name: children-field title: 子级值字段 type: string default: children description: 树形数据子节点字段名，默认为children group: 数据属性 dependency: - tree-display: true brifeDoc: "" docDescription: 标识子节点字段名，用于表格显示时取哪个数据展示子树。在"树行模式"属性开启时有效 tooltipLink: "" - name: has-children-field title: 包含子级值字段 type: string default: hasChildren description: 该字段指定行数据是否包含子节点数据，默认为hasChildren group: 数据属性 dependency: - tree-display: true brifeDoc: "" docDescription: 表示当前行是否需要展示子节点的"展开/收起"图标。在"树形模式"属性开启时有效 tooltipLink: "" - name: tree-check-type title: 关联选中类型 description: 父子树节点是否关联选中 type: string options: - value: up+down title: 父子双向关联选中 - value: down title: 单项父关联子 - value: up title: 单项子关联父 - value: none title: 父子不关联 default: up+down group: 数据属性 dependency: - tree-display: true brifeDoc: "" docDescription: 当选中父节点时，子节点是否相应选中等。在"树形模式"属性开启并且表格存在"多选列"时有效 tooltipLink: "" - name: title title: 表格标题 type: string description: "" group: 主要属性 brifeDoc: "" docDescription: 表格上方的标题信息。默认为空 tooltipLink: "" - name: show-head title: 显示表格头部 type: boolean default: true description: "" group: 主要属性 brifeDoc: "" docDescription: 是否显示表格头。默认开启 tooltipLink: "" - name: stick-head title: 表格头部吸顶 type: boolean default: false description: "" group: 主要属性 brifeDoc: "" docDescription: 当页面滚动到顶时，表格头是否固定在头部，不随页面滚动。默认关闭 tooltipLink: "" - name: stick-head-offset title: 表格头部吸顶偏移量 type: number default: 0 description: "" group: 主要属性 brifeDoc: "" docDescription: 与"表格头部吸顶"选项配合使用，表示表格头吸顶时与顶部的距离 tooltipLink: "" - name: hover title: 悬浮高亮行 type: boolean default: false description: 表格行在悬浮时是否高亮显示 group: 交互属性 hidden: true brifeDoc: "" docDescription: "" tooltipLink: "" - name: selectable title: 可选行 type: boolean default: false description: 设置是否可以单选行 group: 交互属性 brifeDoc: "" docDescription: 表格行是否可点击选中，该取值由值字段名决定，一般会是id等能唯一标识每一行数据的值。默认关闭。 tooltipLink: "" - name: cancelable title: 可取消 type: boolean default: false description: 设置是否可以取消选择 group: 交互属性 brifeDoc: "" docDescription: 与"可选行"属性对应，表示选中的行再点击时是否可以取消选中。默认关闭。 tooltipLink: "" - name: draggable title: 表格内可拖拽 type: boolean default: false description: 设置是否可以拖拽行排序 group: 交互属性 brifeDoc: "" docDescription: 表格行是否可拖拽放置。默认关闭 tooltipLink: "" - name: acrossTableDrag title: 表格间可拖拽 type: boolean default: false description: 设置多个表格间是否可以拖拽放置 group: 交互属性 brifeDoc: "" docDescription: 表格间是否可拖拽放置。默认关闭 tooltipLink: "" - name: can-dragable-handler title: 可拖拽节点 type: Function description: 设置表格行是否可拖拽起来。绑定逻辑 bindOpen: true group: 交互属性 dependency: - draggable: true - acrossTableDrag: true brifeDoc: "" docDescription: "" tooltipLink: "" - name: can-dropin-handler title: 可放置节点 type: Function description: 设置表格行是否可拖拽放入。绑定逻辑 bindOpen: true group: 交互属性 dependency: - draggable: true - acrossTableDrag: true brifeDoc: "" docDescription: "" tooltipLink: "" - name: accordion title: 手风琴模式 type: boolean default: false description: 设置是否每次只展开一个 group: 交互属性 brifeDoc: "" docDescription: 表示点击展开行时，其它已经展开的行是否收起。在表格存在"展开列"时有效 tooltipLink: "" - name: resizable title: 可调整列宽 type: boolean default: false description: 设置是否可以调整列宽 group: 交互属性 brifeDoc: "" docDescription: 表格列之间是否出现调整样式，可以手动调整列宽 tooltipLink: "" - name: resize-remaining title: 调整列宽效果 type: string options: - value: sequence title: 保持总宽不变，优先后一列弥补宽度 - value: average title: 保持总宽不变，后面所有列平均弥补宽度 - value: none title: 不做任何处理，表格宽度变化 default: average description: 设置调整列宽时如何处理剩余大小 group: 交互属性 brifeDoc: "" docDescription: 表示调整列宽时其他列宽的处理方式。在"可调整列宽"属性开启时有效 tooltipLink: "" - name: configurable title: 配置展示列 type: boolean default: false description: 设置是否可以配置展示列 group: 交互属性 tooltipLink: "" docDescription: "" - name: virtual title: 虚拟滚动 type: boolean default: false description: 虚拟滚动表示不展示所有的数据，只展示默认条数的数据，当滚动时再展示剩余的数据。当表格数据量大时，可设置为虚拟滚动，提高性能。默认关闭。 group: 交互属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: item-height title: 每行高度 type: number description: 与虚拟滚动配合使用，表示每一行的高度。请确保行里的数据不要换行 group: 交互属性 brifeDoc: "" docDescription: "" tooltipLink: "" dependency: - virtual: true - name: virtual-count title: 展示条数 type: number default: 60 description: 与虚拟滚动配合使用，表示每屏展示的最大条数 group: 交互属性 brifeDoc: "" docDescription: "" tooltipLink: "" dependency: - virtual: true - name: initial-load title: 初始即加载 type: boolean default: true description: 设置初始时是否立即加载 group: 状态属性 brifeDoc: "" docDescription: "- 是否在表格出现时立即加载数据，默认开启。" tooltipLink: "" - name: designer-mode title: 加载状态设置 type: string options: - value: success title: 加载完成-有数据 - value: empty title: 加载完成-暂无数据 - value: loading title: 加载中 - value: error title: 加载失败 default: success description: 设置不同加载状态的展示内容 bindHide: true group: 状态属性 brifeDoc: "" docDescription: 可通过切换该选项，设置不同状态时该组件的展示形式，支持配置 tooltipLink: "" - name: loading-text title: 加载中文案 type: string default: 正在加载中... description: 加载中状态显示的提示文案 group: 状态属性 dependency: - designer-mode: loading brifeDoc: "" docDescription: 当加载表格数据过程中的提示文字。默认“正在加载中...”。 tooltipLink: "" - name: loading title: 加载中触发条件 type: boolean description: 加载中状态的触发条件，未设置则默认为系统定义条件 bindOpen: true group: 状态属性 dependency: - designer-mode: loading brifeDoc: "" docDescription: 支持自定义状态的触发条件，未设置则默认为系统定义条件。 tooltipLink: "" - name: error-text title: 加载失败文案 type: string default: 加载失败，请重试 description: 加载失败状态显示的提示文案 group: 状态属性 dependency: - designer-mode: error brifeDoc: "" docDescription: 加载失败的提示文字。默认"加载失败，请重试"。 tooltipLink: "" - name: error title: 加载失败触发条件 type: boolean description: 加载失败状态的触发条件，未设置则默认为系统定义条件 bindOpen: true group: 状态属性 dependency: - designer-mode: error brifeDoc: "" docDescription: 支持自定义状态的触发条件，未设置则默认为系统定义条件。 tooltipLink: "" - name: empty-text title: 暂无数据文案 type: string default: 暂无数据 description: 暂无数据状态显示的提示文案 group: 状态属性 dependency: - designer-mode: empty brifeDoc: "" docDescription: 当表格为空时的提示文字。默认"暂无数据"。 tooltipLink: "" - name: readonly title: 只读 type: boolean default: false description: 正常显示，但禁止选择/输入 group: 状态属性 brifeDoc: "" docDescription: 正常显示，但禁止选择或输入 tooltipLink: "" - name: disabled title: 禁用 type: boolean default: false description: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） group: 状态属性 brifeDoc: "" docDescription: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） tooltipLink: "" - name: title-alignment title: 标题对齐方式 type: string options: - value: left title: 左对齐 - value: center title: 居中对齐 - value: right title: 右对齐 default: center description: "" group: 样式属性 brifeDoc: "" docDescription: 表格上方的标题信息的对齐方式。默认"居中对齐"。 tooltipLink: "" - name: boldHeader title: 表头加粗 type: boolean default: true description: "" group: 样式属性 brifeDoc: "" docDescription: 表格每一列的表头文字是否加粗。默认开启 tooltipLink: "" - name: border title: 显示边框 advanced: true type: boolean default: false description: "" group: 样式属性 brifeDoc: "" docDescription: 表格是否展示边框。默认关闭 tooltipLink: "" - name: line title: 分隔线条 type: boolean default: false description: 单元格之间是否显示分隔线条 group: 样式属性 brifeDoc: "" docDescription: 表格每列之间是否展示分隔线条。默认关闭 tooltipLink: "" - name: striped title: 斑马条纹 type: boolean default: false description: 表格行是否按斑马线条纹显示 group: 样式属性 brifeDoc: "" docDescription: 表格行是否按斑马线条纹显示。默认关闭 tooltipLink: "" - name: default-column-width title: 默认列宽度 type: string | number description: 表格的默认列宽度，可设置为数字或百分比 group: 样式属性 brifeDoc: "" docDescription: 表格每列的默认宽度。 tooltipLink: "" slots: - concept: Slot name: default title: 默认 description: 在表格中插入`<u-table-view-column>`子组件 empty-background: drag-entity-here support: - name: u-table-view-column title: 表格列 snippet: '<u-table-view-column> <template #cell="current"></template> <template #title><u-text text="表格列"></u-text></template> <template #expander="current"><u-table-view-expander :item="current.item" @toggle="current.toggle"></u-table-view-expander></template> </u-table-view-column>' - name: u-table-view-column-dynamic title: 表格动态列 snippet: '<u-table-view-column-dynamic><template #cell="current"></template><template #title="current"><u-text text="表格动态列"></u-text></template></u-table-view-column-dynamic>' - name: u-table-view-column-group title: 表格列分组 snippet: '<u-table-view-column-group> <template #title><u-text text="表格列分组"></u-text></template> <u-table-view-column> <template #cell="current"></template> <template #title><u-text text="表格列"></u-text></template> <template #expander="current"><u-table-view-expander :item="current.item" @toggle="current.toggle"></u-table-view-expander></template> </u-table-view-column> </u-table-view-column-group>' supportGenericComponents: - u-table-view-column - u-table-view-column-dynamic - u-table-view-column-group - concept: Slot name: loading title: 加载中内容 description: 自定义加载中内容 - concept: Slot name: error title: 加载错误内容 description: 自定义加载错误内容 - concept: Slot name: empty title: 暂无数据内容 description: 自定义暂无数据内容 - concept: Slot name: dragGhost title: 拖拽缩略图 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-load title: 加载前 description: 加载前触发 advanced: true params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/EventTarget" - name: $event.preventDefault type: Function description: 阻止加载流程 - name: senderVM type: UTableView description: 发送事件实例 - name: load title: 加载后 description: 加载后触发 params: - name: $event type: "null" description: 无 - name: senderVM type: UTableView description: 发送事件实例 - name: before-page title: 切换分页前 description: 切换分页前触发 advanced: true params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/PaginationEvent" - name: $event.size type: number description: 分页大小 - name: $event.oldSize type: number description: 旧的分页大小 - name: $event.number type: number description: 当前页数 - name: $event.oldNumber type: number description: 旧的页数 - name: $event.preventDefault type: Function description: 阻止切换分页流程 - name: senderVM type: UTableView description: 发送事件实例 - name: page title: 切换分页后 description: 切换分页或改变分页大小时触发 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/PaginationEvent" - name: $event.size type: number description: 分页大小 - name: $event.oldSize type: number description: 分页大小 - name: $event.number type: number description: 当前页数 - name: $event.oldNumber type: number description: 旧的页数 - name: senderVM type: UTableView description: 发送事件实例 - name: before-sort title: 排序前 description: 排序前触发 advanced: true params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/SortEvent" - name: $event.field type: string description: 排序字段 - name: $event.order type: string description: 排序顺序 - name: $event.compare type: Function description: 排序比较函数 - name: $event.preventDefault type: Function description: 阻止排序流程 - name: senderVM type: UTableView description: 发送事件实例 - name: sort title: 排序后 description: 排序后触发 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/SortEvent" - name: $event.field type: string description: 排序顺序 - name: $event.order type: string description: 排序字段 - name: $event.compare type: Function description: 排序比较函数 - name: senderVM type: UTableView description: 发送事件实例 - name: before-filter title: 筛选前 description: 筛选前触发 advanced: true params: - name: $event type: object description: 筛选参数对象 - name: $event.preventDefault type: Function description: 阻止筛选流程 - name: senderVM type: UTableView description: 发送事件实例 - name: filter title: 筛选后 description: 筛选后触发 params: - name: $event type: object description: 筛选参数对象 - name: senderVM type: UTableView description: 发送事件实例 - name: click-row title: 点击行 description: 点击某一行时触发 schema: $ref: "#/systemTypes/Current" params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/OperatorItemEvent" - name: $event.item type: object description: 点击行相关对象 - name: $event.index type: number description: 点击行索引 - name: dblclick-row title: 双击行 description: 双击某一行时触发 schema: $ref: "#/systemTypes/Current" params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/OperatorItemEvent" - name: $event.item type: object description: 双击行相关对象 - name: $event.index type: number description: 双击行索引 - name: before-select title: 选择前 description: 选择某一项前触发 advanced: true params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ChangeItemEvent" - name: $event.value type: any description: 选择行的值 - name: $event.oldValue type: any description: 旧的值 - name: $event.item type: object description: 选择行相关对象 - name: $event.oldItem type: object description: 旧的选择行相关对象 - name: $event.preventDefault type: Function description: 阻止选择流程 - name: senderVM type: UTableView description: 发送事件实例 - name: input description: 选择某一项后触发 title: 选择触发 params: - name: $event type: any description: 选择行的值 - name: senderVM type: UTableView description: 发送事件实例 - name: select title: 选择后 description: 选择某一项后触发 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ChangeItemEvent" - name: $event.value type: any description: 改变后的值 - name: $event.oldValue type: any description: 旧的值 - name: $event.item type: object description: 选择行相关对象 - name: $event.oldItem type: object description: 旧的选择行相关对象 - name: $event.selectedItem type: object description: 最终选择行的对象。在`cancelable`的情况下，与`$event.item`不同。 - name: senderVM type: UTableView description: 发送事件实例 - name: check title: 多选后 description: 多选模式中，选中节点后触发 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/CheckedEvent" - name: $event.checked type: boolean description: 选中状态 - name: $event.values type: Array description: 选择后的值 - name: $event.oldValues type: Array description: 旧的值 - name: $event.item type: object description: 选择行相关对象 - name: $event.items type: object description: 所有选择行相关对象 - name: senderVM type: UTableView description: 发送事件实例 - name: change title: 改变后 description: 单选或多选值改变后触发 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ChangeItemEvent" - name: $event.value type: any description: 选择行的值 - name: $event.oldValue type: any description: 旧的值 - name: $event.item type: object description: 选择行相关对象 - name: $event.items type: object description: 所有选择行相关对象 - name: $event.oldItem type: object description: 旧的选择行相关对象 - name: senderVM type: UTableView description: 发送事件实例 - name: resize title: 调整列宽后 description: 调整列宽后触发 params: - name: $event.columnVM type: UTableColumnVM description: 调整的列实例 - name: $event.index type: number description: 列索引 - name: width type: number description: 调整后的宽度 - name: oldWidth type: number description: 调整前的宽度 - name: before-toggle-expanded title: 展开行前 description: 点击展开按钮前触发 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ExpandEvent" - name: $event.item type: object description: 选择行相关对象 - name: $event.expanded type: boolean description: 展开状态值 - name: $event.oldExpanded type: boolean description: 展开前状态值 - name: toggle-expanded title: 展开行后 description: 点击展开按钮后触发 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ExpandEvent" - name: $event.item type: object description: 选择行相关对象 - name: $event.expanded type: boolean description: 展开状态值 - name: dragstart title: 拖拽开始时 description: 拖拽行时触发 params: - name: $event type: object description: 被拖拽行相关对象 schema: $ref: "#/systemTypes/DragAndDropEvent" - name: $event.source type: object description: 被拖拽行相关对象 - name: dragover title: 拖拽经过时 description: 拖拽经过每一行时触发 params: - name: $event type: object description: 拖拽经过的行相关对象 schema: $ref: "#/systemTypes/DragAndDropEvent" - name: $event.target type: object description: 拖拽经过的行相关对象 - name: drop title: 拖拽放置时 description: 拖拽结束时触发 params: - name: $event type: object description: 拖拽放置的相关对象 schema: $ref: "#/systemTypes/DragAndDropEvent" - name: $event.source type: object description: 被拖拽行相关对象 - name: $event.target type: object description: 拖拽放置行相关对象 - name: $event.position type: number description: 拖拽放置的位置 - name: $event.finalSource type: object description: 被拖拽行相关对象 - name: $event.updateData type: object description: 需要更新的数据 methods: - name: reload description: 清除缓存，重新加载 params: [] - name: getFields description: 获取所有表格列的 field params: [] - name: exportExcel description: 导出 excel 文件 params: - name: page type: number description: 当前页码 default: 1 designerDefault: label: 原子项 level: expressionNode type: NumericLiteral value: 1 valueType: int - name: size type: number description: 每页条数 default: 2000 designerDefault: label: 原子项 level: expressionNode type: NumericLiteral value: 2000 valueType: int - name: filename type: string description: 导出文件名 required: false default: tableView.params.filename - name: sort type: string description: 排序字段 required: false default: tableView.params.sort - name: order type: string options: - value: asc title: 升序 - value: desc title: 降序 description: 排序顺序，'asc' 或 'desc' required: false default: tableView.params.order - name: excludeColumns type: Array<string> description: 排除字段 required: false default: [] - name: includeStyles type: boolean description: 是否带样式 required: false default: false - name: resetEdit description: 重制编辑列的编辑状态为非编辑态 params: - name: item type: object description: 行数据 required: false - name: u-table-view-column title: 表格列 attrs: - name: formatter title: 格式器 type: string | object | Function | Formatter default: placeholder description: 格式器 advanced: true - name: filters title: 筛选项 type: "Array<{ text: string, value: any }>" description: 筛选项的参数 advanced: true - name: field title: 值字段 type: string description: data 项中的字段 group: 数据属性 brifeDoc: "" docDescription: 数据项中对应的字段名，如createdTime tooltipLink: "" - name: sortable title: 排序 type: boolean default: false description: 设置该列是否可以排序 group: 数据属性 brifeDoc: "" docDescription: 开启后该列可排序，可设置默认顺序，升序或倒序 tooltipLink: "" - name: default-order title: 排序初始顺序 type: string options: - value: asc title: 升序 - value: desc title: 倒序 default: asc description: 该列首次点击时的排序顺序 dependency: - sortable: true group: 数据属性 brifeDoc: "" docDescription: 该列首次点击时的排序顺序。与表格属性中的"默认排序顺序"相同 tooltipLink: "" - name: type title: 列类型 type: string options: - value: normal title: 普通列 - value: index title: 序号列 - value: radio title: 单选列 - value: checkbox title: 多选列 - value: expander title: 展开列 - value: tree title: 树形列 - value: editable title: 编辑列 dependency: - "!field": null dependencyDisplay: disabled tooltip: 与列字段关联，列字段不能为空 - value: dragHandler title: 拖拽标识列 default: normal description: 支持序号列、单/多选、树形列和编辑列切换，序号列支持按照数字排序。选择编辑列需要先设置列字段。 group: 数据属性 brifeDoc: "" docDescription: 可设置序号列、单选列、多选列、展开列或树型列 tooltipLink: "" - name: auto-index title: 换页继续编号 type: boolean default: false description: 换页后，继续上一页的列序号进行编号 dependency: - type: index group: 数据属性 brifeDoc: "" docDescription: 支持换页后，继续上一页的列序号进行编号 tooltipLink: "" - name: start-index title: 起始序号 type: number default: 1 description: 序号列的起始序号 dependency: - type: index "!auto-index": true group: 数据属性 brifeDoc: "" docDescription: 当列类型为"序号列"时有效。默认值为1 tooltipLink: "" - name: dblclickHandler title: 双击处理函数 type: Function description: 用于可编辑表格，双击表格列时的处理函数 advanced: true group: 数据属性 brifeDoc: "" docDescription: 用于可编辑表格，双击表格列时的处理函数。在表格是"可编辑"的表格时有效 tooltipLink: "" - name: title title: 表格标题 type: string description: "" advanced: true group: 主要属性 brifeDoc: "" docDescription: 表格上方的标题信息。默认为空 tooltipLink: https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html - name: fixed title: 固定列 type: boolean default: false description: 该列是否固定。左侧固定列需要从第一列到当前固定列之间的列都是固定列。右侧固定列需要最后一列到当前固定列之间的列都是固定列。 group: 主要属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: ellipsis title: 文本过长省略 type: boolean default: false description: 文字过长是否省略显示。默认文字超出时会换行。 group: 主要属性 brifeDoc: "" docDescription: 开启后，该列文本过长会省略显示，否则换行显示，默认关闭 tooltipLink: "" - name: hidden title: 隐藏列 type: boolean default: false description: "" group: 主要属性 brifeDoc: "" docDescription: 开启后，当表格横向滚动条滚动时，该列会固定不会跟随滚动条滚动 tooltipLink: "" - name: expander-position title: 展开列图标位置 type: string options: - value: left title: 左侧 - value: right title: 右侧 default: left description: 展开列图标的位置 dependency: - type: expander group: 样式属性 brifeDoc: "" docDescription: 展开列图标的位置。默认"左侧"。 tooltipLink: "" - name: width title: 列宽度 type: string | number description: 设置列宽度，可设置为数字或百分比 group: 样式属性 brifeDoc: "" docDescription: 指定列宽，可以是数字或百分比，如100，或10%。 tooltipLink: "" - name: colSpan title: 合并列数 type: number group: 样式属性 min: 1 precision: 0 - name: autoRowSpan title: 自动合并相同数据 type: boolean default: false group: 样式属性 slots: - concept: Slot name: cell plus-empty: true description: 对单元格的数据展示进行自定义 props: - name: item title: 当前项 type: object description: 循环中的当前项 - name: value title: 字段值 type: any description: item 中 field 字段对应的值 - name: columnVM title: 列实例 type: string description: 该列组件实例 - name: rowIndex title: 行索引 type: number description: 行的索引 - name: columnIndex title: 列索引 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 - concept: Slot name: editcell plus-empty: true plus-empty-tag: editcell-plus-empty description: 对单元格的编辑数据展示进行自定义 props: - name: item title: 当前项 type: object description: 循环中的当前项 - name: value title: 字段值 type: any description: item 中 field 字段对应的值 - name: columnVM title: 列实例 type: string description: 该列组件实例 - name: rowIndex title: 行索引 type: number description: 行的索引 - name: columnIndex title: 列索引 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 - concept: Slot name: title title: 标题 accept-type: - text - inline description: 对标题进行自定义 props: - name: columnVM title: 列实例 type: string description: 该列组件实例 - name: columnIndex title: 列索引 type: number description: 列的索引 - concept: Slot name: expand-content plus-empty: true plus-empty-tag: expand-content-plus-empty title: 展开列内容 accept-type: all description: 展开列的内容 props: - name: item title: 当前 type: object description: 循环中的当前项 - name: value title: 字段值 type: any description: item 中 field 字段对应的值 - name: columnVM title: 列实例 type: string description: 展开列组件实例 - name: rowIndex title: 行索引 type: number description: 行的索引 - name: columnIndex title: 展开列索引 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 - concept: Slot name: expander plus-empty: true description: 展开列图标 props: - name: item title: 当前项 type: object description: 循环中的当前项 - name: value title: 字段值 type: any description: item 中 field 字段对应的值 - name: columnVM title: 列实例 type: string description: 该列组件实例 - name: rowIndex title: 行索引 type: number description: 行的索引 - name: columnIndex title: 列索引 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 description: 表格列 - name: u-table-view-column-config title: 表格配置列 attrs: - name: text-field title: 文本字段 type: string description: 配置列的下拉弹窗里，指定数据展示的字段 advanced: true - name: data-source title: 数据源 type: Array<Item> | Function | object | DataSource designer-value: "[{}, {}, {}]" description: 展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑 group: 数据属性 brifeDoc: "" docDescription: 表格展示的数据。数据源可以绑定变量或者逻辑。变量或逻辑的返回值可以是数组，也可以是对象。对象格式为{list:[], total:10} tooltipLink: https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html - name: data-schema title: 数据类型 type: schema compType: dataTypeSelect group: 数据属性 description: 数据源返回的数据结构的类型，自动识别类型进行展示说明 brifeDoc: "" docDescription: 表格每一行的数据类型。该属性为展示属性，由数据源推导得到，无需填写 tooltipLink: https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html - name: value-field title: 值字段 type: string description: 在单选、多选操作、渲染树形数据中，指定数据唯一值的字段 display: property-select default: value dependency: - "!data-source": null dependencyDisplay: disabled group: 数据属性 brifeDoc: "" docDescription: 在表格开启了单选、多选操作、渲染树形数据中，指定数据唯一值的字段 tooltipLink: https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html - name: value title: 值 type: any sync: true model: true group: 数据属性 description: "" brifeDoc: "" docDescription: "" tooltipLink: https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html - name: show-footer title: 确定/取消按钮 type: boolean default: true description: 控制弹出层的确定/取消按钮是否展示 group: 主要属性 slots: - concept: Slot name: title title: 配置列展示title accept-type: all - concept: Slot name: item 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: select title: 选择后 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ChangeItemEvent" - name: $event.value type: any description: 改变后的值 - name: $event.oldValue type: any description: 旧的值 - name: $event.item type: object description: 选择项相关对象 - name: $event.oldItem type: object description: 旧的选择项相关对象 - name: $event.itemVM type: USelectItem description: 选择项子组件 - name: $event.oldVM type: USelectItem description: 旧的选择项子组件 - name: senderVM type: USelect description: 发送事件实例 - name: u-table-view-column-dynamic title: 表格动态列 attrs: - name: data-source title: 数据源 type: Array<Item> | Function | object | DataSource designer-value: "[{}]" description: 展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑 group: 数据属性 brifeDoc: "" docDescription: 表格展示的数据。数据源可以绑定变量或者逻辑。变量或逻辑的返回值可以是数组，也可以是对象。对象格式为{list:[], total:10} tooltipLink: https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html - name: data-schema title: 数据类型 type: schema compType: dataTypeSelect group: 数据属性 description: 数据源返回的数据结构的类型，自动识别类型进行展示说明 brifeDoc: "" docDescription: 表格每一行的数据类型。该属性为展示属性，由数据源推导得到，无需填写 tooltipLink: https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html - name: value-field title: 值字段 type: string description: 在单选、多选操作、渲染树形数据中，指定数据唯一值的字段 display: property-select default: value dependency: - "!data-source": null dependencyDisplay: disabled group: 数据属性 brifeDoc: "" docDescription: 在表格开启了单选、多选操作、渲染树形数据中，指定数据唯一值的字段 tooltipLink: https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html - name: sortable title: 排序 type: boolean default: false description: 设置该列是否可以排序 group: 数据属性 brifeDoc: "" docDescription: 开启后该列可排序，可设置默认顺序，升序或倒序 tooltipLink: "" - name: default-order title: 排序初始顺序 type: string options: - value: asc title: 升序 - value: desc title: 倒序 default: asc description: 该列首次点击时的排序顺序 dependency: - sortable: true group: 数据属性 brifeDoc: "" docDescription: 该列首次点击时的排序顺序。与表格属性中的"默认排序顺序"相同 tooltipLink: "" - name: fixed title: 固定列 type: boolean default: false description: 该列是否固定。左侧固定列需要从第一列到当前固定列之间的列都是固定列。右侧固定列需要最后一列到当前固定列之间的列都是固定列。 group: 主要属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: ellipsis title: 文本过长省略 type: boolean default: false description: 文字过长是否省略显示。默认文字超出时会换行。 group: 主要属性 brifeDoc: "" docDescription: 开启后，该列文本过长会省略显示，否则换行显示，默认关闭 tooltipLink: "" - name: hidden title: 隐藏列 type: boolean default: false description: "" group: 主要属性 brifeDoc: "" docDescription: 开启后，当表格横向滚动条滚动时，该列会固定不会跟随滚动条滚动 tooltipLink: "" - name: width title: 列宽度 type: string | number description: 设置列宽度，可设置为数字或百分比 group: 样式属性 brifeDoc: "" docDescription: 指定列宽，可以是数字或百分比，如100，或10%。 tooltipLink: "" slots: - concept: Slot name: title title: 配置列展示title slotProps: concept: Param name: current typeAnnotation: concept: TypeAnnotation typeKind: generic typeNamespace: nasl.ui typeName: Current typeArguments: - concept: TypeAnnotation typeKind: typeParam typeName: T - concept: Slot name: cell plus-empty: true description: 自定义选项的结构和样式 slotProps: concept: Param name: current typeAnnotation: concept: TypeAnnotation typeKind: generic typeNamespace: nasl.ui typeName: CurrentDynamic typeArguments: - concept: TypeAnnotation typeKind: typeParam typeName: T - concept: TypeAnnotation typeKind: typeParam typeName: T1 - name: u-table-view-column-group title: 表格列分组 attrs: - name: title title: 表格标题 type: string description: "" advanced: true group: 主要属性 - name: fixed title: 固定列 type: boolean default: false description: 该分组列是否固定。该分组列固定后，分组下的所有列都会固定 group: 主要属性 brifeDoc: "" docDescription: "" tooltipLink: "" slots: - concept: Slot name: default title: 默认 description: 在表格中插入`<u-table-view-column>`子组件 empty-background: drag-entity-here support: - name: u-table-view-column title: 表格列 snippet: '<u-table-view-column><template #cell="current"></template><template #title><u-text text="表格列"></u-text></template></u-table-view-column>' - name: u-table-view-column-dynamic title: 表格动态列 snippet: '<u-table-view-column-dynamic><template #cell="current"></template><template #title="current"><u-text text="表格动态列"></u-text></template></u-table-view-column-dynamic>' supportGenericComponents: - u-table-view-column - concept: Slot name: title title: 标题 accept-type: - text - inline description: 对标题进行自定义 props: - name: columnVM title: 列实例 type: string description: 该列组件实例 - name: columnIndex title: 列索引 type: number description: 列的索引 - name: u-table-view-expander title: 展开列图标 attrs: - name: expand-icon title: 展开时图标 type: icon description: 展开时图标 brifeDoc: "" docDescription: "" tooltipLink: "" - name: collapse-icon title: 关闭时图标 type: icon description: 关闭时图标 brifeDoc: "" docDescription: "" tooltipLink: ""