diff --git a/packages/runtime/src/interface/controller/controller/control/i-tab-exp-panel.controller.ts b/packages/runtime/src/interface/controller/controller/control/i-tab-exp-panel.controller.ts
new file mode 100644
index 0000000000000000000000000000000000000000..906343323eff5fda852029c96875788bc6d38903
--- /dev/null
+++ b/packages/runtime/src/interface/controller/controller/control/i-tab-exp-panel.controller.ts
@@ -0,0 +1,18 @@
+import { ITabExpPanel } from '@ibiz/model-core';
+import { ITabExpPanelEvent } from '../../event';
+import { ITabExpPanelState } from '../../state';
+import { IControlController } from './i-control.controller';
+
+/**
+ * 分页导航面板
+ *
+ * @export
+ * @interface ITabExpPanelController
+ * @extends {IControlController<ITabExpPanel, ITabExpPanelState, ITabExpPanelEvent>}
+ */
+export interface ITabExpPanelController
+  extends IControlController<
+    ITabExpPanel,
+    ITabExpPanelState,
+    ITabExpPanelEvent
+  > {}
diff --git a/packages/runtime/src/interface/controller/controller/control/index.ts b/packages/runtime/src/interface/controller/controller/control/index.ts
index e181ef9778be23b1c0cb3cf0856e80a2e374f98b..6b72ba23822f6baaf9dd4d88dc1f86621a82102b 100644
--- a/packages/runtime/src/interface/controller/controller/control/index.ts
+++ b/packages/runtime/src/interface/controller/controller/control/index.ts
@@ -15,3 +15,4 @@ export * from './i-view-layout-panel.controller';
 export * from './i-caption-bar.controller';
 export * from './i-data-view-control.controller';
 export * from './i-pickup-view-panel.controller';
+export * from './i-tab-exp-panel.controller';
diff --git a/packages/runtime/src/interface/controller/event/control/i-tab-exp-panel.event.ts b/packages/runtime/src/interface/controller/event/control/i-tab-exp-panel.event.ts
new file mode 100644
index 0000000000000000000000000000000000000000..881c8922204ba2b40106ca2789e8b62a5fa77b78
--- /dev/null
+++ b/packages/runtime/src/interface/controller/event/control/i-tab-exp-panel.event.ts
@@ -0,0 +1,10 @@
+import { IControlEvent } from './i-control.event';
+
+/**
+ * 分页导航面板
+ *
+ * @export
+ * @interface ITabExpPanelEvent
+ * @extends {IControlEvent}
+ */
+export interface ITabExpPanelEvent extends IControlEvent {}
diff --git a/packages/runtime/src/interface/controller/event/control/index.ts b/packages/runtime/src/interface/controller/event/control/index.ts
index 518241d32ab126f07ca449483e5ca3a6387489cd..87665084a87a2f8e2b2bb95081e211d2b87572ec 100644
--- a/packages/runtime/src/interface/controller/event/control/index.ts
+++ b/packages/runtime/src/interface/controller/event/control/index.ts
@@ -16,3 +16,4 @@ export * from './i-wizard-panel.event';
 export * from './i-kanban.event';
 export * from './i-caption-bar.event';
 export * from './i-pickup-view-panel.event';
+export * from './i-tab-exp-panel.event';
diff --git a/packages/runtime/src/interface/controller/state/control/i-tab-exp-panel.state.ts b/packages/runtime/src/interface/controller/state/control/i-tab-exp-panel.state.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4be009e331a671eab3fcce113d1f3ec9ff0c6e53
--- /dev/null
+++ b/packages/runtime/src/interface/controller/state/control/i-tab-exp-panel.state.ts
@@ -0,0 +1,49 @@
+import { IControlState } from './i-control.state';
+
+/**
+ * 分页导航面板UI状态
+ *
+ * @export
+ * @interface ITabExpPanelState
+ * @extends {IControlState}
+ */
+export interface ITabExpPanelState extends IControlState {
+  /**
+   * 分页数据
+   *
+   * @type {TabExpPanelPages[]}
+   * @memberof ITabExpPanelState
+   */
+  tabPages: TabExpPanelPagesState[];
+
+  /**
+   * 激活分页标识
+   *
+   * @type {string}
+   * @memberof ITabExpPanelState
+   */
+  activeName: string;
+}
+/**
+ * 分页状态
+ *
+ * @export
+ * @interface TabExpPanelPagesState
+ */
+export interface TabExpPanelPagesState {
+  /**
+   * 分页标识
+   *
+   * @type {string}
+   * @memberof TabExpPanelPages
+   */
+  tabTag: string;
+
+  /**
+   * 分页标题
+   *
+   * @type {string}
+   * @memberof TabExpPanelPages
+   */
+  caption: string;
+}
diff --git a/packages/runtime/src/interface/controller/state/control/index.ts b/packages/runtime/src/interface/controller/state/control/index.ts
index af8d9a198c166902a7816377ed00896e82f87a0c..7d3c12a91ea12baee56db2af7cc247162650752f 100644
--- a/packages/runtime/src/interface/controller/state/control/index.ts
+++ b/packages/runtime/src/interface/controller/state/control/index.ts
@@ -14,3 +14,4 @@ export * from './i-view-layout-panel.state';
 export * from './i-caption-bar.state';
 export * from './i-data-view-control.state';
 export * from './i-pickup-view-panel.state';
+export * from './i-tab-exp-panel.state';
diff --git a/packages/runtime/src/interface/controller/state/view/i-tab-exp-view.state.ts b/packages/runtime/src/interface/controller/state/view/i-tab-exp-view.state.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4eb266d5182649e5ef9182d273ad1487dafa557a
--- /dev/null
+++ b/packages/runtime/src/interface/controller/state/view/i-tab-exp-view.state.ts
@@ -0,0 +1,10 @@
+import { IViewState } from './i-view.state';
+
+/**
+ * 分页导航视图UI状态
+ *
+ * @export
+ * @class ITabExpViewState
+ * @extends {IViewState}
+ */
+export interface ITabExpViewState extends IViewState {}
diff --git a/packages/runtime/src/interface/controller/state/view/index.ts b/packages/runtime/src/interface/controller/state/view/index.ts
index 7ff8c0df86238a88f53de2f659eaabeb40980d47..6e224031e41588425c5368a290dfd194adbddaf7 100644
--- a/packages/runtime/src/interface/controller/state/view/index.ts
+++ b/packages/runtime/src/interface/controller/state/view/index.ts
@@ -8,3 +8,4 @@ export * from './i-opt-view.state';
 export * from './i-mpickup-view.state';
 export * from './i-pickup-view.state';
 export * from './i-pickup-grid-view.state';
+export * from './i-tab-exp-view.state';