@ibiz-template/vue3-components 0.2.11 → 0.2.13

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

@@ -1,104 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-var vueRouter = require('vue-router');
-var navPos_controller = require('./nav-pos.controller.cjs');
-require('./nav-pos.css');
-
-"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 = vue3Util.useNamespace("nav-pos");
-    const onViewCreated = (event) => {
-      c.onViewCreated(event);
-    };
-    const router = vueRouter.useRouter();
-    const route = vueRouter.useRoute();
-    c.setRouter(router);
-    if (c.routeDepth) {
-      const expViewRoutePath = vue3Util.getNestedRoutePath(route, c.routeDepth);
-      vue.watch(() => route.fullPath, () => {
-        const currentRoutePath = vue3Util.getNestedRoutePath(route, c.routeDepth);
-        if (expViewRoutePath === currentRoutePath && route.matched.length > c.routeDepth) {
-          c.onRouteChange(route);
-        }
-      }, {
-        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: navViewMsgs[currentKey].key,
-        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

@@ -1,283 +0,0 @@
-'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');
-
-"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 NavPosController extends runtime.PanelItemController {
-  constructor() {
-    super(...arguments);
-    /**
-     * 导航视图的modal
-     *
-     * @type {{ [key: string]: IModal }}
-     * @memberof NavPosController
-     */
-    __publicField(this, "viewModals", {});
-    /**
-     * 当前导航视图
-     *
-     * @type {INavViewMsg}
-     * @memberof NavPosController
-     */
-    __publicField(this, "curNavViewMsg");
-    /**
-     * Router 对象
-     *
-     * @type {Router}
-     * @memberof NavPosController
-     */
-    __publicField(this, "router");
-    /**
-     * 关联部件标识集合
-     * @author lxm
-     * @date 2023-08-10 07:35:08
-     * @type {string[]}
-     */
-    __publicField(this, "refCtrlKeys", []);
-    /**
-     * 自定义补充参数
-     *
-     * @author zk
-     * @date 2023-09-27 03:09:02
-     * @type {IData}
-     * @memberof NavPosController
-     */
-    __publicField(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;
-  }
-  /**
-   * 路由改变
-   *
-   * @memberof NavPosController
-   */
-  onRouteChange(route) {
-    if (this.curNavViewMsg) {
-      this.state.currentKey = this.curNavViewMsg.key;
-      this.state.navViewMsgs[this.curNavViewMsg.key].fullPath = route.fullPath;
-    }
-  }
-  /**
-   * 设置导航视图信息
-   *
-   * @author zk
-   * @date 2023-06-29 02:06:41
-   * @param {INavViewMsg} navViewMsg 导航视图信息
-   * @memberof NavPosController
-   */
-  setNavViewMsgs(navViewMsg) {
-    if (this.state.navViewMsgs[navViewMsg.key]) {
-      ramda.mergeLeft(this.state.navViewMsgs[navViewMsg.key], navViewMsg);
-    } else {
-      this.state.navViewMsgs[navViewMsg.key] = navViewMsg;
-      if (this.getExpItemIsCache(navViewMsg)) {
-        this.state.cacheKeys.push(navViewMsg.key);
-      }
-      this.viewModals[navViewMsg.key] = new runtime.Modal({
-        mode: this.routeDepth ? runtime.ViewMode.ROUTE : runtime.ViewMode.EMBED,
-        routeDepth: this.routeDepth ? this.routeDepth + 1 : void 0,
-        dismiss: () => {
-          this.dismiss(navViewMsg.key);
-        }
-      });
-    }
-    this.curNavViewMsg = this.state.navViewMsgs[navViewMsg.key];
-  }
-  /**
-   * 自身的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);
-  }
-  /**
-   * 打开视图
-   *
-   * @param {INavViewMsg} openViewMsg
-   * @memberof NavPosController
-   */
-  openView(openViewMsg) {
-    if (!openViewMsg.key) {
-      this.state.currentKey = openViewMsg.key;
-      return;
-    }
-    if (this.routeDepth && this.state.routeOpen) {
-      this.openViewByPath(openViewMsg);
-    } else {
-      this.openViewByModel(openViewMsg);
-    }
-  }
-  /**
-   * 通过路由打开视图
-   *
-   * @param {INavViewMsg} openViewMsg
-   * @memberof NavPosController
-   */
-  openViewByPath(openViewMsg) {
-    const isFirstOpen = Object.values(this.state.navViewMsgs).length === 0;
-    this.setNavViewMsgs(openViewMsg);
-    if (isFirstOpen && this.route.matched.length > this.routeDepth) {
-      this.state.currentKey = openViewMsg.key;
-      this.state.navViewMsgs[this.curNavViewMsg.key].fullPath = this.route.fullPath;
-      return;
-    }
-    if (this.state.navViewMsgs[openViewMsg.key].fullPath && this.getExpItemIsCache(openViewMsg)) {
-      this.router.push(this.state.navViewMsgs[openViewMsg.key].fullPath);
-    } else {
-      const tempContext = Object.assign(openViewMsg.context.clone(), {
-        toRouteDepth: this.routeDepth + 1
-      });
-      if (this.getExpItemIsCache(openViewMsg)) {
-        this.state.cacheKeys.push(openViewMsg.key);
-      }
-      ibiz.commands.execute(
-        runtime.OpenAppViewCommand.TAG,
-        openViewMsg.viewId,
-        tempContext,
-        openViewMsg.params,
-        { openMode: "INDEXVIEWTAB" }
-      );
-    }
-  }
-  /**
-   * 通过模型绘制视图
-   *
-   * @param {INavViewMsg} openViewMsg
-   * @memberof NavPosController
-   */
-  openViewByModel(openViewMsg) {
-    this.setNavViewMsgs(openViewMsg);
-    this.state.currentKey = openViewMsg.key;
-  }
-  /**
-   * 处理自定义补充参数 [{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

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

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

@@ -1,32 +0,0 @@
-'use strict';
-
-var navPos_controller = require('./nav-pos.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 NavPosProvider {
-  constructor() {
-    __publicField(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

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

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

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue3Util = require('@ibiz-template/vue3-util');
-var runtime = require('@ibiz-template/runtime');
-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');
-
-"use strict";
-const IBizPanelContainer = vue3Util.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.PanelContainerProvider = 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

@@ -1,71 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-var panelContainer_controller = require('./panel-container.controller.cjs');
-require('./panel-container.css');
-
-"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 = vue3Util.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

@@ -1,14 +0,0 @@
-'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

@@ -1 +0,0 @@
-.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

@@ -1,23 +0,0 @@
-'use strict';
-
-var panelContainer_controller = require('./panel-container.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 PanelContainerProvider {
-  constructor() {
-    __publicField(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

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

package/lib/panel-component/panel-ctrl-pos/index.cjs

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue3Util = require('@ibiz-template/vue3-util');
-var runtime = require('@ibiz-template/runtime');
-var panelCtrlPos = require('./panel-ctrl-pos.cjs');
-var panelCtrlPos_provider = require('./panel-ctrl-pos.provider.cjs');
-var panelCtrlPos_controller = require('./panel-ctrl-pos.controller.cjs');
-
-"use strict";
-const IBizPanelCtrlPos = vue3Util.withInstall(panelCtrlPos.PanelCtrlPos, function(v) {
-  v.component(panelCtrlPos.PanelCtrlPos.name, panelCtrlPos.PanelCtrlPos);
-  runtime.registerPanelItemProvider("CTRLPOS", () => new panelCtrlPos_provider.PanelCtrlPosProvider());
-});
-
-exports.PanelCtrlPosProvider = panelCtrlPos_provider.PanelCtrlPosProvider;
-exports.PanelCtrlPosController = panelCtrlPos_controller.PanelCtrlPosController;
-exports.IBizPanelCtrlPos = IBizPanelCtrlPos;
-exports.default = IBizPanelCtrlPos;

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

@@ -1,46 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-require('./panel-ctrl-pos.css');
-
-"use strict";
-const PanelCtrlPos = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizPanelCtrlPos",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    controller: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const ctx = vue.inject("ctx");
-    ctx.evt.on("onRegister", (name, c) => {
-      if (name === props.modelData.id) {
-        props.controller.bindControl(c);
-      }
-    });
-    const ns = vue3Util.useNamespace("panel-ctrl-pos");
-    return {
-      ns
-    };
-  },
-  render() {
-    const {
-      state
-    } = this.controller;
-    let content;
-    if (this.$slots.default) {
-      content = this.$slots.default();
-    }
-    return vue.createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("hidden", !state.visible)]
-    }, [content || (ibiz.env.dev ? `\u672A\u63D0\u4F9B${this.modelData.id}\u63D2\u69FD` : "")]);
-  }
-});
-
-exports.PanelCtrlPos = PanelCtrlPos;