@ibiz-template/vue3-util 0.6.0 → 0.6.1-dev.1

package/lib/panel-component/nav-pos/nav-pos.cjs

@@ -0,0 +1,107 @@
+'use strict';
+
+var vue = require('vue');
+var vueRouter = require('vue-router');
+var navPos_controller = require('./nav-pos.controller.cjs');
+require('./nav-pos.css');
+require('../../use/index.cjs');
+require('../../util/index.cjs');
+var namespace = require('../../use/namespace/namespace.cjs');
+var route = require('../../util/route/route.cjs');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const NavPos = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizNavPos",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: navPos_controller.NavPosController,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = namespace.useNamespace("nav-pos");
+    const onViewCreated = (event) => {
+      c.onViewCreated(event);
+    };
+    const router = vueRouter.useRouter();
+    const route$1 = vueRouter.useRoute();
+    c.setRouter(router);
+    if (c.routeDepth) {
+      const expViewRoutePath = route.getNestedRoutePath(route$1, c.routeDepth);
+      vue.watch(() => route$1.fullPath, () => {
+        const currentRoutePath = route.getNestedRoutePath(route$1, c.routeDepth);
+        if (expViewRoutePath === currentRoutePath && route$1.matched.length > c.routeDepth) {
+          c.onRouteChange(route$1);
+        }
+      }, {
+        immediate: true
+      });
+    }
+    return {
+      ns,
+      c,
+      onViewCreated
+    };
+  },
+  render() {
+    const {
+      viewModals,
+      state
+    } = this.c;
+    const {
+      currentKey,
+      cacheKeys,
+      navViewMsgs,
+      cache
+    } = state;
+    let content = null;
+    if (state.routeOpen) {
+      content = vue.createVNode(vue.resolveComponent("iBizRouterView"), {
+        "manualKey": currentKey,
+        "modal": viewModals[currentKey],
+        "onCreated": this.onViewCreated
+      }, {
+        default: ({
+          Component
+        }) => {
+          const routerContent = currentKey === "" || !Component ? null : vue.createVNode(Component, null, null);
+          return cache ? vue.createVNode(vue.resolveComponent("keepAlive"), {
+            "include": cacheKeys,
+            "max": 30,
+            "isKey": true
+          }, _isSlot(routerContent) ? routerContent : {
+            default: () => [routerContent]
+          }) : routerContent;
+        }
+      });
+    } else {
+      const view = currentKey ? vue.h(vue.resolveComponent("IBizViewShell"), {
+        context: navViewMsgs[currentKey].context,
+        params: navViewMsgs[currentKey].params,
+        key: currentKey,
+        viewId: navViewMsgs[currentKey].viewId,
+        onCreated: this.onViewCreated
+      }) : null;
+      content = cache ? vue.createVNode(vue.resolveComponent("keepAlive"), {
+        "include": cacheKeys,
+        "max": 30,
+        "isKey": true
+      }, _isSlot(view) ? view : {
+        default: () => [view]
+      }) : view;
+    }
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
+    }, [content]);
+  }
+});
+
+exports.NavPos = NavPos;

package/lib/panel-component/nav-pos/nav-pos.controller.cjs

