@ibiz-template/vue3-components 0.2.11 → 0.2.12

package/es/panel-component/multi-data-container/multi-data-container.mjs

@@ -1,86 +0,0 @@
-import { isVNode, reactive, watch, inject, computed, resolveComponent, createVNode, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import { MultiDataContainerController } from './multi-data-container.controller.mjs';
-import './multi-data-container.css';
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const MultiDataContainer = /* @__PURE__ */ defineComponent({
-  name: "IBizMultiDataContainer",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    controller: {
-      type: MultiDataContainerController,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = useNamespace("multi-data-container");
-    const {
-      id
-    } = props.modelData;
-    watch(() => props.controller.state.items, () => {
-      props.controller.dataItems.forEach((item) => {
-        item.state = reactive(item.state);
-        const keys = Object.keys(item.panelItems);
-        keys.forEach((key) => {
-          const panelItem = item.panelItems[key];
-          panelItem.state = reactive(panelItem.state);
-        });
-      });
-    }, {
-      immediate: true
-    });
-    const renderPanelItem = inject("renderPanelItem");
-    const classArr = computed(() => {
-      const result = [ns.b(), ns.m(id), ...props.controller.containerClass];
-      return result;
-    });
-    return {
-      ns,
-      classArr,
-      renderPanelItem
-    };
-  },
-  render() {
-    let content;
-    if (this.$slots.default) {
-      content = this.$slots.default();
-    } else {
-      content = this.controller.state.items.map((_item, index) => {
-        const itemController = this.controller.dataItems[index];
-        return createVNode(resolveComponent("iBizRow"), {
-          "class": this.ns.b("content"),
-          "layout": this.modelData.layout
-        }, {
-          default: () => {
-            var _a;
-            return [(_a = this.modelData.panelItems) == null ? void 0 : _a.map((panelItem) => {
-              let _slot;
-              const childController = itemController.panelItems[panelItem.id];
-              return createVNode(resolveComponent("iBizCol"), {
-                "layoutPos": panelItem.layoutPos,
-                "state": childController.state
-              }, _isSlot(_slot = this.renderPanelItem(panelItem, {
-                providers: this.controller.providers,
-                panelItems: itemController.panelItems
-              })) ? _slot : {
-                default: () => [_slot]
-              });
-            })];
-          }
-        });
-      });
-    }
-    return createVNode("div", {
-      "class": this.classArr
-    }, [content]);
-  }
-});
-
-export { MultiDataContainer };

package/es/panel-component/multi-data-container/multi-data-container.provider.d.ts

@@ -1,15 +0,0 @@
-import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
-import { IPanelContainer } from '@ibiz/model-core';
-/**
- * 多项数据容器适配器
- *
- * @author lxm
- * @date 2022-09-19 22:09:03
- * @export
- * @class MultiDataContainerProvider
- * @implements {EditorProvider}
- */
-export declare class MultiDataContainerProvider implements IPanelItemProvider {
-    component: string;
-    createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
-}

package/es/panel-component/multi-data-container/multi-data-container.provider.mjs

@@ -1,21 +0,0 @@
-import { MultiDataContainerController } from './multi-data-container.controller.mjs';
-
-"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 MultiDataContainerProvider {
-  constructor() {
-    __publicField(this, "component", "IBizMultiDataContainer");
-  }
-  async createController(panelItem, panel, parent) {
-    const c = new MultiDataContainerController(panelItem, panel, parent);
-    await c.init();
-    return c;
-  }
-}
-
-export { MultiDataContainerProvider };

package/es/panel-component/multi-data-container/multi-data-container.state.d.ts

@@ -1,19 +0,0 @@
-import { PanelItemState } from '@ibiz-template/runtime';
-/**
- * 多项数据容器状态
- *
- * @author lxm
- * @date 2023-02-07 06:04:27
- * @export
- * @class MultiDataContainerState
- * @extends {PanelItemState}
- */
-export declare class MultiDataContainerState extends PanelItemState {
-    /**
-     * 多项数据容器数据
-     * @author lxm
-     * @date 2023-07-14 12:07:45
-     * @type {(IData | IData[])}
-     */
-    items: IData[];
-}

