@ibiz-template/vue3-components 0.7.37-alpha.5 → 0.7.38-alpha.12

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

@@ -0,0 +1,26 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+export interface BreadcrumbMsg {
+    viewName: string;
+    fullPath: string;
+    caption?: string;
+    dataInfo?: string;
+    isEmbed?: boolean;
+    isModal?: boolean;
+}
+/**
+ * 导航标签页占位状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:27
+ * @export
+ * @class NavBreadcrumbState
+ * @extends {PanelItemState}
+ */
+export declare class NavBreadcrumbState extends PanelItemState {
+    /**
+     * @description 面包屑导航项
+     * @type {BreadcrumbMsg[]}
+     * @memberof NavBreadcrumbState
+     */
+    breadcrumbItems: BreadcrumbMsg[];
+}

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

@@ -0,0 +1,22 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class NavBreadcrumbState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 面包屑导航项
+     * @type {BreadcrumbMsg[]}
+     * @memberof NavBreadcrumbState
+     */
+    __publicField(this, "breadcrumbItems", []);
+  }
+}
+
+export { NavBreadcrumbState };

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.util.d.ts

@@ -0,0 +1,39 @@
+import { IAppFunc, IAppMenuItem } from '@ibiz/model-core';
+import { Router } from 'vue-router';
+import { BreadcrumbMsg } from './nav-breadcrumb.state';
+/**
+ * @description 获取首页导航信息
+ * @export
+ * @return {*}  {BreadcrumbMsg}
+ */
+export declare function getIndexBreadcrumb(context: IContext): BreadcrumbMsg;
+/**
+ * @description 根据视图名获取应用功能
+ * @export
+ * @param {string} name
+ * @param {string} appid
+ * @return {*}  {(IAppFunc | undefined)}
+ */
+export declare function getAppFuncByViewName(name: string, appid: string): IAppFunc | undefined;
+/**
+ * @description 根据应该功能获取菜单模型
+ * @export
+ * @param {IAppFunc} func
+ * @param {IAppMenuItem[]} appMenuItems
+ * @return {*}  {IAppMenuItem[]}
+ */
+export declare function getMenuItemsByAppFunc(func: IAppFunc, appMenuItems: IAppMenuItem[]): IAppMenuItem[];
+/**
+ * @description 获取当前视图名称
+ * @export
+ * @param {Router} router
+ * @return {*}  {string}
+ */
+export declare function getCurViewName(router: Router): string;
+/**
+ * @description 从视图堆栈中查找视图信息
+ * @export
+ * @param {string} viewName
+ * @return {*}  {(IData | undefined)}
+ */
+export declare function getViewInfoByViewStack(viewName: string): IData | undefined;

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.util.mjs

@@ -0,0 +1,73 @@
+import { route2routePath } from '@ibiz-template/vue3-util';
+import { RouteConst } from '@ibiz-template/runtime';
+
+"use strict";
+function getIndexBreadcrumb(context) {
+  const app = ibiz.hub.getApp(context.srfappid);
+  const caption = app.model.caption;
+  return {
+    viewName: ibiz.hub.defaultAppIndexViewName,
+    fullPath: "/",
+    caption
+  };
+}
+function getAppFuncByViewName(name, appid) {
+  const app = ibiz.hub.getApp(appid);
+  const appFuncs = app.model.appFuncs || [];
+  const item = appFuncs.find((func) => {
+    const { appViewId = "" } = func;
+    const viewName = appViewId.split(".").pop();
+    return (viewName == null ? void 0 : viewName.toLowerCase()) === name.toLowerCase();
+  });
+  return item;
+}
+function getMenuItemsByAppFunc(func, appMenuItems) {
+  const result = [];
+  const findMenuItem = (menuItems) => {
+    return menuItems.find((item) => {
+      if (item.appFuncId && item.appFuncId === func.id) {
+        result.unshift(item);
+        return true;
+      }
+      if (item.appMenuItems && item.appMenuItems.length > 0) {
+        const menuItem = findMenuItem(item.appMenuItems);
+        if (menuItem) {
+          result.unshift(item);
+          return true;
+        }
+      }
+      return false;
+    });
+  };
+  findMenuItem(appMenuItems);
+  return result;
+}
+function getCurViewName(router) {
+  var _a;
+  const { currentRoute } = router;
+  const routePath = route2routePath(currentRoute.value);
+  return ((_a = routePath.pathNodes.pop()) == null ? void 0 : _a.viewName) || "";
+}
+function getViewInfoByViewStack(viewName) {
+  if (viewName === RouteConst.ROUTE_MODAL_TAG) {
+    return {
+      viewName,
+      fullPath: "",
+      isModal: true
+    };
+  }
+  const view = ibiz.util.viewStack.getViewByCodeName(viewName);
+  if (view) {
+    let isEmbed = false;
+    if (view.parentView && view.parentView.model.codeName !== ibiz.hub.defaultAppIndexViewName) {
+      isEmbed = true;
+    }
+    return {
+      viewName: view.model.codeName,
+      caption: view.model.caption,
+      isEmbed
+    };
+  }
+}
+
+export { getAppFuncByViewName, getCurViewName, getIndexBreadcrumb, getMenuItemsByAppFunc, getViewInfoByViewStack };

