From a129d391689bd1481913d34ca5dbf53cd8d0ac4f Mon Sep 17 00:00:00 2001
From: haishan <710328466@qq.com>
Date: Tue, 4 Jun 2024 16:01:30 +0800
Subject: [PATCH] =?UTF-8?q?feat(zhst/biz):=20treePanel=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/biz/src/Demo/index.tsx           | 12 ---------
 packages/biz/src/index.tsx                |  2 ++
 packages/biz/src/treePanel/TreePanel.tsx  | 33 +++++++++++++++++++++++
 packages/biz/src/treePanel/demo/basic.tsx | 14 ++++++++++
 packages/biz/src/treePanel/index.md       | 28 +++++++++++++++++++
 packages/biz/src/treePanel/index.tsx      |  7 +++++
 6 files changed, 84 insertions(+), 12 deletions(-)
 delete mode 100644 packages/biz/src/Demo/index.tsx
 create mode 100644 packages/biz/src/treePanel/TreePanel.tsx
 create mode 100644 packages/biz/src/treePanel/demo/basic.tsx
 create mode 100644 packages/biz/src/treePanel/index.md
 create mode 100644 packages/biz/src/treePanel/index.tsx

diff --git a/packages/biz/src/Demo/index.tsx b/packages/biz/src/Demo/index.tsx
deleted file mode 100644
index 7545062..0000000
--- a/packages/biz/src/Demo/index.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react'
-import { Button } from '@zhst/meta'
-import { useThrottleFn } from '@zhst/hooks'
-
-export default () => {
-
-  const { run } = useThrottleFn(() => console.log('123'))
-
-  return (
-    <Button onClick={() => run()} >测试</Button>
-  )
-}
diff --git a/packages/biz/src/index.tsx b/packages/biz/src/index.tsx
index f9d89b3..c367ca4 100644
--- a/packages/biz/src/index.tsx
+++ b/packages/biz/src/index.tsx
@@ -21,6 +21,8 @@ export type { ViewLargerImageModalRef, ViewLargerImageModalProps } from './ViewL
 export { default as ViewLargerImageModal, useViewLargerImageModal } from './ViewLargerImageModal'
 export type { VideoPlayerCardProps } from './VideoPlayerCard'
 export { default as VideoPlayerCard } from './VideoPlayerCard'
+export type { TreePanelProps, TreePanelRefProps } from './treePanel'
+export { default as TreePanel } from './treePanel'
 export { default as RealTimeMonitor } from './RealTimeMonitor'
 export { default as InfiniteList } from './infiniteList'
 export type { InfiniteListProps, InfiniteListRefProps } from './infiniteList'
diff --git a/packages/biz/src/treePanel/TreePanel.tsx b/packages/biz/src/treePanel/TreePanel.tsx
new file mode 100644
index 0000000..4531c43
--- /dev/null
+++ b/packages/biz/src/treePanel/TreePanel.tsx
@@ -0,0 +1,33 @@
+/**
+ * Created by jiangzhixiong on 2024/06/04
+ */
+import React, { forwardRef, useContext, useImperativeHandle } from 'react'
+import { ConfigProvider } from '@zhst/meta'
+import { Input } from 'antd';
+
+const { ConfigContext } = ConfigProvider
+
+export interface TreePanelProps {
+  prefixCls?: string;
+}
+
+export interface TreePanelRefProps {
+}
+
+const TreePanel = forwardRef<TreePanelRefProps, TreePanelProps>((props, ref) => {
+  const {
+    prefixCls: customizePrefixCls
+  } = props
+  const { getPrefixCls } = useContext(ConfigContext)
+  const componentName = getPrefixCls('', customizePrefixCls);
+
+  useImperativeHandle(ref, () => ({}))
+
+  return (
+    <div className={componentName}>
+      <Input />
+    </div>
+  )
+})
+
+export default TreePanel
diff --git a/packages/biz/src/treePanel/demo/basic.tsx b/packages/biz/src/treePanel/demo/basic.tsx
new file mode 100644
index 0000000..d45092b
--- /dev/null
+++ b/packages/biz/src/treePanel/demo/basic.tsx
@@ -0,0 +1,14 @@
+import React, { useState, useRef } from 'react';
+import { TreePanel } from '@zhst/biz';
+
+const demo = () => {
+
+  return (
+    <div style={{ padding: '12px', width: '320px', border: '1px solid #09f' }}>
+      <TreePanel
+      />
+    </div>
+  );
+};
+
+export default demo;
diff --git a/packages/biz/src/treePanel/index.md b/packages/biz/src/treePanel/index.md
new file mode 100644
index 0000000..b9fe8a2
--- /dev/null
+++ b/packages/biz/src/treePanel/index.md
@@ -0,0 +1,28 @@
+---
+category: Components
+title: TreePanel 树面板
+toc: content
+demo:
+  cols: 2
+group:
+  title: 数据展示
+---
+
+
+## 代码演示
+
+<code src="./demo/basic.tsx">基本用法</code>
+
+## API
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 |
+| --- | --- | --- | --- | --- |
+
+## 组件设计
+
+该组件包含以下功能：
+
+1. 顶部按钮支持
+2. 输入框单行展示
+3. 选择框和筛选框同一行
+4. 按钮列表
diff --git a/packages/biz/src/treePanel/index.tsx b/packages/biz/src/treePanel/index.tsx
new file mode 100644
index 0000000..14bfed2
--- /dev/null
+++ b/packages/biz/src/treePanel/index.tsx
@@ -0,0 +1,7 @@
+/**
+ * Created by jiangzhixiong on 2024/06/04
+ */
+import TreePanel from './TreePanel'
+export type { TreePanelProps, TreePanelRefProps } from './TreePanel'
+
+export default TreePanel