@ibiz-template/vue3-components 0.7.41-alpha.2 → 0.7.41-alpha.4

package/lib/panel-component/app-extend-menu/bottom-side-menu/bottom-side-menu.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var bottomSideMenu_controller = require('./bottom-side-menu.controller.cjs');
+require('./bottom-side-menu.css');
+
+"use strict";
+const BottomSideMenu = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizBottomSideMenu",
+  props: {
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 底部菜单控制器
+     */
+    controller: {
+      type: bottomSideMenu_controller.BottomSideMenuController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("bottom-side-menu");
+    const {
+      state
+    } = props.controller;
+    return {
+      ns,
+      state
+    };
+  },
+  render() {
+    if (!this.controller.appMenu) {
+      return null;
+    }
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("iBizCommonExtendMenu"), {
+      "renderMode": this.controller.rawItemParams.rendermode,
+      "items": this.state.items,
+      "menuItemsState": this.state.menuItemsState,
+      "providers": this.controller.itemProviders,
+      "position": "BOTTOM",
+      "layoutMode": this.controller.appMenu.layoutMode,
+      "layout": this.controller.appMenu.layout,
+      "onMenuItemClick": (item, event) => {
+        this.controller.handleClickMenuItem(item, event);
+      }
+    }, null)]);
+  }
+});
+
+exports.BottomSideMenu = BottomSideMenu;

package/lib/panel-component/app-extend-menu/bottom-side-menu/bottom-side-menu.controller.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var extendMenuBase_controller = require('../extend-menu-base/extend-menu-base.controller.cjs');
+
+"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 BottomSideMenuController extends extendMenuBase_controller.ExtendMenuBaseController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "appMenuName", "bottomsidemenu");
+  }
+}
+
+exports.BottomSideMenuController = BottomSideMenuController;

package/lib/panel-component/app-extend-menu/bottom-side-menu/bottom-side-menu.css

@@ -0,0 +1 @@
+.ibiz-bottom-side-menu{width:100%;height:100%}

package/lib/panel-component/app-extend-menu/bottom-side-menu/bottom-side-menu.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var bottomSideMenu_controller = require('./bottom-side-menu.controller.cjs');
+
+"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 BottomSideMenuProvider {
+  constructor() {
+    __publicField(this, "component", "IBizBottomSideMenu");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new bottomSideMenu_controller.BottomSideMenuController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.BottomSideMenuProvider = BottomSideMenuProvider;

package/lib/panel-component/app-extend-menu/bottom-side-menu/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var bottomSideMenu = require('./bottom-side-menu.cjs');
+var bottomSideMenu_provider = require('./bottom-side-menu.provider.cjs');
+
+"use strict";
+var IBizBottomSideMenu = {
+  install(app) {
+    app.component(bottomSideMenu.BottomSideMenu.name, bottomSideMenu.BottomSideMenu);
+    runtime.registerPanelItemProvider(
+      "RAWITEM_PREDEFINE_BOTTOM_SIDE_MENU",
+      () => new bottomSideMenu_provider.BottomSideMenuProvider()
+    );
+  }
+};
+
+exports.default = IBizBottomSideMenu;

package/lib/panel-component/app-extend-menu/extend-menu-base/common-extend-menu/common-extend-menu.cjs

@@ -0,0 +1,79 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./common-extend-menu.css');
+
+"use strict";
+const CommonExtendMenu = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCommonExtendMenu",
+  props: {
+    /**
+     * @description 绘制模式，'BUTTON' | 'MENU': 按钮态(仅识别一层) | 常规菜单态
+     */
+    renderMode: {
+      type: String,
+      required: true
+    },
+    /**
+     * @description 菜单项数据
+     */
+    items: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 菜单项权限数据
+     */
+    menuItemsState: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 菜单项适配器集合
+     */
+    providers: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 菜单方向
+     */
+    position: {
+      type: String,
+      required: true
+    },
+    /**
+     * @description 菜单布局模式,现阶段仅需识别FLEX（flex布局）和BORDER（边缘布局）
+     */
+    layoutMode: {
+      type: String,
+      default: "FLEX"
+    },
+    /**
+     * @description 菜单布局容器模型（按钮形态才识别）
+     */
+    layout: {
+      type: Object
+    }
+  },
+  emits: {
+    /**
+     * @description 项点击事件
+     */
+    menuItemClick: (item, event) => true
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("common-extend-menu");
+    return {
+      ns
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [this.position, vue.createTextVNode("\u901A\u7528\u83DC\u5355")]);
+  }
+});
+
+exports.CommonExtendMenu = CommonExtendMenu;

