Browse Source

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

MrAlenZhong 2 years ago
parent
commit
5abb0f2b37

+ 1 - 1
src/components/Tree/src/BasicTree.vue

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

+ 1 - 0
src/components/Tree/src/types/tree.ts

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

+ 1 - 0
src/views/demo/system/account/DeptTree.vue

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