package/es/panel-component/nav-pos-index/nav-pos-index.controller.d.ts

@@ -3,6 +3,7 @@ import { IPanelRawItem } from '@ibiz/model-core';
 import { Router } from 'vue-router';
 import { NavTabsController } from '../nav-tabs/nav-tabs.controller';
 import { NavPosIndexState } from './nav-pos-index.state';
+import { NavBreadcrumbController } from '../nav-breadcrumb';
 /**
  * 导航占位控制器
  *
@@ -60,6 +61,13 @@ export declare class NavPosIndexController extends PanelItemController<IPanelRaw
      * @type {(NavTabsController | undefined)}
      */
     get navTabs(): NavTabsController | undefined;
+    /**
+     * @description 面包屑控制器
+     * @readonly
+     * @type {(NavBreadcrumbController | undefined)}
+     * @memberof NavPosIndexController
+     */
+    get navBreadcrumb(): NavBreadcrumbController | undefined;
     /**
      * 应用菜单控制器
      * @author lxm
@@ -77,6 +85,12 @@ export declare class NavPosIndexController extends PanelItemController<IPanelRaw
      * @memberof NavPosController
      */
     rawItemParams: IData;
+    /**
+     * @description 当前导航key
+     * @type {string}
+     * @memberof NavPosIndexController
+     */
+    currentKey: string;
     protected onInit(): Promise<void>;
     /**
      * 改变显示视图

package/es/panel-component/nav-pos-index/nav-pos-index.controller.mjs

@@ -1,4 +1,4 @@
-import { PanelItemController, ViewMode, Modal } from '@ibiz-template/runtime';
+import { PanelItemController, Modal, ViewMode } from '@ibiz-template/runtime';
 import { routerCallback } from '@ibiz-template/vue3-util';
 import { notNilEmpty } from 'qx-util';
 import { NavPosIndexState } from './nav-pos-index.state.mjs';
@@ -51,6 +51,12 @@ class NavPosIndexController extends PanelItemController {
      * @memberof NavPosController
      */
     __publicField(this, "rawItemParams", {});