package/lib/panel-component/app-extend-menu/extend-menu-base/common-extend-menu/common-extend-menu.css

@@ -0,0 +1 @@
+.ibiz-common-extend-menu{width:100%;height:100%}

package/lib/panel-component/app-extend-menu/extend-menu-base/extend-menu-base.controller.cjs

@@ -0,0 +1,260 @@
+'use strict';
+
+var qxUtil = require('qx-util');
+var runtime = require('@ibiz-template/runtime');
+var core = require('@ibiz-template/core');
+var extendMenuBase_state = require('./extend-menu-base.state.cjs');
+
+"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 ExtendMenuBaseController extends runtime.PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 自定义补充参数
+     * @type {IData}
+     * @memberof ExtendMenuBaseController
+     */
+    __publicField(this, "rawItemParams", { rendermode: "BUTTON" });
+    /**
+     * @description 当前菜单名称
+     * @protected
+     * @type {string}
+     * @memberof ExtendMenuBaseController
+     */
+    __publicField(this, "appMenuName", "");
+    /**
+     * @description 菜单模型
+     * @protected
+     * @type {(IAppMenu | undefined)}
+     * @memberof ExtendMenuBaseController
+     */
+    __publicField(this, "appMenu");
+    /**
+     * @description 当前应用
+     * @protected
+     * @type {IAppService}
+     * @memberof ExtendMenuBaseController
+     */
+    __publicField(this, "app");
+    /**
+     * @description 菜单项适配器集合
+     * @type {{ [key: string]: IAppMenuItemProvider }}
+     * @memberof ExtendMenuBaseController
+     */
+    __publicField(this, "itemProviders", {});
+    /**
+     * @description 所有菜单项，平铺开
+     * @type {IAppMenuItem[]}
+     * @memberof ExtendMenuBaseController
+     */
+    __publicField(this, "allAppMenuItems", []);
+  }
+  /**
+   * @description 获取当前视图
+   * @readonly
+   * @type {IViewController}
+   * @memberof ExtendMenuBaseController
+   */
+  get view() {
+    return this.panel.view;
+  }
+  /**
+   * @description 视图层级
+   * @readonly
+   * @type {(number | undefined)}
+   * @memberof ExtendMenuBaseController
+   */
+  get routeDepth() {
+    return this.view.modal.routeDepth;
+  }
+  /**
+   * @description 上下文对象
+   * @readonly
+   * @type {IContext}
+   * @memberof ExtendMenuBaseController
+   */
+  get context() {
+    return this.panel.context;
+  }
+  /**
+   * @description 视图参数
+   * @readonly
+   * @type {IParams}
+   * @memberof ExtendMenuBaseController
+   */
+  get params() {
+    return this.panel.params;
+  }
+  /**
+   * @description 创建状态对象
+   * @protected
+   * @returns {*}  {ExtendMenuBase}
+   * @memberof ExtendMenuBaseController
+   */
+  createState() {
+    var _a;
+    return new extendMenuBase_state.ExtendMenuBase((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * @description 初始化
+   * @protected
+   * @returns {*}  {Promise<void>}
+   * @memberof ExtendMenuBaseController
+   */
+  async onInit() {
+    var _a, _b;
+    await super.onInit();
+    this.handleRawItemParams();
+    this.app = await ibiz.hub.getApp(this.context.srfappid);
+    this.appMenu = this.computeAppMenu();
+    this.state.items = this.appMenu && this.appMenu.appMenuItems ? this.appMenu.appMenuItems : [];
+    this.flattenAllItems();
+    await this.initAppMenuItemProviders();
+    (_b = (_a = this.appMenu) == null ? void 0 : _a.appMenuItems) == null ? void 0 : _b.forEach((item) => {
+      this.initMenuItemState(item);
+    });
+  }
+  /**
+   * @description 计算当前菜单模型
+   * @protected
+   * @returns {*}  {(IAppMenu | undefined)}
+   * @memberof ExtendMenuBaseController
+   */
+  computeAppMenu() {
+    return runtime.getControl(this.view.model, this.appMenuName);
+  }
+  /**
+   * @description 平铺所有菜单项
+   * @protected
+   * @returns {*}  {void}
+   * @memberof ExtendMenuBaseController
+   */
+  flattenAllItems() {
+    if (!this.appMenu)
+      return;
+    const result = [];
+    const flattenMenus = (menuItems) => {
+      menuItems.forEach((item) => {
+        result.push(item);
+        if (item.appMenuItems && item.appMenuItems.length > 0) {
+          flattenMenus(item.appMenuItems);
+        }
+      });
+    };
+    flattenMenus(this.appMenu.appMenuItems);
+    this.allAppMenuItems = result;
+  }
+  /**
+   * @description 初始化菜单项的适配器
+   * @protected
+   * @returns {*}  {Promise<void>}
+   * @memberof ExtendMenuBaseController
+   */
+  async initAppMenuItemProviders() {
+    if (this.allAppMenuItems.length === 0)
+      return;
+    await Promise.all(
+      this.allAppMenuItems.map(async (item) => {
+        const provider = await runtime.getAppMenuItemProvider(item);
+        if (provider) {
+          this.itemProviders[item.id] = provider;
+        }
+      })
+    );
+  }
+  /**
+   * @description 初始化菜单项状态
+   * @param {IAppMenuItem} menu
+   * @returns {*}  {{
+   *     visible: boolean;
+   *     permitted: boolean;
+   *   }}
+   * @memberof ExtendMenuBaseController
+   */
+  initMenuItemState(menu) {
+    var _a;
+    const result = { permitted: true, visible: true };
+    if (menu.hidden) {
+      result.visible = false;
+    } else {
+      let permitted = true;
+      if (menu.accessKey) {
+        permitted = this.app.authority.calcByResCode(menu.accessKey);
+      }
+      let visible = permitted;
+      if ((_a = menu.appMenuItems) == null ? void 0 : _a.length) {
+        const childrenState = menu.appMenuItems.map((child) => {
+          return this.initMenuItemState(child).visible;
+        });
+        visible = visible && childrenState.includes(true);
+      }
+      result.permitted = permitted;
+      result.visible = visible;
+    }
+    this.state.menuItemsState[menu.id] = result;
+    return result;
+  }
+  /**
+   * @description 处理菜单项点击，触发对应的应用功能
+   * @param {IAppMenuItem} menuItem
+   * @param {MouseEvent} event
+   * @param {boolean} [useDepth=true]
+   * @returns {*}  {Promise<void>}
+   * @memberof ExtendMenuBaseController
+   */
+  async handleClickMenuItem(menuItem, event, useDepth = true) {
+    if (!menuItem) {
+      return;
+    }
+    const provider = this.itemProviders[menuItem.id];
+    if (provider && provider.onClick) {
+      return provider.onClick(menuItem, event);
+    }
+    if (!menuItem.appFuncId) {
+      throw new core.RuntimeModelError(
+        menuItem,
+        ibiz.i18n.t("runtime.controller.control.menu.noConfigured")
+      );
+    }
+    const tempContext = this.context.clone();
+    tempContext.srfappid = menuItem.appId || ibiz.env.appId;
+    if (this.routeDepth && useDepth) {
+      Object.assign(tempContext, {
+        toRouteDepth: this.routeDepth + 1
+      });
+    }
+    const param = { ...this.params };
+    await ibiz.commands.execute(
+      runtime.AppFuncCommand.TAG,
+      menuItem.appFuncId,
+      tempContext,
+      param,
+      { view: this.view }
+    );
+  }
+  /**
+   * @description 处理自定义补充参数
+   * @protected
+   * @memberof ExtendMenuBaseController
+   */
+  handleRawItemParams() {
+    var _a;
+    let params = {};
+    const rawItemParams = (_a = this.model.rawItem) == null ? void 0 : _a.rawItemParams;
+    if (qxUtil.notNilEmpty(rawItemParams)) {
+      params = rawItemParams.reduce((param, item) => {
+        param[item.key.toLowerCase()] = item.value;
+        return param;
+      }, {});
+    }
+    Object.assign(this.rawItemParams, params);
+  }
+}
+
+exports.ExtendMenuBaseController = ExtendMenuBaseController;

package/lib/panel-component/app-extend-menu/extend-menu-base/extend-menu-base.state.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var runtime = require('@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 ExtendMenuBase extends runtime.PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 所有菜单项
+     * @type {IAppMenuItem[]}
+     * @memberof ExtendMenuBase
+     */
+    __publicField(this, "items", []);
+    /**
+     * @description 菜单项状态
+     * @type {{ [p: string]: { visible: boolean; permitted: boolean } }}
+     * @memberof ExtendMenuBase
+     */
+    __publicField(this, "menuItemsState", {});
+  }
+}
+
+exports.ExtendMenuBase = ExtendMenuBase;

package/lib/panel-component/app-extend-menu/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var commonExtendMenu = require('./extend-menu-base/common-extend-menu/common-extend-menu.cjs');
+var index = require('./left-side-menu/index.cjs');
+var index$1 = require('./right-side-menu/index.cjs');
+var index$2 = require('./bottom-side-menu/index.cjs');
+var index$3 = require('./top-side-menu/index.cjs');
+
+"use strict";
+var IBizAppExtendMenu = {
+  install(app) {
+    app.component(commonExtendMenu.CommonExtendMenu.name, commonExtendMenu.CommonExtendMenu);
+    app.use(index.default);
+    app.use(index$1.default);
+    app.use(index$2.default);
+    app.use(index$3.default);
+  }
+};
+
+exports.default = IBizAppExtendMenu;

package/lib/panel-component/app-extend-menu/left-side-menu/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var leftSideMenu = require('./left-side-menu.cjs');
+var leftSideMenu_provider = require('./left-side-menu.provider.cjs');
+
+"use strict";
+var IBizLeftSideMenu = {
+  install(app) {
+    app.component(leftSideMenu.LeftSideMenu.name, leftSideMenu.LeftSideMenu);
+    runtime.registerPanelItemProvider(
+      "RAWITEM_PREDEFINE_LEFT_SIDE_MENU",
+      () => new leftSideMenu_provider.LeftSideMenuProvider()
+    );
+  }
+};
+
+exports.default = IBizLeftSideMenu;

package/lib/panel-component/app-extend-menu/left-side-menu/left-side-menu.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var leftSideMenu_controller = require('./left-side-menu.controller.cjs');
+require('./left-side-menu.css');
+
+"use strict";
+const LeftSideMenu = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizLeftSideMenu",
+  props: {
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 左侧菜单控制器
+     */
+    controller: {
+      type: leftSideMenu_controller.LeftSideMenuController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("left-side-menu");
+    const {
+      state
+    } = props.controller;
+    return {
+      ns,
+      state
+    };
+  },
+  render() {
+    if (!this.controller.appMenu) {
+      return null;
+    }
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("iBizCommonExtendMenu"), {
+      "renderMode": this.controller.rawItemParams.rendermode,
+      "items": this.state.items,
+      "menuItemsState": this.state.menuItemsState,
+      "providers": this.controller.itemProviders,
+      "position": "LEFT",
+      "layoutMode": this.controller.appMenu.layoutMode,
+      "layout": this.controller.appMenu.layout,
+      "onMenuItemClick": (item, event) => {
+        this.controller.handleClickMenuItem(item, event);
+      }
+    }, null)]);
+  }
+});
+
+exports.LeftSideMenu = LeftSideMenu;

