@ibiz-template/vue3-components 0.7.40-alpha.9 → 0.7.41-alpha.0

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

@@ -1,6 +1,7 @@
-import { isVNode, defineComponent, watch, createVNode, resolveComponent } from 'vue';
+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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { PanelItemController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './panel-app-header.css';
@@ -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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelAppLoginViewController } from './panel-app-login-view.controller.mjs';
 import './panel-app-login-view.css';
@@ -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.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;

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

@@ -1,4 +1,4 @@
-import { defineComponent, inject, computed, createVNode } from 'vue';
+import { inject, computed, createVNode, defineComponent } from 'vue';
 import { useNamespace, route2routePath, routePath2string } from '@ibiz-template/vue3-util';
 import { useRoute, useRouter } from 'vue-router';
 import { PanelAppTitleController } from './panel-app-title.controller.mjs';
@@ -8,10 +8,16 @@ import './panel-app-title.css';
 const PanelAppTitle = /* @__PURE__ */ defineComponent({
   name: "IBizPanelAppTitle",
   props: {
+    /**
+     *  @description 应用标题模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用标题控制器
+     */
     controller: {
       type: PanelAppTitleController,
       required: true

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

@@ -1,67 +1,54 @@
 import { PanelItemState } from '@ibiz-template/runtime';
 /**
- * 面板应用标题状态
- *
- * @author lxm
- * @date 2023-02-07 06:04:27
+ * @description 面板应用标题状态
  * @export
  * @class PanelAppTitleState
  * @extends {PanelItemState}
  */
 export declare class PanelAppTitleState extends PanelItemState {
     /**
-     * 应用标题
-     *
-     * @author chitanda
-     * @date 2023-07-20 17:07:22
+     * @description 应用标题
+     * @exposedoc
      * @type {string}
+     * @memberof PanelAppTitleState
      */
     caption: string;
     /**
-     * 应用标题(收缩时)
+     * @description 应用标题(收缩时)
      *
-     * @author chitanda
-     * @date 2023-07-20 17:07:22
      * @type {string}
+     * @memberof PanelAppTitleState
      */
     caption2: string;
     /**
-     * 应用子标题
-     *
-     * @author chitanda
-     * @date 2023-07-20 17:07:22
+     * @description 应用子标题
+     * @exposedoc
      * @type {string}
+     * @memberof PanelAppTitleState
      */
     subCaption?: string;
     /**
-     * 应用子标题(收缩时)
-     *
-     * @author chitanda
-     * @date 2023-07-20 17:07:22
+     * @description 应用子标题(收缩时)
+     * @exposedoc
      * @type {string}
+     * @memberof PanelAppTitleState
      */
     subCaption2?: string;
     /**
-     * 应用 logo 图片地址
-     *
-     * @author chitanda
-     * @date 2023-07-20 17:07:11
+     * @description 应用 logo 图片地址
+     * @exposedoc
      * @type {string}
+     * @memberof PanelAppTitleState
      */
     icon: string;
     /**
-     * 应用 logo 图片2地址(收缩时)
-     *
-     * @author chitanda
-     * @date 2023-07-20 17:07:11
+     * @description 应用 logo 图片2地址(收缩时)
+     * @exposedoc
      * @type {string}
      */
     icon2: string;
     /**
-     * 是否为 svg 图标
-     *
-     * @author chitanda
-     * @date 2023-07-20 17:07:26
+     * @description 是否为 svg 图标
      * @type {boolean}
      */
     isSvg: boolean;

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

@@ -11,58 +11,48 @@ class PanelAppTitleState extends PanelItemState {
   constructor() {
     super(...arguments);
     /**
-     * 应用标题
-     *
-     * @author chitanda
-     * @date 2023-07-20 17:07:22
+     * @description 应用标题
+     * @exposedoc
      * @type {string}
+     * @memberof PanelAppTitleState
      */
     __publicField(this, "caption", "");
     /**
-     * 应用标题(收缩时)
+     * @description 应用标题(收缩时)
      *
-     * @author chitanda
-     * @date 2023-07-20 17:07:22
      * @type {string}
+     * @memberof PanelAppTitleState
      */
     __publicField(this, "caption2", "");
     /**
-     * 应用子标题
-     *
-     * @author chitanda
-     * @date 2023-07-20 17:07:22
+     * @description 应用子标题
+     * @exposedoc
      * @type {string}
+     * @memberof PanelAppTitleState
      */
     __publicField(this, "subCaption", "");
     /**
-     * 应用子标题(收缩时)
-     *
-     * @author chitanda
-     * @date 2023-07-20 17:07:22
+     * @description 应用子标题(收缩时)
+     * @exposedoc
      * @type {string}
+     * @memberof PanelAppTitleState
      */
     __publicField(this, "subCaption2", "");
     /**
-     * 应用 logo 图片地址
-     *
-     * @author chitanda
-     * @date 2023-07-20 17:07:11
+     * @description 应用 logo 图片地址
+     * @exposedoc
      * @type {string}
+     * @memberof PanelAppTitleState
      */
     __publicField(this, "icon", "");
     /**
-     * 应用 logo 图片2地址(收缩时)
-     *
-     * @author chitanda
-     * @date 2023-07-20 17:07:11
+     * @description 应用 logo 图片2地址(收缩时)
+     * @exposedoc
      * @type {string}
      */
     __publicField(this, "icon2", "");
     /**
-     * 是否为 svg 图标
-     *
-     * @author chitanda
-     * @date 2023-07-20 17:07:26
+     * @description 是否为 svg 图标
      * @type {boolean}
      */
     __publicField(this, "isSvg", false);

package/es/panel-component/panel-button/panel-button.controller.d.ts

@@ -12,18 +12,16 @@ export declare class PanelButtonController extends PanelItemController<IPanelBut
     state: PanelButtonState;
     protected createState(): PanelButtonState;
     /**
-     * 面板控制器
-     *
+     * @description 面板控制器
      * @type {ViewLayoutPanelController}
      * @memberof PanelButtonController
      */
     panel: ViewLayoutPanelController;
     /**
-     * 父容器数据对象数据
-     * @author lxm
-     * @date 2023-07-15 01:33:58
+     * @description 父容器数据对象数据
      * @readonly
      * @type {IData}
+     * @memberof PanelButtonController
      */
     get data(): IData;
     /**
@@ -77,6 +75,18 @@ export declare class PanelButtonController extends PanelItemController<IPanelBut
      * @memberof PanelButtonController
      */
     onActionClick(event: MouseEvent): Promise<void>;
+    /**
+     * @description 计算项显示
+     * @param {IData} data
+     * @returns {*}  {void}
+     * @memberof PanelButtonController
+     */
     calcItemVisible(data: IData): void;
+    /**
+     * @description 计算项启用
+     * @param {IData} data
+     * @returns {*}  {void}
+     * @memberof PanelButtonController
+     */
     calcItemDisabled(data: IData): void;
 }

package/es/panel-component/panel-button/panel-button.controller.mjs

@@ -8,11 +8,10 @@ class PanelButtonController extends PanelItemController {
     return new PanelButtonState((_a = this.parent) == null ? void 0 : _a.state);
   }
   /**
-   * 父容器数据对象数据
-   * @author lxm
-   * @date 2023-07-15 01:33:58
+   * @description 父容器数据对象数据
    * @readonly
    * @type {IData}
+   * @memberof PanelButtonController
    */
   get data() {
     return this.dataParent.data;
@@ -115,6 +114,12 @@ class PanelButtonController extends PanelItemController {
       this.model.appId
     );
   }
+  /**
+   * @description 计算项显示
+   * @param {IData} data
+   * @returns {*}  {void}
+   * @memberof PanelButtonController
+   */
   calcItemVisible(data) {
     if (this.state.uiActionState.visible === false) {
       this.state.visible = false;
@@ -122,6 +127,12 @@ class PanelButtonController extends PanelItemController {
     }
     super.calcItemVisible(data);
   }
+  /**
+   * @description 计算项启用
+   * @param {IData} data
+   * @returns {*}  {void}
+   * @memberof PanelButtonController
+   */
   calcItemDisabled(data) {
     if (this.state.uiActionState.disabled === true) {
       this.state.disabled = true;

package/es/panel-component/panel-button/panel-button.d.ts

@@ -2,11 +2,22 @@ import { IPanelButton } from '@ibiz/model-core';
 import { PropType } from 'vue';
 import { PanelButtonController } from './panel-button.controller';
 import './panel-button.scss';
+/**
+ * 面板按钮
+ * @primary
+ * @description 面板中最常见的按钮组件，支持配置界面行为、界面逻辑等，同时支持权限配置是否显示、是否禁用。
+ */
 export declare const PanelButton: import("vue").DefineComponent<{
+    /**
+     * @description 面板项模型数据
+     */
     modelData: {
         type: PropType<IPanelButton>;
         required: true;
     };
+    /**
+     * @description 面板项控制器
+     */
     controller: {
         type: typeof PanelButtonController;
         required: true;
@@ -26,10 +37,16 @@ export declare const PanelButton: import("vue").DefineComponent<{
     tempStyle: import("vue").Ref<string>;
     itemStyle: string | undefined;
 }, 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<IPanelButton>;
         required: true;
     };
+    /**
+     * @description 面板项控制器
+     */
     controller: {
         type: typeof PanelButtonController;
         required: true;