+    /**
+     * @description 当前导航key
+     * @type {string}
+     * @memberof NavPosIndexController
+     */
+    __publicField(this, "currentKey", "");
   }
   createState() {
     var _a;
@@ -78,6 +84,15 @@ class NavPosIndexController extends PanelItemController {
   get navTabs() {
     return this.panel.panelItems.nav_tabs;
   }
+  /**
+   * @description 面包屑控制器
+   * @readonly
+   * @type {(NavBreadcrumbController | undefined)}
+   * @memberof NavPosIndexController
+   */
+  get navBreadcrumb() {
+    return this.panel.panelItems.nav_breadcrumb;
+  }
   /**
    * 应用菜单控制器
    * @author lxm
@@ -136,6 +151,7 @@ class NavPosIndexController extends PanelItemController {
     if (currentKey === "") {
       return;
     }
+    this.currentKey = currentKey;
     const index = this.state.operateSort.indexOf(currentKey);
     if (index !== -1) {
       this.state.operateSort.splice(index, 1);
@@ -172,14 +188,33 @@ class NavPosIndexController extends PanelItemController {
    * @param {EventBase} event
    */
   onViewCreated(event) {
+    const { view } = event;
+    const key = this.state.currentKey;
     if (this.navTabs) {
-      const { view } = event;
-      const key = this.state.currentKey;
       this.navTabs.updateViewInfo(key, { caption: view.model.caption });
       view.evt.on("onViewInfoChange", ({ caption, dataInfo }) => {
         this.navTabs.updateViewInfo(key, { caption, dataInfo });
       });
     }
+    if (this.navBreadcrumb) {
+      this.navBreadcrumb.updateViewInfo(key, {
+        viewName: view.model.codeName,
+        caption: view.model.caption
+      });
+      view.evt.on("onViewInfoChange", ({ caption, dataInfo }) => {
+        this.navBreadcrumb.updateViewInfo(key, {
+          viewName: view.model.codeName,
+          caption,
+          dataInfo
+        });
+      });
+      view.evt.on("onActivated", () => {
+        this.navBreadcrumb.updateViewInfo(key, {
+          viewName: view.model.codeName,
+          caption: view.model.caption
+        });
+      });
+    }
   }
   /**
    * 删除单个缓存
@@ -205,7 +240,7 @@ class NavPosIndexController extends PanelItemController {
    * @date 2023-05-09 02:19:55
    */
   clearCache() {
-    this.state.cacheKeys = [];
+    this.state.cacheKeys = [this.currentKey];
     this.viewModals = {};
   }
   /**
@@ -240,6 +275,9 @@ class NavPosIndexController extends PanelItemController {
     if (this.navTabs) {
       this.navTabs.removeCache(key);
     }
+    if (this.navBreadcrumb) {
+      this.navBreadcrumb.removeCache(key);
+    }
     this.removeCache(key);
     if (this.autoGoLast) {
       this.goLast();

package/es/panel-component/nav-pos-index/nav-pos-index.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace, onRouteChange } from '@ibiz-template/vue3-util';
 import { useRouter, useRoute } from 'vue-router';
 import { NavPosIndexController } from './nav-pos-index.controller.mjs';

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

@@ -1,5 +1,5 @@
 import { PanelItemController } from '@ibiz-template/runtime';
-import { isNil, reject } from 'ramda';
+import { reject, isNil } from 'ramda';
 import { nextTick } from 'vue';
 import { NavTabsState } from './nav-tabs.state.mjs';
 

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

@@ -1,4 +1,4 @@
-import { isVNode, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, watch, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './nav-tabs.css';
 import { NavTabsController } from './nav-tabs.controller.mjs';

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { inject, computed, createVNode, defineComponent } from 'vue';
+import { defineComponent, inject, computed, createVNode } 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';

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

@@ -1,4 +1,4 @@
-import { ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { PanelButtonController } from './panel-button.controller.mjs';

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

@@ -0,0 +1,24 @@
+export * from './panel-button-list.controller';
+export declare const IBizPanelButtonList: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelButtonList>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("./panel-button-list.controller").PanelButtonListController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    handleClick: (e: MouseEvent, actionId: string) => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelButtonList>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("./panel-button-list.controller").PanelButtonListController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizPanelButtonList;

package/es/panel-component/panel-button-list/index.mjs

@@ -0,0 +1,19 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { PanelButtonList } from './panel-button-list.mjs';
+import { PanelButtonListProvider } from './panel-button-list.provider.mjs';
+export { PanelButtonListController } from './panel-button-list.controller.mjs';
+
+"use strict";
+const IBizPanelButtonList = withInstall(
+  PanelButtonList,
+  function(v) {
+    v.component(PanelButtonList.name, PanelButtonList);
+    registerPanelItemProvider(
+      "BUTTONLIST",
+      () => new PanelButtonListProvider()
+    );
+  }
+);
+
+export { IBizPanelButtonList, IBizPanelButtonList as default };

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

@@ -0,0 +1,70 @@
+import { PanelController, PanelItemController, PanelNotifyState } from '@ibiz-template/runtime';
+import { IPanelButtonList } from '@ibiz/model-core';
+import { PanelButtonListState } from './panel-button-list.state';
+/**
+ * 面板按钮组控制器
+ *
+ * @export
+ * @class PanelButtonListController
+ * @extends {PanelItemController<IPanelButtonList>}
+ */
+export declare class PanelButtonListController extends PanelItemController<IPanelButtonList> {
+    state: PanelButtonListState;
+    protected createState(): PanelButtonListState;
+    /**
+     * 父容器数据对象数据
+     * @author lxm
+     * @date 2023-07-15 01:33:58
+     * @readonly
+     * @type {IData}
+     */
+    get data(): IData;
+    /**
+     * Creates an instance of PanelButtonController.
+     * @param {IPanelButtonList} model
+     * @param {PanelController} panel
+     * @param {PanelItemController} [parent]
+     * @memberof PanelButtonController
+     */
+    constructor(model: IPanelButtonList, panel: PanelController, parent?: PanelItemController);
+    /**
+     * 初始化
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof PanelButtonController
+     */
+    onInit(): Promise<void>;
+    /**
+     * 初始化按钮组状态
+     *
+     * @protected
+     * @return {*}  {Promise<void>}
+     * @memberof PanelButtonListController
+     */
+    protected initButtonsState(): Promise<void>;
+    /**
+     * 面板数据变更通知(由面板控制器调用)
+     *
+     * @param {string[]} names
+     * @memberof PanelButtonController
+     */
+    dataChangeNotify(names: string[]): Promise<void>;
+    /**
+     * 面板状态变更通知
+     *
+     * @param {PanelNotifyState} _state
+     * @memberof PanelButtonController
+     */
+    panelStateNotify(_state: PanelNotifyState): Promise<void>;
+    /**
+     * 执行界面行为
+     *
+     * @param {string} actionId
+     * @param {MouseEvent} event
+     * @return {*}  {Promise<void>}
+     * @memberof PanelButtonListController
+     */
+    doUIAction(actionId: string, event: MouseEvent): Promise<void>;
+    calcItemVisible(data: IData): void;
+    calcItemDisabled(data: IData): void;
+}

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

@@ -0,0 +1,145 @@
+import { PanelItemController, ButtonContainerState, UIActionButtonState, UIActionUtil } from '@ibiz-template/runtime';
+import { PanelButtonListState } from './panel-button-list.state.mjs';
+
+"use strict";
+class PanelButtonListController extends PanelItemController {
+  createState() {
+    var _a;
+    return new PanelButtonListState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 父容器数据对象数据
+   * @author lxm
+   * @date 2023-07-15 01:33:58
+   * @readonly
+   * @type {IData}
+   */
+  get data() {
+    return this.dataParent.data;
+  }
+  /**
+   * Creates an instance of PanelButtonController.
+   * @param {IPanelButtonList} model
+   * @param {PanelController} panel
+   * @param {PanelItemController} [parent]
+   * @memberof PanelButtonController
+   */
+  constructor(model, panel, parent) {
+    super(model, panel, parent);
+    this.state.buttonsState = new ButtonContainerState();
+  }
+  /**
+   * 初始化
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof PanelButtonController
+   */
+  async onInit() {
+    await super.onInit();
+    await this.initButtonsState();
+  }
+  /**
+   * 初始化按钮组状态
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof PanelButtonListController
+   */
+  async initButtonsState() {
+    var _a;
+    const { buttonListType, uiactionGroup, panelButtons } = this.model;
+    if (buttonListType === "UIACTIONGROUP") {
+      (_a = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.forEach((detail) => {
+        if (detail.uiactionId) {
+          const buttonState = new UIActionButtonState(
+            detail.id,
+            this.model.appId,
+            detail.uiactionId
+          );
+          this.state.buttonsState.addState(detail.id, buttonState);
+        }
+      });
+    } else {
+      panelButtons == null ? void 0 : panelButtons.forEach((button) => {
+        if (button.uiactionId) {
+          const buttonState = new UIActionButtonState(
+            button.id,
+            this.model.appId,
+            button.uiactionId
+          );
+          this.state.buttonsState.addState(button.id, buttonState);
+        }
+      });
+    }
+    await this.state.buttonsState.init();
+  }
+  /**
+   * 面板数据变更通知(由面板控制器调用)
+   *
+   * @param {string[]} names
+   * @memberof PanelButtonController
+   */
+  async dataChangeNotify(names) {
+    await this.state.buttonsState.update(
+      this.panel.context,
+      this.data,
+      this.panel.model.appDataEntityId
+    );
+    super.dataChangeNotify(names);
+  }
+  /**
+   * 面板状态变更通知
+   *
+   * @param {PanelNotifyState} _state
+   * @memberof PanelButtonController
+   */
+  async panelStateNotify(_state) {
+    await this.state.buttonsState.update(
+      this.panel.context,
+      this.data,
+      this.panel.model.appDataEntityId
+    );
+    super.panelStateNotify(_state);
+  }
+  /**
+   * 执行界面行为
+   *
+   * @param {string} actionId
+   * @param {MouseEvent} event
+   * @return {*}  {Promise<void>}
+   * @memberof PanelButtonListController
+   */
+  async doUIAction(actionId, event) {
+    await UIActionUtil.execAndResolved(
+      actionId,
+      {
+        context: this.panel.context,
+        params: {
+          panelDataParent: this.dataParent.model.id,
+          ...this.panel.params
+        },
+        data: [this.data],
+        view: this.panel.view,
+        event,
+        noWaitRoute: true
+      },
+      this.model.appId
+    );
+  }
+  calcItemVisible(data) {
+    if (!this.state.buttonsState.visible) {
+      this.state.visible = false;
+      return;
+    }
+    super.calcItemVisible(data);
+  }
+  calcItemDisabled(data) {
+    if (this.state.buttonsState.disabled) {
+      this.state.disabled = true;
+      return;
+    }
+    super.calcItemDisabled(data);
+  }
+}
+
+export { PanelButtonListController };

package/es/panel-component/panel-button-list/panel-button-list.css

@@ -0,0 +1 @@
+.ibiz-panel-button-list{width:100%;height:100%;padding:var(--ibiz-spacing-tight);overflow:hidden}

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

@@ -0,0 +1,27 @@
+import { IPanelButtonList } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import { PanelButtonListController } from './panel-button-list.controller';
+import './panel-button-list.scss';
+export declare const PanelButtonList: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelButtonList>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelButtonListController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    handleClick: (e: MouseEvent, actionId: string) => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelButtonList>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelButtonListController;
+        required: true;
+    };
+}>>, {}, {}>;
+export default PanelButtonList;