Browse Source

feat: 对BaseTree组件新增treeWrapperClassName属性 (#2217)

pull/2244/head
MrAlenZhong 4 years ago
committed by 蒋琴
parent
commit
5abb0f2b37
  1. 2
      src/components/Tree/src/BasicTree.vue
  2. 1
      src/components/Tree/src/types/tree.ts
  3. 1
      src/views/demo/system/account/DeptTree.vue

2
src/components/Tree/src/BasicTree.vue

@ -437,7 +437,7 @@
{extendSlots(slots)} {extendSlots(slots)}
</TreeHeader> </TreeHeader>
)} )}
<Spin spinning={unref(props.loading)} tip="加载中..."> <Spin wrapperClassName={unref(props.treeWrapperClassName)} spinning={unref(props.loading)} tip="加载中...">
<ScrollContainer style={scrollStyle} v-show={!unref(getNotFound)}> <ScrollContainer style={scrollStyle} v-show={!unref(getNotFound)}>
<Tree {...unref(getBindValues)} showIcon={false} treeData={treeData.value} /> <Tree {...unref(getBindValues)} showIcon={false} treeData={treeData.value} />
</ScrollContainer> </ScrollContainer>

1
src/components/Tree/src/types/tree.ts

@ -134,6 +134,7 @@ export const treeProps = buildProps({
type: Boolean, type: Boolean,
default: false, default: false,
}, },
treeWrapperClassName: String
}); });
export type TreeProps = ExtractPropTypes<typeof treeProps>; export type TreeProps = ExtractPropTypes<typeof treeProps>;

1
src/views/demo/system/account/DeptTree.vue

@ -4,6 +4,7 @@
title="部门列表" title="部门列表"
toolbar toolbar
search search
treeWrapperClassName="h-[calc(100%-35px)] overflow-auto"
:clickRowToExpand="false" :clickRowToExpand="false"
:treeData="treeData" :treeData="treeData"
:fieldNames="{ key: 'id', title: 'deptName' }" :fieldNames="{ key: 'id', title: 'deptName' }"

Loading…
Cancel
Save