@ibiz-template/vue3-components 0.7.39 → 0.7.40

package/es/panel-component/nav-tabs/nav-tabs.controller.d.ts

@@ -13,28 +13,33 @@ export declare class NavTabsController extends PanelItemController<IPanelRawItem
     state: NavTabsState;
     protected createState(): NavTabsState;
     /**
-     * 当前视图的路由层级，非路由模式不存在。
-     * @author lxm
-     * @date 2023-05-09 12:46:26
+     * @description 当前视图的路由层级，非路由模式不存在。
+     * @exposedoc
      * @readonly
      */
     get routeDepth(): number | undefined;
     /**
-     * 导航占位控制器
-     * @author lxm
-     * @date 2023-05-09 02:35:48
+     * @description 导航占位控制器
+     * @exposedoc
      * @readonly
      * @type {(NavPosIndexController | undefined)}
      */
     get navPos(): NavPosIndexController | undefined;
     /**
-     * 获取tabItem
-     * @author lxm
-     * @date 2023-05-09 02:04:11
+     * @description 获取tabItem
+     * @exposedoc
      * @param {string} key
      * @return {*}
      */
     findTabItem(key: string): TabMsg | undefined;
+    /**
+     * @description 通过视图标识获取tabItem
+     * @exposedoc
+     * @param {string} key
+     * @return {*}  {(TabMsg | undefined)}
+     * @memberof NavTabsController
+     */
+    findTabItemByViewKey(key: string): TabMsg | undefined;
     /**
      * 点击处理
      * @author lxm
@@ -44,28 +49,31 @@ export declare class NavTabsController extends PanelItemController<IPanelRawItem
     onTabClick(key: string): void;
     /**
      * 更新视图信息
-     * @author lxm
-     * @date 2023-05-09 01:40:34
+     *
      * @param {string} key
-     * @param {{ caption?: string; dataInfo?: string; sysImage?: ISysImage }} info
+     * @param {{
+     *       viewKey: string;
+     *       caption?: string;
+     *       dataInfo?: string;
+     *       sysImage?: ISysImage;
+     *     }} info
+     * @memberof NavTabsController
      */
     updateViewInfo(key: string, info: {
+        viewKey?: string;
         caption?: string;
         dataInfo?: string;
         sysImage?: ISysImage;
     }): void;
     /**
-     * 删除某个key对应的数据
-     * 仅处理组件自身维护的数据
-     * @author lxm
-     * @date 2023-05-25 03:18:20
+     * @description 删除某个key对应的数据，仅处理组件自身维护的数据
+     * @exposedoc
      * @param {string} key
      */
     removeCache(key: string): void;
     /**
-     * 删除分页
-     * @author lxm
-     * @date 2023-05-09 02:08:46
+     * @description 删除分页
+     * @exposedoc
      * @param {string} key
      */
     onTabRemove(key: string): void;
@@ -76,16 +84,17 @@ export declare class NavTabsController extends PanelItemController<IPanelRawItem
      */
     removeOther(): void;
     /**
-     * 删除所有的标签页
+     * @description 删除所有的标签页
+     * @exposedoc
      * @author lxm
      * @date 2023-05-09 02:50:01
      */
     removeAll(): void;
     /**
-     * 刷新项（解决主信息更新之后界面ui未刷新）
-     *
-     * @author tony001
-     * @date 2024-06-28 08:06:11
+     * @description 刷新项（解决主信息更新之后界面ui未刷新）
+     * @exposedoc
+     * @param {string} key
+     * @memberof NavTabsController
      */
     refreshItemUI(key: string): void;
 }

package/es/panel-component/nav-tabs/nav-tabs.controller.mjs

@@ -10,18 +10,16 @@ class NavTabsController extends PanelItemController {
     return new NavTabsState((_a = this.parent) == null ? void 0 : _a.state);
   }
   /**
-   * 当前视图的路由层级，非路由模式不存在。
-   * @author lxm
-   * @date 2023-05-09 12:46:26
+   * @description 当前视图的路由层级，非路由模式不存在。
+   * @exposedoc
    * @readonly
    */
   get routeDepth() {
     return this.panel.view.modal.routeDepth;
   }
   /**
-   * 导航占位控制器
-   * @author lxm
-   * @date 2023-05-09 02:35:48
+   * @description 导航占位控制器
+   * @exposedoc
    * @readonly
    * @type {(NavPosIndexController | undefined)}
    */