package/lib/panel-component/app-extend-menu/left-side-menu/left-side-menu.controller.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var extendMenuBase_controller = require('../extend-menu-base/extend-menu-base.controller.cjs');
+
+"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 LeftSideMenuController extends extendMenuBase_controller.ExtendMenuBaseController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "appMenuName", "leftsidemenu");
+  }
+}
+
+exports.LeftSideMenuController = LeftSideMenuController;

package/lib/panel-component/app-extend-menu/left-side-menu/left-side-menu.css

@@ -0,0 +1 @@
+.ibiz-left-side-menu{width:100%;height:100%}

package/lib/panel-component/app-extend-menu/left-side-menu/left-side-menu.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var leftSideMenu_controller = require('./left-side-menu.controller.cjs');
+
+"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 LeftSideMenuProvider {
+  constructor() {
+    __publicField(this, "component", "IBizLeftSideMenu");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new leftSideMenu_controller.LeftSideMenuController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.LeftSideMenuProvider = LeftSideMenuProvider;

package/lib/panel-component/app-extend-menu/right-side-menu/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var rightSideMenu = require('./right-side-menu.cjs');
+var rightSideMenu_provider = require('./right-side-menu.provider.cjs');
+
+"use strict";
+var IBizRightSideMenu = {
+  install(app) {
+    app.component(rightSideMenu.RightSideMenu.name, rightSideMenu.RightSideMenu);
+    runtime.registerPanelItemProvider(
+      "RAWITEM_PREDEFINE_RIGHT_SIDE_MENU",
+      () => new rightSideMenu_provider.RightSideMenuProvider()
+    );
+  }
+};
+
+exports.default = IBizRightSideMenu;