@@ -0,0 +1,312 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var qxUtil = require('qx-util');
+var ramda = require('ramda');
+var navPos_state = require('./nav-pos.state.cjs');
+require('../../util/index.cjs');
+var route = require('../../util/route/route.cjs');
+
+"use strict";
+const excludeKeys = ["is404", "isRoutePushed"];
+class NavPosController extends runtime.PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 导航视图的modal
+     *
+     * @type {{ [key: string]: IModal }}
+     * @memberof NavPosController
+     */
+    this.viewModals = {};
+    /**
+     * 关联部件标识集合
+     * @author lxm
+     * @date 2023-08-10 07:35:08
+     * @type {string[]}
+     */
+    this.refCtrlKeys = [];
+    /**
+     * 自定义补充参数
+     *
+     * @author zk
+     * @date 2023-09-27 03:09:02
+     * @type {IData}
+     * @memberof NavPosController
+     */
+    this.rawItemParams = {};
+  }
+  /**
+   * Route 对象
+   *
+   * @author zk
+   * @date 2023-06-29 04:06:59
+   * @type {RouteLocationNormalizedLoaded}
+   * @memberof NavPosController
+   */
+  get route() {
+    return this.router.currentRoute.value;
+  }
+  /**
+   * 导航项是否缓存
+   *
+   * @author zk
+   * @date 2023-09-27 03:09:49
+   * @param {INavViewMsg} navViewMsg
+   * @return {*}  {boolean}
+   * @memberof NavPosController
+   */
+  getExpItemIsCache(navViewMsg) {
+    if (this.rawItemParams.expcache === "CACHE") {
+      return true;
+    }
+    if (this.rawItemParams.expcache === "NO_CACHE") {
+      return false;
+    }
+    return navViewMsg.isCache;
+  }
+  /**
+   * 设置 Router 对象
+   *
+   * @param {Router} router
+   * @memberof NavPosController
+   */
+  setRouter(router) {
+    this.router = router;
+  }
+  async onInit() {
+    var _a;
+    await super.onInit();
+    this.handleRawItemParams();
+    if ((_a = this.model.rawItem) == null ? void 0 : _a.rawItemParams) {
+      this.model.rawItem.rawItemParams.find((item) => {
+        if (item.key === "REFCTRL" && item.value) {
+          this.refCtrlKeys = item.value.split(";").map((str) => str.toLowerCase());
+          return true;
+        }
+        return false;
+      });
+    }
+    this.panel.evt.on("onControlEvent", (event) => {
+      const isRefCtrl = this.refCtrlKeys.length === 0 || this.refCtrlKeys.includes(event.triggerControlName);
+      if (isRefCtrl && event.triggerEventName === "onNavViewChange") {
+        const triggerEvent = event.triggerEvent;
+        this.openView(triggerEvent.navViewMsg);
+      }
+    });
+    const expRoute = this.rawItemParams.expmode || this.panel.view.params.expmode;
+    if (expRoute === "ROUTE" && this.routeDepth) {
+      this.state.routeOpen = true;
+    } else if (expRoute === "NO_ROUTE") {
+      this.state.routeOpen = false;
+    } else {
+      this.state.routeOpen = !!this.routeDepth;
+    }
+    if (this.panel.view.params.expmode) {
+      delete this.panel.view.params.expmode;
+    }
+  }
+  /**
+   * 创建导航占位状态对象
+   *
+   * @protected
+   * @return {*}  {NavPosState}
+   * @memberof NavPosController
+   */
+  createState() {
+    var _a;
+    return new navPos_state.NavPosState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 当前路由视图的层级
+   *
+   * @readonly
+   * @type {(number | undefined)}
+   * @memberof NavPosController
+   */
+  get routeDepth() {
+    return this.panel.view.modal.routeDepth;
+  }
+  /**
+   * 计算缓存 key 标识
+   *
+   * @author chitanda
+   * @date 2023-12-03 13:12:25
+   * @protected
+   * @param {INavViewMsg} msg
+   * @return {*}  {string}
+   */
+  calcCacheKey(msg) {
+    if (msg) {
+      return "".concat(msg.viewId, "___").concat(msg.key);
+    }
+    return "";
+  }
+  /**
+   * 路由改变
+   *
+   * @memberof NavPosController
+   */
+  onRouteChange(route) {
+    if (this.curNavViewMsg) {
+      const cacheKey = this.calcCacheKey(this.curNavViewMsg);
+      this.state.currentKey = cacheKey;
+      this.state.navViewMsgs[cacheKey].fullPath = route.fullPath;
+    }
+  }
+  /**
+   * 设置导航视图信息
+   *
+   * @author zk
+   * @date 2023-06-29 02:06:41
+   * @param {INavViewMsg} navViewMsg 导航视图信息
+   * @memberof NavPosController
+   */
+  setNavViewMsgs(navViewMsg) {
+    navViewMsg.isRoutePushed = navViewMsg.isRoutePushed === true;
+    const cacheKey = this.calcCacheKey(navViewMsg);
+    if (this.state.navViewMsgs[cacheKey]) {
+      ramda.mergeLeft(this.state.navViewMsgs[cacheKey], navViewMsg);
+      excludeKeys.forEach((key) => {
+        if (Object.prototype.hasOwnProperty.call(navViewMsg, key)) {
+          this.state.navViewMsgs[cacheKey][key] = void 0;
+        }
+      });
+    } else {
+      this.state.navViewMsgs[cacheKey] = navViewMsg;
+      if (this.getExpItemIsCache(navViewMsg)) {
+        this.state.cacheKeys.push(cacheKey);
+      }
+      this.viewModals[cacheKey] = new runtime.Modal({
+        mode: this.routeDepth ? runtime.ViewMode.ROUTE : runtime.ViewMode.EMBED,
+        routeDepth: this.routeDepth ? this.routeDepth + 1 : void 0,
+        dismiss: () => {
+          this.dismiss(cacheKey);
+        }
+      });
+    }
+    this.curNavViewMsg = this.state.navViewMsgs[cacheKey];
+  }
+  /**
+   * 自身的dismiss相关操作
+   *
+   * @param {string} key
+   * @memberof NavPosController
+   */
+  dismiss(key) {
+    ibiz.log.debug(this.constructor.name, "dismiss", key);
+  }
+  /**
+   * 监听视图创建
+   *
+   * @param {EventBase} event
+   * @memberof NavPosController
+   */
+  onViewCreated(event) {
+    ibiz.log.debug(this.constructor.name, "onViewCreated", event);
+  }
+  toBlankRoute() {
+    const blankRoute = route.getNestedRoutePath(this.route, this.routeDepth);
+    this.router.push(blankRoute);
+  }
+  /**
+   * 打开视图
+   *
+   * @param {INavViewMsg} openViewMsg
+   * @memberof NavPosController
+   */
+  openView(openViewMsg) {
+    if (!openViewMsg.key) {
+      this.state.currentKey = this.calcCacheKey(openViewMsg);
+      if (this.routeDepth && this.state.routeOpen) {
+        this.toBlankRoute();
+      }
+      return;
+    }
+    if (this.routeDepth && this.state.routeOpen) {
+      this.openViewByPath(openViewMsg);
+    } else {
+      this.openViewByModel(openViewMsg);
+    }
+  }
+  /**
+   * 通过路由打开视图
+   *
+   * @param {INavViewMsg} openViewMsg
+   * @memberof NavPosController
+   */
+  openViewByPath(openViewMsg) {
+    var _a, _b;
+    const cacheKey = this.calcCacheKey(openViewMsg);
+    this.setNavViewMsgs(openViewMsg);
+    const isRoutePushed = openViewMsg.isRoutePushed === true;
+    if (isRoutePushed) {
+      this.state.currentKey = cacheKey;
+      this.state.navViewMsgs[this.calcCacheKey(this.curNavViewMsg)].fullPath = this.route.fullPath;
+      return;
+    }
+    if (openViewMsg.is404) {
+      const selfPath = route.getNestedRoutePath(this.route, this.routeDepth, false);
+      if ((_a = openViewMsg.modalOptions) == null ? void 0 : _a.replace) {
+        this.router.replace("".concat(selfPath, "/404"));
+      } else {
+        this.router.push("".concat(selfPath, "/404"));
+      }
+    } else if (
+      // 如果启用缓存并且有之前存过的fullPath则push回fullPath。
+      this.state.navViewMsgs[cacheKey].fullPath && this.getExpItemIsCache(openViewMsg)
+    ) {
+      if ((_b = openViewMsg.modalOptions) == null ? void 0 : _b.replace) {
+        this.router.replace(this.state.navViewMsgs[cacheKey].fullPath);
+      } else {
+        this.router.push(this.state.navViewMsgs[cacheKey].fullPath);
+      }
+    } else {
+      const tempContext = Object.assign(openViewMsg.context.clone(), {
+        toRouteDepth: this.routeDepth + 1
+      });
+      if (this.getExpItemIsCache(openViewMsg)) {
+        this.state.cacheKeys.push(cacheKey);
+      }
+      ibiz.commands.execute(
+        runtime.OpenAppViewCommand.TAG,
+        openViewMsg.viewId,
+        tempContext,
+        openViewMsg.params,
+        { openMode: "INDEXVIEWTAB", ...openViewMsg.modalOptions }
+      );
+    }
+  }
+  /**
+   * 通过模型绘制视图
+   *
+   * @param {INavViewMsg} openViewMsg
+   * @memberof NavPosController
+   */
+  openViewByModel(openViewMsg) {
+    this.setNavViewMsgs(openViewMsg);
+    this.state.currentKey = this.calcCacheKey(openViewMsg);
+  }
+  /**
+   * 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}
+   *
+   * @author zk
+   * @date 2023-09-27 03:09:55
+   * @protected
+   * @memberof NavPosController
+   */
+  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.NavPosController = NavPosController;

package/lib/panel-component/nav-pos/nav-pos.css

@@ -0,0 +1 @@
+.ibiz-nav-pos{width:100%;height:100%}

package/lib/panel-component/nav-pos/nav-pos.provider.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var navPos_controller = require('./nav-pos.controller.cjs');
+
+"use strict";
+class NavPosProvider {
+  constructor() {
+    this.component = "IBizNavPos";
+  }
+  /**
+   * 创建控制器
+   *
+   * @param {IPanelItem} panelItem
+   * @param {PanelController} panel
+   * @param {(PanelItemController | undefined)} parent
+   * @return {*}  {Promise<IPanelItemNavPosController>}
+   * @memberof NavPosProvider
+   */
+  async createController(panelItem, panel, parent) {
+    const c = new navPos_controller.NavPosController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.NavPosProvider = NavPosProvider;

package/lib/panel-component/nav-pos/nav-pos.state.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class NavPosState extends runtime.PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 是否启用缓存
+     *
+     * @type {boolean}
+     * @memberof NavPosState
+     */
+    this.cache = true;
+    /**
+     * 是否是路由打开
+     *
+     * @author zk
+     * @date 2023-09-26 04:09:23
+     * @type {boolean}
+     * @memberof NavPosState
+     */
+    this.routeOpen = true;
+    /**
+     * 当前导航视图标识
+     * @author lxm
+     * @date 2023-05-25 06:24:48
+     * @type {string}
+     */
+    this.currentKey = "";
+    /**
+     * 缓存的视图标识
+     * @author lxm
+     * @date 2023-05-25 06:25:21
+     * @type {string[]}
+     */
+    this.cacheKeys = ["RouterShell"];
+    /**
+     * 导航视图详细信息
+     * @author lxm
+     * @date 2023-05-25 07:07:05
+     * @type {INavViewMsg[]}
+     */
+    this.navViewMsgs = {};
+  }
+}
+
+exports.NavPosState = NavPosState;

package/lib/panel-component/panel-container/index.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+require('../../util/index.cjs');
+var panelContainer = require('./panel-container.cjs');
+var panelContainer_provider = require('./panel-container.provider.cjs');
+var panelContainer_state = require('./panel-container.state.cjs');
+var panelContainer_controller = require('./panel-container.controller.cjs');
+var install = require('../../util/install.cjs');
+
+"use strict";
+const IBizPanelContainer = install.withInstall(
+  panelContainer.PanelContainer,
+  function(v) {
+    v.component(panelContainer.PanelContainer.name, panelContainer.PanelContainer);
+    runtime.registerPanelItemProvider("CONTAINER", () => new panelContainer_provider.PanelContainerProvider());
+    runtime.registerPanelItemProvider(
+      "CONTAINER_DEFAULT",
+      () => new panelContainer_provider.PanelContainerProvider()
+    );
+  }
+);
+
+exports.PanelContainerState = panelContainer_state.PanelContainerState;
+exports.PanelContainerController = panelContainer_controller.PanelContainerController;
+exports.IBizPanelContainer = IBizPanelContainer;
+exports.default = IBizPanelContainer;

package/lib/panel-component/panel-container/panel-container.cjs

@@ -0,0 +1,72 @@
+'use strict';
+
+var vue = require('vue');
+require('../../use/index.cjs');
+var panelContainer_controller = require('./panel-container.controller.cjs');
+require('./panel-container.css');
+var namespace = require('../../use/namespace/namespace.cjs');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const PanelContainer = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelContainer",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: panelContainer_controller.PanelContainerController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = namespace.useNamespace("panel-container");
+    const {
+      id
+    } = props.modelData;
+    const classArr = vue.computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
+      return result;
+    });
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    const content = vue.createVNode(vue.resolveComponent("iBizRow"), {
+      "slot": "content",
+      "layout": this.modelData.layout
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      return vue.createVNode(vue.resolveComponent("iBizCol"), {
+        "layoutPos": props.modelData.layoutPos,
+        "state": props.controller.state
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+    return vue.createVNode("div", {
+      "class": this.classArr,
+      "onClick": () => {
+        this.controller.onClick();
+      }
+    }, [this.controller.model.cssStyle ? vue.createVNode("style", {
+      "type": "text/css"
+    }, [this.controller.model.cssStyle]) : null, content]);
+  }
+});
+
+exports.PanelContainer = PanelContainer;

package/lib/panel-component/panel-container/panel-container.controller.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var panelContainer_state = require('./panel-container.state.cjs');
+
+"use strict";
+class PanelContainerController extends runtime.PanelItemController {
+  createState() {
+    var _a;
+    return new panelContainer_state.PanelContainerState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+}
+
+exports.PanelContainerController = PanelContainerController;

package/lib/panel-component/panel-container/panel-container.css

@@ -0,0 +1 @@
+.ibiz-panel-container{width:100%;height:100%}.ibiz-panel-container>.ibiz-row{height:100%;overflow-x:hidden;overflow-y:auto}.ibiz-panel-container.is-hidden{display:none}

package/lib/panel-component/panel-container/panel-container.provider.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var panelContainer_controller = require('./panel-container.controller.cjs');
+
+"use strict";
+class PanelContainerProvider {
+  constructor() {
+    this.component = "IBizPanelContainer";
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new panelContainer_controller.PanelContainerController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PanelContainerProvider = PanelContainerProvider;

package/lib/panel-component/panel-container/panel-container.state.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class PanelContainerState extends runtime.PanelItemState {
+}
+
+exports.PanelContainerState = PanelContainerState;

package/lib/panel-component/panel-container-group/index.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var panelContainerGroup_state = require('./panel-container-group.state.cjs');
+var panelContainerGroup_provider = require('./panel-container-group.provider.cjs');
+var panelContainerGroup_controller = require('./panel-container-group.controller.cjs');
+var panelContainerGroup = require('./panel-container-group.cjs');
+require('../../util/index.cjs');
+var install = require('../../util/install.cjs');
+
+"use strict";
+const IBizPanelContainerGroup = install.withInstall(
+  panelContainerGroup.PanelContainerGroup,
+  function(v) {
+    v.component(panelContainerGroup.PanelContainerGroup.name, panelContainerGroup.PanelContainerGroup);
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTAINER_GROUP",
+      () => new panelContainerGroup_provider.PanelContainerGroupProvider()
+    );
+  }
+);
+
+exports.PanelContainerGroupState = panelContainerGroup_state.PanelContainerGroupState;
+exports.PanelContainerGroupController = panelContainerGroup_controller.PanelContainerGroupController;
+exports.IBizPanelContainerGroup = IBizPanelContainerGroup;
+exports.default = IBizPanelContainerGroup;