@skyfox2000/webui 1.4.25 → 1.4.27

package/src/index.ts

@@ -43,6 +43,9 @@ export type {
    ButtonType,
    IconTool,
    RowRecord,
+   GroupType,
+   ToolGroup,
+   ComponentTool,
 } from '@/typings/tools.d';
 
 export type {
@@ -218,6 +221,15 @@ export { default as eventBus } from '@/utils/eventbus';
 export { MicroOpenApis } from '@/utils/micro-openapis';
 
 import router from '@/router';
+import {
+   ToolPanelGroup,
+   DisplayMode,
+   PanelCollapsed,
+   ToolPanelConfig,
+   ToolPanelEvents,
+   ToolPanelProps,
+   DragConfig,
+} from './components/content';
 export { router as AppRouter };
 export { pendingNavigation, routes } from '@/router';
 
@@ -250,6 +262,7 @@ export {
    Toolbar,
    Icontool,
    GroupTools,
+   ToolPanel,
    Tree,
    AutoComplete,
    Cascader,
@@ -284,4 +297,14 @@ export {
    MenuTabs,
 } from '@/components/index';
 
+export type {
+   ToolPanelGroup,
+   DisplayMode,
+   PanelCollapsed,
+   ToolPanelConfig,
+   ToolPanelEvents,
+   ToolPanelProps,
+   DragConfig,
+};
+
 export { uploadTempOpener, uploadTempBtn } from './utils/upload-template';

package/src/typings/tools.d.ts

@@ -16,6 +16,10 @@ export interface ButtonTool {
     * 字符串配置时，使用默认设置
     */
    key: string;
+   /**
+    * 额外配置参数，用于携带自定义数据
+    */
+   data?: Record<string, any>;
    /**
     * 文字
     */
@@ -29,6 +33,13 @@ export interface ButtonTool {
     * 图标
     */
    icon?: string;
+   /**
+    * 显示模式
+    * - icon: 仅显示图标
+    * - text: 仅显示文字
+    * - both: 同时显示图标和文字
+    */
+   display?: 'icon' | 'text' | 'both';
    /**
     * 状态图标
     */
@@ -102,6 +113,10 @@ export interface ButtonTool {
     * 图标属性
     */
    iconProps?: Record<string, any>;
+   /**
+    * 图标样式类
+    */
+   iconClass?: string;
    /**
     * 下拉组件
     */
@@ -129,3 +144,58 @@ export type IconTool = Omit<ButtonTool, 'disabled' | 'children'> & {
  * 工具/操作按钮定义组
  */
 export type ButtonTools = (IconTool | ButtonTool | string)[];
+
+/**
+ * 工具组类型定义
+ */
+export type GroupType = 'tools' | 'split' | 'space';
+
+/**
+ * 扩展的工具定义，支持自定义组件
+ */
+export interface ComponentTool extends ButtonTool {
+   /**
+    * 自定义组件
+    */
+   component?: any;
+   /**
+    * 组件属性
+    */
+   props?: Record<string, any>;
+}
+
+/**
+ * 工具组定义
+ */
+export interface ToolGroup {
+   /**
+    * 组类型
+    * - tools: 工具组
+    * - split: 竖线分割
+    * - space: 空白区域
+    */
+   type: GroupType;
+   /**
+    * 工具列表，当type为tools时有效
+    */
+   tools?: ComponentTool[];
+   /**
+    * 空白区域宽度，当type为space时有效
+    */
+   width?: string;
+   /**
+    * 单个组的样式类，当type为tools时有效
+    */
+   class?: string;
+   /**
+    * 选中状态，当type为tools时有效
+    * 单选模式，存储当前选中工具的key
+    */
+   selected?: string;
+   /**
+    * 组按钮模式
+    * - normal: 普通按钮模式（默认）
+    * - toggle: 切换按钮模式（单选）
+    */
+   mode?: 'normal' | 'toggle';
+}