Browse Source

feat[pc-components]: DageTreeActions add hide button

chenlei 6 months ago
parent
commit
53b369518e

+ 7 - 0
packages/backend-cli/template/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @dage/backend-template
 
+## 1.0.17
+
+### Patch Changes
+
+- Updated dependencies
+  - @dage/pc-components@1.3.6
+
 ## 1.0.16
 
 ### Patch Changes

+ 1 - 1
packages/backend-cli/template/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dage/backend-template",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "private": true,
   "dependencies": {
     "@ant-design/icons": "^5.1.4",

+ 3 - 0
packages/docs/docs/components/TreeActions/index.md

@@ -18,6 +18,9 @@ export default () => {
         {
           name: "leaf 1",
           id: 1,
+          hideAddBtn: true,
+          hideEditBtn: true,
+          hideDeleteBtn: true,
         },
         {
           name: "leaf 2",

+ 6 - 0
packages/docs/docs/log/PC-COMPONENTS_CHANGELOG.md

@@ -1,5 +1,11 @@
 # @dage/pc-components
 
+## 1.3.6
+
+### Patch Changes
+
+- `DageTreeActionData` 新增按钮隐藏
+
 ## 1.3.5
 
 ### Patch Changes

+ 6 - 0
packages/pc-components/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @dage/pc-components
 
+## 1.3.6
+
+### Patch Changes
+
+- `DageTreeActionData` 新增按钮隐藏
+
 ## 1.3.5
 
 ### Patch Changes

+ 1 - 1
packages/pc-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dage/pc-components",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "description": "PC 端组件库",
   "module": "dist/index.js",
   "main": "dist/index.js",

+ 4 - 3
packages/pc-components/src/components/DageTreeActions/Title.tsx

@@ -57,7 +57,8 @@ export const DageTreeTitle: FC<DageTreeTitleProps> = ({
         onClick={(e) => e.stopPropagation()}
       >
         {Boolean(onAdd) &&
-          (!maxLevel || findNodeLevel(treeData, data.id) < maxLevel) && (
+          (!maxLevel || findNodeLevel(treeData, data.id) < maxLevel) &&
+          !data.hideAddBtn && (
             <Button
               type="link"
               size="small"
@@ -67,7 +68,7 @@ export const DageTreeTitle: FC<DageTreeTitleProps> = ({
               新增
             </Button>
           )}
-        {Boolean(onEdit) && (
+        {Boolean(onEdit) && !data.hideEditBtn && (
           <Button
             type="link"
             size="small"
@@ -78,7 +79,7 @@ export const DageTreeTitle: FC<DageTreeTitleProps> = ({
             编辑
           </Button>
         )}
-        {Boolean(onDelete) && (
+        {Boolean(onDelete) && !data.hideDeleteBtn && (
           <Button
             type="link"
             danger

+ 3 - 0
packages/pc-components/src/components/DageTreeActions/types.ts

@@ -3,6 +3,9 @@ import { TreeProps } from "antd/es/tree";
 export type DageTreeActionData = {
   id: number;
   name: string;
+  hideAddBtn?: boolean;
+  hideEditBtn?: boolean;
+  hideDeleteBtn?: boolean;
   children: DageTreeActionData[];
 };