@next-bricks/nav 1.4.0 → 1.5.0

package/dist/types.json

@@ -581,6 +581,36 @@
     "events": [],
     "methods": []
   },
+  "eo-directory-tree-internal-node": {
+    "properties": [
+      {
+        "name": "depth",
+        "annotation": {
+          "type": "keyword",
+          "value": "number"
+        }
+      },
+      {
+        "name": "expanded",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "expand",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "boolean"
+          }
+        }
+      }
+    ],
+    "methods": []
+  },
   "eo-sidebar-menu-group": {
     "properties": [
       {
@@ -727,6 +757,36 @@
       }
     ]
   },
+  "eo-directory-tree-leaf": {
+    "properties": [
+      {
+        "name": "depth",
+        "annotation": {
+          "type": "keyword",
+          "value": "number"
+        }
+      },
+      {
+        "name": "selected",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "select",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "void"
+          }
+        }
+      }
+    ],
+    "methods": []
+  },
   "eo-launchpad-quick-access": {
     "properties": [
       {
@@ -740,6 +800,317 @@
     "events": [],
     "methods": []
   },
+  "eo-directory-tree": {
+    "properties": [
+      {
+        "name": "data",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "TreeItem"
+            }
+          }
+        }
+      },
+      {
+        "name": "directoryTitle",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "searchable",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "placeholder",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "searchFields",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "parenthesizedType",
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "keyword",
+                  "value": "string"
+                },
+                {
+                  "type": "array",
+                  "elementType": {
+                    "type": "keyword",
+                    "value": "string"
+                  }
+                }
+              ]
+            }
+          }
+        }
+      },
+      {
+        "name": "suffixBrick",
+        "annotation": {
+          "type": "typeLiteral",
+          "members": [
+            {
+              "type": "propertySignature",
+              "key": {
+                "type": "identifier",
+                "name": "useBrick"
+              },
+              "annotation": {
+                "type": "reference",
+                "typeName": {
+                  "type": "identifier",
+                  "name": "UseBrickConf"
+                }
+              },
+              "computed": false
+            }
+          ]
+        }
+      },
+      {
+        "name": "selectedKeys",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "keyword",
+            "value": "string"
+          }
+        }
+      },
+      {
+        "name": "expandedKeys",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "keyword",
+            "value": "string"
+          }
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "expand",
+        "detail": {
+          "annotation": {
+            "type": "typeLiteral",
+            "members": [
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "keys"
+                },
+                "annotation": {
+                  "type": "array",
+                  "elementType": {
+                    "type": "keyword",
+                    "value": "string"
+                  }
+                },
+                "computed": false
+              },
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "node"
+                },
+                "annotation": {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "NodeData"
+                  }
+                },
+                "computed": false
+              }
+            ]
+          }
+        }
+      },
+      {
+        "name": "select",
+        "detail": {
+          "annotation": {
+            "type": "typeLiteral",
+            "members": [
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "keys"
+                },
+                "annotation": {
+                  "type": "array",
+                  "elementType": {
+                    "type": "keyword",
+                    "value": "string"
+                  }
+                },
+                "computed": false
+              },
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "node"
+                },
+                "annotation": {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "NodeData"
+                  }
+                },
+                "computed": false
+              }
+            ]
+          }
+        }
+      }
+    ],
+    "methods": [
+      {
+        "name": "expandAll",
+        "params": [],
+        "returns": {}
+      },
+      {
+        "name": "collapseAll",
+        "params": [],
+        "returns": {}
+      }
+    ],
+    "types": [
+      {
+        "type": "interface",
+        "name": "TreeItem",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "key"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "title"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "children"
+            },
+            "annotation": {
+              "type": "array",
+              "elementType": {
+                "type": "reference",
+                "typeName": {
+                  "type": "identifier",
+                  "name": "TreeItem"
+                }
+              }
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "indexSignature",
+            "parameter": {
+              "type": "identifier",
+              "name": "key",
+              "annotation": {
+                "type": "keyword",
+                "value": "string"
+              }
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "any"
+            }
+          }
+        ]
+      },
+      {
+        "type": "interface",
+        "name": "NodeData",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "depth"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "index"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "data"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "TreeItem"
+              }
+            },
+            "computed": false
+          }
+        ]
+      }
+    ]
+  },
   "nav.launchpad-config": {
     "properties": [
       {

package/dist-types/bootstrap.d.ts

@@ -15,3 +15,6 @@ import "./sidebar/sidebar-menu/index.js";
 import "./sidebar/index.js";
 import "./sidebar-sub-menu/index.js";
 import "./directory/index.js";
+import "./directory-tree/index.js";
+import "./directory-tree/directory-tree-leaf/index.js";
+import "./directory-tree/directory-tree-internal-node/index.js";

package/dist-types/directory-tree/DirectoryTreeContext.d.ts

@@ -0,0 +1,20 @@
+import { UseBrickConf } from "@next-core/types";
+import React from "react";
+import { NodeData } from ".";
+export interface ContextOfDirectoryTree {
+    expandedKeysSet: Set<string>;
+    selectedKeysSet: Set<string>;
+    onExpand: (data: {
+        keys: string[];
+        node: NodeData;
+    }) => void;
+    onSelect: (data: {
+        keys: string[];
+        node: NodeData;
+    }) => void;
+    suffixBrick?: {
+        useBrick: UseBrickConf;
+    };
+}
+export declare const DirectoryTreeContext: React.Context<ContextOfDirectoryTree>;
+export declare const useDirectoryTreeContext: () => ContextOfDirectoryTree;

package/dist-types/directory-tree/Tree.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { TreeItem } from "./";
+interface TreeProps {
+    data: TreeItem[];
+}
+export declare function Tree(props: TreeProps): React.JSX.Element[];
+export {};

package/dist-types/directory-tree/constants.d.ts

@@ -0,0 +1 @@
+export declare const IndentSize = 10;

package/dist-types/directory-tree/directory-tree-internal-node/index.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import "@next-core/theme";
+export interface EoDirectoryTreeInternalNodeProps {
+    depth: number;
+    expanded?: boolean;
+}
+export interface EoDirectoryTreeInternalNodeEvents {
+    expand: CustomEvent<boolean>;
+}
+export interface EoDirectoryTreeInternalNodeEventsMap {
+    onExpand: "expand";
+}
+/**
+ * 目录树节点节点
+ */
+export declare class EoDirectoryTreeInternalNode extends ReactNextElement {
+    #private;
+    /**
+     * 深度
+     */
+    accessor depth: number;
+    /**
+     * 是否展开
+     */
+    accessor expanded: boolean | undefined;
+    render(): React.JSX.Element;
+}
+export interface EoDirectoryTreeInternalNodeComponentProps extends EoDirectoryTreeInternalNodeProps {
+    onExpand: () => void;
+}
+export declare function EoDirectoryTreeInternalNodeComponent(props: EoDirectoryTreeInternalNodeComponentProps): React.JSX.Element;

package/dist-types/directory-tree/directory-tree-internal-node/index.spec.d.ts

@@ -0,0 +1 @@
+import ".";

package/dist-types/directory-tree/directory-tree-leaf/index.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import "@next-core/theme";
+export interface EoDirectoryTreeLeafProps {
+    depth: number;
+    selected?: boolean;
+}
+export interface EoDirectoryTreeLeafEvents {
+    select: CustomEvent<void>;
+}
+export interface EoDirectoryTreeLeafEventsMap {
+    onSelect: "select";
+}
+/**
+ * 目录树叶子节点
+ */
+export declare class EoDirectoryTreeLeaf extends ReactNextElement {
+    #private;
+    /**
+     * 深度
+     */
+    accessor depth: number;
+    /**
+     * 是否选中
+     */
+    accessor selected: boolean | undefined;
+    render(): React.JSX.Element;
+}
+export interface EoDirectoryTreeLeafComponentProps extends EoDirectoryTreeLeafProps {
+    onSelect: () => void;
+}
+export declare function EoDirectoryTreeLeafComponent(props: EoDirectoryTreeLeafComponentProps): React.JSX.Element;

package/dist-types/directory-tree/directory-tree-leaf/index.spec.d.ts

@@ -0,0 +1 @@
+import ".";

package/dist-types/directory-tree/index.d.ts

@@ -0,0 +1,89 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import "@next-core/theme";
+import { UseBrickConf } from "@next-core/types";
+export interface TreeItem {
+    key: string;
+    title: string;
+    children?: TreeItem[];
+    [key: string]: any;
+}
+export interface NodeData {
+    depth: number;
+    index: number;
+    data: TreeItem;
+}
+export interface EoDirectoryTreeProps {
+    data: TreeItem[];
+    directoryTitle?: string;
+    searchable?: boolean;
+    placeholder?: string;
+    selectedKeys?: string[];
+    expandedKeys?: string[];
+    searchFields?: (string | string[])[];
+    suffixBrick?: {
+        useBrick: UseBrickConf;
+    };
+}
+/**
+ * 目录树
+ */
+export declare class EoDirectoryTree extends ReactNextElement {
+    #private;
+    /**
+     * 数据源
+     */
+    accessor data: TreeItem[];
+    /**
+     * 目录标题
+     */
+    accessor directoryTitle: string | undefined;
+    /**
+     * 可搜索
+     */
+    accessor searchable: boolean | undefined;
+    /**
+     * 搜索占位说明
+     */
+    accessor placeholder: string | undefined;
+    /**
+     * 除了 title 以外，额外的搜索字段
+     */
+    accessor searchFields: (string | string[])[] | undefined;
+    /**
+     * 后缀 useBrick
+     */
+    accessor suffixBrick: {
+        useBrick: UseBrickConf;
+    } | undefined;
+    /**
+     * 选中的 keys
+     */
+    accessor selectedKeys: string[] | undefined;
+    /**
+     * 展开的 keys
+     */
+    accessor expandedKeys: string[] | undefined;
+    /**
+     * 展开全部
+     */
+    expandAll(): void;
+    /**
+     * 收起全部
+     */
+    collapseAll(): void;
+    render(): React.JSX.Element;
+}
+interface EoDirectoryTreeComponentProps extends EoDirectoryTreeProps {
+    element: EoDirectoryTree;
+    onExpand: (data: {
+        keys: string[];
+        node: NodeData;
+    }) => void;
+    onSelect: (data: {
+        keys: string[];
+        node: NodeData;
+    }) => void;
+}
+export declare function EoDirectoryTreeComponent(props: EoDirectoryTreeComponentProps): React.JSX.Element;
+export {};

package/dist-types/directory-tree/index.spec.d.ts

@@ -0,0 +1 @@
+import "./";

package/dist-types/directory-tree/utils.d.ts

@@ -0,0 +1,6 @@
+import { TreeItem } from "./index";
+export declare function getAllExpandableKeys(data: TreeItem[]): string[];
+export declare function searchTree(data: TreeItem[], q: string, searchFields: (string | string[])[]): {
+    data: TreeItem[];
+    expandedKeys: string[];
+};

package/docs/eo-directory-tree-internal-node.md

@@ -0,0 +1,48 @@
+目录树节点
+
+## Examples
+
+### Basic
+
+```yaml preview
+brick: eo-directory-tree-internal-node
+events:
+  expand:
+    - action: console.log
+      args:
+        - <% EVENT.detail %>
+properties:
+  style:
+    width: 200px
+children:
+  - brick: span
+    slot: label
+    properties:
+      textContent: 第一层级
+  - brick: eo-tag
+    slot: suffix
+    properties:
+      textContent: suffixBrick
+      color: red
+  - brick: eo-directory-tree-leaf
+    properties:
+      depth: 1
+    children:
+      - brick: span
+        properties:
+          textContent: 第二层级-1
+  - brick: eo-directory-tree-leaf
+    properties:
+      depth: 1
+    children:
+      - brick: span
+        properties:
+          textContent: 第二层级-2
+  - brick: eo-directory-tree-leaf
+    properties:
+      depth: 1
+    children:
+      - brick: span
+        properties:
+          textContent: 第二层级-3
+```

package/docs/eo-directory-tree-leaf.md

@@ -0,0 +1,24 @@
+目录树叶子节点
+
+## Examples
+
+### Basic
+
+```yaml preview
+brick: eo-directory-tree-leaf
+events:
+  select:
+    - action: console.log
+properties:
+  style:
+    width: 200px
+children:
+  - brick: span
+    properties:
+      textContent: 第一层级
+  - brick: eo-tag
+    slot: suffix
+    properties:
+      textContent: suffixBrick
+      color: red
+```