package/es/panel-component/multi-data-container/multi-data-container.state.mjs

@@ -1,23 +0,0 @@
-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 MultiDataContainerState extends PanelItemState {
-  constructor() {
-    super(...arguments);
-    /**
-     * 多项数据容器数据
-     * @author lxm
-     * @date 2023-07-14 12:07:45
-     * @type {(IData | IData[])}
-     */
-    __publicField(this, "items", []);
-  }
-}
-
-export { MultiDataContainerState };

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

@@ -1,28 +0,0 @@
-import { NavPosProvider } from './nav-pos.provider';
-import { NavPosState } from './nav-pos.state';
-import { NavPosController } from './nav-pos.controller';
-export { NavPosProvider, NavPosState, NavPosController };
-export declare const IBizNavPos: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
-    modelData: {
-        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
-        required: true;
-    };
-    controller: {
-        type: typeof NavPosController;
-        required: true;
-    };
-}, {
-    ns: import("@ibiz-template/core").Namespace;
-    c: NavPosController;
-    onViewCreated: (event: import("@ibiz-template/runtime").EventBase) => 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").IPanelRawItem>;
-        required: true;
-    };
-    controller: {
-        type: typeof NavPosController;
-        required: true;
-    };
-}>>, {}, {}>>;
-export default IBizNavPos;

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

@@ -1,14 +0,0 @@
-import { registerPanelItemProvider } from '@ibiz-template/runtime';
-import { withInstall } from '@ibiz-template/vue3-util';
-import { NavPos } from './nav-pos.mjs';
-import { NavPosProvider } from './nav-pos.provider.mjs';
-export { NavPosState } from './nav-pos.state.mjs';
-export { NavPosController } from './nav-pos.controller.mjs';
-
-"use strict";
-const IBizNavPos = withInstall(NavPos, function(v) {
-  v.component(NavPos.name, NavPos);
-  registerPanelItemProvider("RAWITEM_NAV_POS", () => new NavPosProvider());
-});
-
-export { IBizNavPos, NavPosProvider, IBizNavPos as default };

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