@@ -29,15 +27,24 @@ class NavTabsController extends PanelItemController {
     return this.panel.panelItems.nav_pos_index;
   }
   /**
-   * 获取tabItem
-   * @author lxm
-   * @date 2023-05-09 02:04:11
+   * @description 获取tabItem
+   * @exposedoc
    * @param {string} key
    * @return {*}
    */
   findTabItem(key) {
     return this.state.tabItems.find((item) => item.key === key);
   }
+  /**
+   * @description 通过视图标识获取tabItem
+   * @exposedoc
+   * @param {string} key
+   * @return {*}  {(TabMsg | undefined)}
+   * @memberof NavTabsController
+   */
+  findTabItemByViewKey(key) {
+    return this.state.tabItems.find((item) => item.viewKey === key);
+  }
   /**
    * 点击处理
    * @author lxm
@@ -50,13 +57,18 @@ class NavTabsController extends PanelItemController {
   }
   /**
    * 更新视图信息
-   * @author lxm
-   * @date 2023-05-09 01:40:34
+   *
    * @param {string} key
-   * @param {{ caption?: string; dataInfo?: string; sysImage?: ISysImage }} info
+   * @param {{
+   *       viewKey: string;
+   *       caption?: string;
+   *       dataInfo?: string;
+   *       sysImage?: ISysImage;
+   *     }} info
+   * @memberof NavTabsController
    */
   updateViewInfo(key, info) {
-    const findItem = this.findTabItem(key);
+    const findItem = info.viewKey ? this.findTabItemByViewKey(info.viewKey) : this.findTabItem(key);
     if (findItem) {
       Object.assign(findItem, reject(isNil, info));
       this.refreshItemUI(key);
@@ -66,10 +78,8 @@ class NavTabsController extends PanelItemController {
     }
   }
   /**
-   * 删除某个key对应的数据
-   * 仅处理组件自身维护的数据
-   * @author lxm
-   * @date 2023-05-25 03:18:20
+   * @description 删除某个key对应的数据，仅处理组件自身维护的数据
+   * @exposedoc
    * @param {string} key
    */
   removeCache(key) {
@@ -79,9 +89,8 @@ class NavTabsController extends PanelItemController {
     }
   }
   /**
-   * 删除分页
-   * @author lxm
-   * @date 2023-05-09 02:08:46
+   * @description 删除分页
+   * @exposedoc
    * @param {string} key
    */
   onTabRemove(key) {
@@ -107,7 +116,8 @@ class NavTabsController extends PanelItemController {
     }
   }
   /**
-   * 删除所有的标签页
+   * @description 删除所有的标签页
+   * @exposedoc
    * @author lxm
    * @date 2023-05-09 02:50:01
    */
@@ -119,10 +129,10 @@ class NavTabsController extends PanelItemController {
     }
   }
   /**
-   * 刷新项（解决主信息更新之后界面ui未刷新）
-   *
-   * @author tony001
-   * @date 2024-06-28 08:06:11
+   * @description 刷新项（解决主信息更新之后界面ui未刷新）
+   * @exposedoc
+   * @param {string} key
+   * @memberof NavTabsController
    */
   refreshItemUI(key) {
     const tempItem = {

package/es/panel-component/nav-tabs/nav-tabs.d.ts

@@ -7,11 +7,22 @@ export interface dropdownAction {
     text: string;
     value?: string;
 }
+/**
+ * 分页导航
+ * @primary
+ * @description 首页下的分页导航标签，使用el-tabs组件将所有打开的视图进行tab分页展示，点击可快速切换。
+ */
 export declare const NavTabs: import("vue").DefineComponent<{
+    /**
+     * @description 分页导航模型数据
+     */
     modelData: {
         type: PropType<IPanelRawItem>;
         required: true;
     };
+    /**
+     * @description 分页导航控制器
+     */
     controller: {
         type: typeof NavTabsController;
         required: true;
@@ -23,10 +34,16 @@ export declare const NavTabs: import("vue").DefineComponent<{
     onTabRemove: (key: string) => void;
     handleCommand: (command: dropdownAction) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @description 分页导航模型数据
+     */
     modelData: {
         type: PropType<IPanelRawItem>;
         required: true;
     };
+    /**
+     * @description 分页导航控制器
+     */
     controller: {
         type: typeof NavTabsController;
         required: true;

package/es/panel-component/nav-tabs/nav-tabs.mjs

@@ -1,6 +1,7 @@
 import { isVNode, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './nav-tabs.css';
+import { showTitle } from '@ibiz-template/core';
 import { NavTabsController } from './nav-tabs.controller.mjs';
 
 "use strict";
@@ -10,10 +11,16 @@ function _isSlot(s) {
 const NavTabs = /* @__PURE__ */ defineComponent({
   name: "IBizNavTabs",
   props: {
+    /**
+     * @description 分页导航模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 分页导航控制器
+     */
     controller: {
       type: NavTabsController,
       required: true
@@ -96,7 +103,8 @@ const NavTabs = /* @__PURE__ */ defineComponent({
             "class": this.ns.em("left", "icon"),
             "icon": msg.sysImage
           }, null), createVNode("div", {
-            "class": this.ns.em("left", "caption")
+            "class": this.ns.em("left", "caption"),
+            "title": showTitle(label)
           }, [label])]);
         }
       });

package/es/panel-component/nav-tabs/nav-tabs.state.d.ts

@@ -1,9 +1,40 @@
 import { PanelItemState } from '@ibiz-template/runtime';
 import { ISysImage } from '@ibiz/model-core';
 export interface TabMsg {
+    /**
+     * tab标识
+     *
+     * @type {string}
+     * @memberof TabMsg
+     */
     key: string;
+    /**
+     * 视图标记
+     *
+     * @type {string}
+     * @memberof TabMsg
+     */
+    viewKey?: string;
+    /**
+     * 标题
+     *
+     * @type {string}
+     * @memberof TabMsg
+     */
     caption?: string;
+    /**
+     * 数据信息
+     *
+     * @type {string}
+     * @memberof TabMsg
+     */
     dataInfo?: string;
+    /**
+     * 图片
+     *
+     * @type {ISysImage}
+     * @memberof TabMsg
+     */
     sysImage?: ISysImage;
 }
 /**
@@ -17,24 +48,18 @@ export interface TabMsg {
  */
 export declare class NavTabsState extends PanelItemState {
     /**
-     * 当前路由key
-     * @return {*}
-     * @author: zhujiamin
-     * @Date: 2023-10-20 16:23:42
+     * @description 当前路由key
+     * @exposedoc
      */
     currentKey: string;
     /**
-     * 分页标签项
-     * @return {*}
-     * @author: zhujiamin
-     * @Date: 2023-10-20 16:23:26
+     * @description 分页标签项
+     * @exposedoc
      */
     tabItems: TabMsg[];
     /**
-     * 当前激活tab
-     * @return {*}
-     * @author: zhujiamin
-     * @Date: 2023-10-20 16:23:17
+     * @description 当前激活tab
+     * @exposedoc
      */
     activeTab: string;
 }

package/es/panel-component/nav-tabs/nav-tabs.state.mjs

@@ -11,24 +11,18 @@ class NavTabsState extends PanelItemState {
   constructor() {
     super(...arguments);
     /**
-     * 当前路由key
-     * @return {*}
-     * @author: zhujiamin
-     * @Date: 2023-10-20 16:23:42
+     * @description 当前路由key
+     * @exposedoc
      */
     __publicField(this, "currentKey", "");
     /**
-     * 分页标签项
-     * @return {*}
-     * @author: zhujiamin
-     * @Date: 2023-10-20 16:23:26
+     * @description 分页标签项
+     * @exposedoc
      */
     __publicField(this, "tabItems", []);
     /**
-     * 当前激活tab
-     * @return {*}
-     * @author: zhujiamin
-     * @Date: 2023-10-20 16:23:17
+     * @description 当前激活tab
+     * @exposedoc
      */
     __publicField(this, "activeTab", "");
   }

package/es/panel-component/panel-app-header/panel-app-header.d.ts

@@ -2,11 +2,22 @@ import { PanelItemController } from '@ibiz-template/runtime';
 import { IPanelContainer } from '@ibiz/model-core';
 import { PropType } from 'vue';
 import './panel-app-header.scss';
+/**
+ * 面板容器（应用头部）
+ * @primary
+ * @description 用于首页视图布局头部区域的绘制。
+ */
 export declare const PanelAppHeader: import("vue").DefineComponent<{
+    /**
+     * @description 面板容器（应用头部）模型数据
+     */
     modelData: {
         type: PropType<IPanelContainer>;
         required: true;
     };
+    /**
+     * @description 面板容器（应用头部）控制器
+     */
     controller: {
         type: typeof PanelItemController;
         required: true;
@@ -17,10 +28,16 @@ export declare const PanelAppHeader: import("vue").DefineComponent<{
     classArr: import("vue").ComputedRef<(string | false)[]>;
     changeCollapse: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @description 面板容器（应用头部）模型数据
+     */
     modelData: {
         type: PropType<IPanelContainer>;
         required: true;
     };
+    /**
+     * @description 面板容器（应用头部）控制器
+     */
     controller: {
         type: typeof PanelItemController;
         required: true;

package/es/panel-component/panel-app-header/panel-app-header.mjs

@@ -10,10 +10,16 @@ function _isSlot(s) {
 const PanelAppHeader = /* @__PURE__ */ defineComponent({
   name: "IBizPanelAppHeader",
   props: {
+    /**
+     * @description 面板容器（应用头部）模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 面板容器（应用头部）控制器
+     */
     controller: {
       type: PanelItemController,
       required: true

package/es/panel-component/panel-app-login-view/panel-app-login-view.d.ts

@@ -2,11 +2,22 @@ import { IPanelContainer } from '@ibiz/model-core';
 import { PropType } from 'vue';
 import { PanelAppLoginViewController } from './panel-app-login-view.controller';
 import './panel-app-login-view.scss';
+/**
+ * 面板容器（应用登录视图）
+ * @primary
+ * @description 登录视图专用容器，用于处理登录视图中特有布局元素。
+ */
 export declare const PanelAppLoginView: import("vue").DefineComponent<{
+    /**
+     *  @description 面板容器（应用登录视图）模型数据
+     */
     modelData: {
         type: PropType<IPanelContainer>;
         required: true;
     };
+    /**
+     *  @description 面板容器（应用登录视图）控制器
+     */
     controller: {
         type: typeof PanelAppLoginViewController;
         required: true;
@@ -16,10 +27,16 @@ export declare const PanelAppLoginView: import("vue").DefineComponent<{
     classArr: import("vue").ComputedRef<(string | false)[]>;
     cssVars: import("vue").ComputedRef<Record<string, string>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     *  @description 面板容器（应用登录视图）模型数据
+     */
     modelData: {
         type: PropType<IPanelContainer>;
         required: true;
     };
+    /**
+     *  @description 面板容器（应用登录视图）控制器
+     */
     controller: {
         type: typeof PanelAppLoginViewController;
         required: true;

package/es/panel-component/panel-app-login-view/panel-app-login-view.mjs

@@ -10,10 +10,16 @@ function _isSlot(s) {
 const PanelAppLoginView = /* @__PURE__ */ defineComponent({
   name: "IBizPanelAppLoginView",
   props: {
+    /**
+     *  @description 面板容器（应用登录视图）模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     *  @description 面板容器（应用登录视图）控制器
+     */
     controller: {
       type: PanelAppLoginViewController,
       required: true

package/es/panel-component/panel-app-title/panel-app-title.controller.d.ts

@@ -12,21 +12,22 @@ export declare class PanelAppTitleController extends PanelItemController<IPanelR
     state: PanelAppTitleState;
     protected createState(): PanelAppTitleState;
     /**
-     * 面板控制器
-     *
+     * @description 面板控制器
+     * @exposedoc
      * @type {ViewLayoutPanelController}
      * @memberof PanelAppTitleController
      */
     panel: ViewLayoutPanelController;
     /**
-     * 分隔符，用于分割收缩与未收缩的标题
+     * @description 分隔符,将标题以`|`符分割，分隔符前面为caption，后面为caption2
+     * @exposedoc
      * @return {*}
-     * @author: zhujiamin
-     * @Date: 2023-10-18 18:24:06
+     * @memberof PanelAppTitleController
      */
     private captionSplit;
     /**
      * @description 自定义补充参数
+     * @exposedoc
      * @type {IData}
      * @memberof PanelAppTitleController
      */

package/es/panel-component/panel-app-title/panel-app-title.controller.mjs

@@ -12,14 +12,15 @@ class PanelAppTitleController extends PanelItemController {
   constructor() {
     super(...arguments);
     /**
-     * 分隔符，用于分割收缩与未收缩的标题
+     * @description 分隔符,将标题以`|`符分割，分隔符前面为caption，后面为caption2
+     * @exposedoc
      * @return {*}
-     * @author: zhujiamin
-     * @Date: 2023-10-18 18:24:06
+     * @memberof PanelAppTitleController
      */
     __publicField(this, "captionSplit", "|");
     /**
      * @description 自定义补充参数
+     * @exposedoc
      * @type {IData}
      * @memberof PanelAppTitleController
      */

package/es/panel-component/panel-app-title/panel-app-title.css

@@ -1 +1 @@
-.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-app-title-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-padding:0 var(--ibiz-spacing-base-tight);--ibiz-panel-app-title-collapse-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-app-title-not-index-height:60px;display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-padding);cursor:pointer}.ibiz-panel-app-title__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ibiz-spacing-tight);font-size:calc(var(--ibiz-font-size-header-1) + 8px)}.ibiz-panel-app-title__logo img{display:inline-block;width:auto;height:100%}.ibiz-panel-app-title__logo svg{fill:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo--expand{width:66px;height:66px}.ibiz-panel-app-title__logo--expand+svg{width:calc(100% - 66px)}.ibiz-panel-app-title.is-only-img .ibiz-panel-app-title__logo{padding:0}.ibiz-panel-app-title.is-collapse{max-width:100%;padding:var(--ibiz-panel-app-title-collapse-padding)}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collapse-title{width:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collpase-icon img{width:100%;height:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__caption2{overflow:hidden;font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-panel-app-title-font-weight);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__subCaption2{overflow:hidden;font-size:var(--ibiz-font-size-header-5);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-only-title{height:var(--ibiz-panel-app-title-not-index-height)}
+.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-app-title-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-padding:0 var(--ibiz-spacing-base-tight);--ibiz-panel-app-title-collapse-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-app-title-not-index-height:60px;display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-padding);cursor:pointer}.ibiz-panel-app-title__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ibiz-spacing-tight);font-size:calc(var(--ibiz-font-size-header-1) + 8px)}.ibiz-panel-app-title__logo img{display:inline-block;width:auto;height:100%}.ibiz-panel-app-title__logo svg{fill:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo--expand{width:auto;max-width:66px;height:66px;display:flex;align-items:center;justify-content:center}.ibiz-panel-app-title.is-only-img .ibiz-panel-app-title__logo{padding:0}.ibiz-panel-app-title.is-collapse{max-width:100%;padding:var(--ibiz-panel-app-title-collapse-padding)}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collapse-title{width:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collpase-icon img{width:100%;height:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__caption2{overflow:hidden;font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-panel-app-title-font-weight);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__subCaption2{overflow:hidden;font-size:var(--ibiz-font-size-header-5);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-only-title{height:var(--ibiz-panel-app-title-not-index-height)}

package/es/panel-component/panel-app-title/panel-app-title.d.ts

@@ -2,11 +2,22 @@ import { IPanelField } from '@ibiz/model-core';
 import { PropType } from 'vue';
 import { PanelAppTitleController } from './panel-app-title.controller';
 import './panel-app-title.scss';
+/**
+ * 应用标题
+ * @description 用于绘制应用logo和应用标题，提供点击标题跳转首页的能力。
+ * @primary
+ */
 export declare const PanelAppTitle: import("vue").DefineComponent<{
+    /**
+     *  @description 应用标题模型数据
+     */
     modelData: {
         type: PropType<IPanelField>;
         required: true;
     };
+    /**
+     * @description 应用标题控制器
+     */
     controller: {
         type: typeof PanelAppTitleController;
         required: true;
@@ -20,10 +31,16 @@ export declare const PanelAppTitle: import("vue").DefineComponent<{
     isCollapse: import("vue").ComputedRef<any>;
     showIcon: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     *  @description 应用标题模型数据
+     */
     modelData: {
         type: PropType<IPanelField>;
         required: true;
     };
+    /**
+     * @description 应用标题控制器
+     */
     controller: {
         type: typeof PanelAppTitleController;
         required: true;