@@ -1,161 +0,0 @@
-import { EventBase, IModal, IPanelItemNavPosController, INavViewMsg, PanelItemController } from '@ibiz-template/runtime';
-import { IPanelRawItem } from '@ibiz/model-core';
-import { RouteLocationNormalizedLoaded, Router } from 'vue-router';
-import { NavPosState } from './nav-pos.state';
-/**
- * 导航占位控制器
- *
- * @export
- * @class NavPosController
- * @extends {PanelItemController}
- */
-export declare class NavPosController extends PanelItemController<IPanelRawItem> implements IPanelItemNavPosController {
-    /**
-     * 导航占位状态
-     *
-     * @type {NavPosState}
-     * @memberof NavPosController
-     */
-    state: NavPosState;
-    /**
-     * 导航视图的modal
-     *
-     * @type {{ [key: string]: IModal }}
-     * @memberof NavPosController
-     */
-    viewModals: {
-        [key: string]: IModal;
-    };
-    /**
-     * 当前导航视图
-     *
-     * @type {INavViewMsg}
-     * @memberof NavPosController
-     */
-    curNavViewMsg: INavViewMsg;
-    /**
-     * Router 对象
-     *
-     * @type {Router}
-     * @memberof NavPosController
-     */
-    router: Router;
-    /**
-     * 关联部件标识集合
-     * @author lxm
-     * @date 2023-08-10 07:35:08
-     * @type {string[]}
-     */
-    refCtrlKeys: string[];
-    /**
-     * 自定义补充参数
-     *
-     * @author zk
-     * @date 2023-09-27 03:09:02
-     * @type {IData}
-     * @memberof NavPosController
-     */
-    rawItemParams: IData;
-    /**
-     * Route 对象
-     *
-     * @author zk
-     * @date 2023-06-29 04:06:59
-     * @type {RouteLocationNormalizedLoaded}
-     * @memberof NavPosController
-     */
-    get route(): RouteLocationNormalizedLoaded;
-    /**
-     * 导航项是否缓存
-     *
-     * @author zk
-     * @date 2023-09-27 03:09:49
-     * @param {INavViewMsg} navViewMsg
-     * @return {*}  {boolean}
-     * @memberof NavPosController
-     */
-    getExpItemIsCache(navViewMsg: INavViewMsg): boolean;
-    /**
-     * 设置 Router 对象
-     *
-     * @param {Router} router
-     * @memberof NavPosController
-     */
-    setRouter(router: Router): void;
-    protected onInit(): Promise<void>;
-    /**
-     * 创建导航占位状态对象
-     *
-     * @protected
-     * @return {*}  {NavPosState}
-     * @memberof NavPosController
-     */
-    protected createState(): NavPosState;
-    /**
-     * 当前路由视图的层级
-     *
-     * @readonly
-     * @type {(number | undefined)}
-     * @memberof NavPosController
-     */
-    get routeDepth(): number | undefined;
-    /**
-     * 路由改变
-     *
-     * @memberof NavPosController
-     */
-    onRouteChange(route: RouteLocationNormalizedLoaded): void;
-    /**
-     * 设置导航视图信息
-     *
-     * @author zk
-     * @date 2023-06-29 02:06:41
-     * @param {INavViewMsg} navViewMsg 导航视图信息
-     * @memberof NavPosController
-     */
-    setNavViewMsgs(navViewMsg: INavViewMsg): void;
-    /**
-     * 自身的dismiss相关操作
-     *
-     * @param {string} key
-     * @memberof NavPosController
-     */
-    dismiss(key: string): void;
-    /**
-     * 监听视图创建
-     *
-     * @param {EventBase} event
-     * @memberof NavPosController
-     */
-    onViewCreated(event: EventBase): void;
-    /**
-     * 打开视图
-     *
-     * @param {INavViewMsg} openViewMsg
-     * @memberof NavPosController
-     */
-    openView(openViewMsg: INavViewMsg): void;
-    /**
-     * 通过路由打开视图
-     *
-     * @param {INavViewMsg} openViewMsg
-     * @memberof NavPosController
-     */
-    openViewByPath(openViewMsg: INavViewMsg): void;
-    /**
-     * 通过模型绘制视图
-     *
-     * @param {INavViewMsg} openViewMsg
-     * @memberof NavPosController
-     */
-    openViewByModel(openViewMsg: INavViewMsg): void;
-    /**
-     * 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}
-     *
-     * @author zk
-     * @date 2023-09-27 03:09:55
-     * @protected
-     * @memberof NavPosController
-     */
-    protected handleRawItemParams(): void;
-}

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

@@ -1,281 +0,0 @@
-import { PanelItemController, ViewMode, Modal, OpenAppViewCommand } from '@ibiz-template/runtime';
-import { notNilEmpty } from 'qx-util';
-import { mergeLeft } from 'ramda';
-import { NavPosState } from './nav-pos.state.mjs';
-
-"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 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 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]) {
-      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 Modal({
-        mode: this.routeDepth ? ViewMode.ROUTE : 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(
-        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 (notNilEmpty(rawItemParams)) {
-      params = rawItemParams.reduce((param, item) => {
-        param[item.key.toLowerCase()] = item.value;
-        return param;
-      }, {});
-    }
-    Object.assign(this.rawItemParams, params);
-  }
-}
-
-export { NavPosController };

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

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

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

@@ -1,28 +0,0 @@
-import { PropType } from 'vue';
-import { IPanelRawItem } from '@ibiz/model-core';
-import { EventBase } from '@ibiz-template/runtime';
-import { NavPosController } from './nav-pos.controller';
-import './nav-pos.scss';
-export declare const NavPos: import("vue").DefineComponent<{
-    modelData: {
-        type: PropType<IPanelRawItem>;
-        required: true;
-    };
-    controller: {
-        type: typeof NavPosController;
-        required: true;
-    };
-}, {
-    ns: import("@ibiz-template/core").Namespace;
-    c: NavPosController;
-    onViewCreated: (event: EventBase) => 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<IPanelRawItem>;
-        required: true;
-    };
-    controller: {
-        type: typeof NavPosController;
-        required: true;
-    };
-}>>, {}, {}>;