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

package/es/control/drbar/drbar.controller.d.ts

@@ -0,0 +1,213 @@
+import { ControlController, IDRBarController, IDRBarEvent, IDRBarState, IDRBarItemsState, IEditFormController, IPanelItemNavPosController, AppCounter, IPanelItemController } from '@ibiz-template/runtime';
+import { IDEDRBar, IDEDRBarItem } from '@ibiz/model-core';
+import { Router } from 'vue-router';
+/**
+ * 数据关系栏控制器
+ *
+ * @export
+ * @class DRBarController
+ * @extends {ControlController<IDEDRBar, IDRBarState, IDRBarEvent>}
+ * @implements {IDRBarController}
+ */
+export declare class DRBarController extends ControlController<IDEDRBar, IDRBarState, IDRBarEvent> implements IDRBarController {
+    /**
+     * 计数器对象
+     * @author lxm
+     * @date 2024-01-18 05:12:35
+     * @type {AppCounter}
+     */
+    counter?: AppCounter;
+    /**
+     * 导航占位控制器
+     *
+     * @readonly
+     * @memberof DRBarController
+     */
+    get navPos(): IPanelItemNavPosController;
+    /**
+     * 导航视图容器控制器
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2024-01-25 16:03:00
+     */
+    get viewNavPos(): IPanelItemController | undefined;
+    /**
+     * 表单部件
+     *
+     * @readonly
+     * @memberof DRBarController
+     */
+    get form(): IEditFormController;
+    /**
+     * 是否是新建
+     * @author lxm
+     * @date 2023-12-11 06:32:04
+     * @readonly
+     * @type {boolean}
+     */
+    get isCreate(): boolean;
+    /**
+     * 获取数据
+     *
+     * @return {*}  {IData[]}
+     * @memberof DRBarController
+     */
+    getData(): IData[];
+    /**
+     * Router 对象
+     *
+     * @type {Router}
+     * @memberof DRTabController
+     */
+    router: Router;
+    /**
+     * 设置 Router 对象
+     *
+     * @param {Router} router
+     * @memberof DRTabController
+     */
+    setRouter(router: Router): void;
+    /**
+     * 路由层级
+     *
+     * @readonly
+     * @type {(number | undefined)}
+     * @memberof DRBarController
+     */
+    get routeDepth(): number | undefined;
+    /**
+     * 初始化state的属性
+     *
+     * @protected
+     * @memberof DRBarController
+     */
+    protected initState(): void;
+    /**
+     * 创建完成
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof DRBarController
+     */
+    onCreated(): Promise<void>;
+    /**
+     * 通过计数器数据，计算项状态
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-16 18:05:14
+     * @param {IData} [_data]
+     * @param {boolean} [reset=true]
+     */
+    calcItemStateByCounter(_data?: IData, reset?: boolean): void;
+    /**
+     * 获取对应项的显示状态
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-16 17:05:15
+     * @param {string} key
+     * @return {*}  {{
+     *     visible: boolean;
+     *     defaultVisibleItem?: IDRBarItemsState;
+     *   }}
+     */
+    getItemVisibleState(key: string): {
+        visible: boolean;
+        defaultVisibleItem?: IDRBarItemsState;
+    };
+    /**
+     * 计算关系界面组权限
+     *
+     * @param {IDRBarItemsState} item 关系组成员
+     * @memberof DRBarController
+     */
+    calcPermitted(item: IDRBarItemsState): Promise<void>;
+    /**
+     * 计算是否展示
+     *
+     * @param {IData} item 关系组成员
+     * @memberof DRBarController
+     */
+    calcDrBarItemsState(): Promise<void>;
+    /**
+     * 加载完成
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof DRBarController
+     */
+    onMounted(): Promise<void>;
+    /**
+     * 处理表单数据变更
+     *
+     * @memberof DRBarController
+     */
+    handleFormChange(): void;
+    /**
+     * 设置关系项状态
+     *
+     * @param {IDRBarItemsState[]} drBarItems 关系项
+     * @param {boolean} disabled 禁用状态
+     * @memberof DRBarController
+     */
+    setDRBarItemsState(drBarItems: IDRBarItemsState[], disabled: boolean): void;
+    /**
+     * 初始化关系项数据
+     *
+     * @memberof DRBarController
+     */
+    initDRBarItems(): void;
+    /**
+     * 处理选中改变
+     *
+     * @param {string} key
+     * @memberof DRBarController
+     */
+    handleSelectChange(key?: string, isRoutePushed?: boolean): void;
+    /**
+     * 设置显示状态
+     *
+     * @param {('form' | 'navPos')} ctrlName 显示的部件名称
+     * @memberof DRBarController
+     */
+    setVisible(ctrlName: 'form' | 'navPos'): void;
+    /**
+     * 准备参数
+     *
+     * @param {IDEDRBarItem} drBarItem 关系项
+     * @return {*}
+     * @memberof DRBarController
+     */
+    prepareParams(drBarItem: IDEDRBarItem): {
+        context: IContext;
+        params: IParams;
+    };
+    /**
+     * 打开导航占位视图
+     *
+     * @param {IDEDRBarItem} drBarItem 关系项
+     * @memberof DRBarController
+     */
+    openNavPosView(drBarItem: IDEDRBarItem, isRoutePushed?: boolean): Promise<void>;
+    /**
+     * 处理第一次的默认选中
+     * @author lxm
+     * @date 2023-12-11 05:38:30
+     * @return {*}  {void}
+     */
+    doDefaultSelect(): void;
+    /**
+     * 初始化计数器
+     * @author lxm
+     * @date 2024-01-18 05:12:02
+     * @protected
+     * @return {*}  {Promise<void>}
+     */
+    protected initCounter(): Promise<void>;
+    /**
+     * 监听组件销毁
+     *
+     * @author zhanghengfeng
+     * @date 2024-04-10 19:04:43
+     * @protected
+     * @return {*}  {Promise<void>}
+     */
+    protected onDestroyed(): Promise<void>;
+}

package/es/control/drbar/drbar.css

@@ -1 +1 @@
-.ibiz-control-drbar{height:100%;--el-menu-base-level-padding:var(--ibiz-spacing-base);--ibiz-control-drbar-item-height:40px}.ibiz-control-drbar .el-menu--horizontal.el-menu{border-bottom:none}.ibiz-control-drbar .el-menu-item{justify-content:space-between;line-height:unset;height:var(--ibiz-control-drbar-item-height);padding:0 var(--ibiz-spacing-base);margin:0 var(--ibiz-spacing-base)}.ibiz-control-drbar__menu{height:100%}
+.ibiz-control-drbar{height:100%;--el-menu-base-level-padding:var(--ibiz-spacing-base);--ibiz-control-drbar-item-height:40px}.ibiz-control-drbar .el-menu--horizontal.el-menu{border-bottom:none}.ibiz-control-drbar .el-menu-item{justify-content:space-between;height:var(--ibiz-control-drbar-item-height);padding:0 var(--ibiz-spacing-base);margin:0 var(--ibiz-spacing-base);line-height:unset}.ibiz-control-drbar .el-menu--horizontal .el-sub-menu{height:var(--ibiz-control-drbar-item-height)}.ibiz-control-drbar .el-menu--horizontal .el-sub-menu .el-sub-menu__title{line-height:var(--ibiz-control-drbar-item-height)}.ibiz-control-drbar__menu{height:100%;overflow:hidden auto}

package/es/control/drbar/drbar.d.ts

@@ -0,0 +1,72 @@
+import { PropType, VNode } from 'vue';
+import { IDEDRBar } from '@ibiz/model-core';
+import { IControlProvider, IDRBarItemsState } from '@ibiz-template/runtime';
+import { DRBarController } from './drbar.controller';
+import './drbar.scss';
+export declare const DRBarControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEDRBar>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    srfnav: {
+        type: StringConstructor;
+        required: false;
+    };
+    showMode: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideEditItem: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}, {
+    c: DRBarController;
+    ns: import("@ibiz-template/core").Namespace;
+    handleSelect: (key: string) => void;
+    renderMenuItems: (item: IDRBarItemsState) => VNode | undefined;
+    opens: string[];
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDEDRBar>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    srfnav: {
+        type: StringConstructor;
+        required: false;
+    };
+    showMode: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideEditItem: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>>, {
+    params: IParams;
+    showMode: string;
+    hideEditItem: boolean;
+}, {}>;

package/es/control/drbar/drbar.mjs

@@ -1,13 +1,10 @@
-import { isVNode, defineComponent, reactive, onUnmounted, watch, createVNode, resolveComponent } from 'vue';
+import { defineComponent, reactive, onUnmounted, watch, createVNode, resolveComponent } from 'vue';
 import { useControlController, useNamespace, getNestedRoutePath, route2routePath } from '@ibiz-template/vue3-util';
 import { useRouter, useRoute } from 'vue-router';
 import { DRBarController } from './drbar.controller.mjs';
 import './drbar.css';
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 const DRBarControl = /* @__PURE__ */ defineComponent({
   name: "IBizDrBarControl",
   props: {
@@ -76,23 +73,25 @@ const DRBarControl = /* @__PURE__ */ defineComponent({
     if (c.routeDepth) {
       expViewRoutePath = getNestedRoutePath(route, c.routeDepth);
     }
-    watch(() => route.fullPath, (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        const depth = c.routeDepth;
-        if (depth) {
-          const currentRoutePath = getNestedRoutePath(route, c.routeDepth);
-          if (currentRoutePath === expViewRoutePath) {
-            const routePath = route2routePath(route);
-            const {
-              srfnav
-            } = routePath.pathNodes[depth - 1];
-            c.handleSelectChange(srfnav);
+    if (route) {
+      watch(() => route.fullPath, (newVal, oldVal) => {
+        if (newVal !== oldVal) {
+          const depth = c.routeDepth;
+          if (depth) {
+            const currentRoutePath = getNestedRoutePath(route, c.routeDepth);
+            if (currentRoutePath === expViewRoutePath) {
+              const routePath = route2routePath(route);
+              const {
+                srfnav
+              } = routePath.pathNodes[depth - 1];
+              c.handleSelectChange(srfnav);
+            }
           }
         }
-      }
-    }, {
-      immediate: true
-    });
+      }, {
+        immediate: true
+      });
+    }
     const renderMenuItems = (item) => {
       if (!item.visible) {
         return;
@@ -145,7 +144,6 @@ const DRBarControl = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    let _slot;
     const {
       isCreated,
       drBarItems,
@@ -162,10 +160,12 @@ const DRBarControl = /* @__PURE__ */ defineComponent({
         "default-active": selectedItem,
         "onSelect": this.handleSelect,
         "default-openeds": this.opens
-      }, _isSlot(_slot = drBarItems.map((item) => {
-        return this.renderMenuItems(item);
-      })) ? _slot : {
-        default: () => [_slot]
+      }, {
+        default: () => {
+          return drBarItems.map((item) => {
+            return this.renderMenuItems(item);
+          });
+        }
       })]
     });
   }

package/es/control/drbar/drbar.provider.d.ts

@@ -0,0 +1,11 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 数据关系栏适配器
+ *
+ * @export
+ * @class DRBarProvider
+ * @implements {IControlProvider}
+ */
+export declare class DRBarProvider implements IControlProvider {
+    component: string;
+}

package/es/control/drbar/index.d.ts

@@ -0,0 +1,71 @@
+export * from './drbar.controller';
+export declare const IBizDRBarControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEDRBar>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    srfnav: {
+        type: StringConstructor;
+        required: false;
+    };
+    showMode: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideEditItem: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}, {
+    c: import("./drbar.controller").DRBarController;
+    ns: import("@ibiz-template/core").Namespace;
+    handleSelect: (key: string) => void;
+    renderMenuItems: (item: import("@ibiz-template/runtime").IDRBarItemsState) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | undefined;
+    opens: string[];
+}, 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").IDEDRBar>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    srfnav: {
+        type: StringConstructor;
+        required: false;
+    };
+    showMode: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideEditItem: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>>, {
+    params: IParams;
+    showMode: string;
+    hideEditItem: boolean;
+}, {}>>;
+export default IBizDRBarControl;

package/es/control/drtab/drtab-control.util.d.ts

@@ -0,0 +1,17 @@
+import { Ref } from 'vue';
+import { DRTabController } from './drtab.controller';
+/**
+ * 获取显示内容
+ *
+ * @author ljx
+ * @date 2024-06-12 17:09:09
+ * @export
+ * @param {DRTabController} c
+ * @param {Ref<IData | undefined>} controlRef
+ * @param {IData} counterData
+ * @returns {*}
+ */
+export declare function useAppDRTab(c: DRTabController, controlRef: Ref<IData | undefined>, counterData: IData): {
+    visibleItems: Ref<IData>;
+    moreItems: Ref<IData>;
+};

package/es/control/drtab/drtab-control.util.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, watchEffect, onUnmounted } from 'vue';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.32_axios@1.7.2_lodash-es@4.17.21_qs@6.12.3_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.35-alpha.1_axios@1.7.7_lodash-es@4.17.21_qs@6.13.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/es/control/drtab/drtab.controller.d.ts

@@ -0,0 +1,203 @@
+import { ControlController, IDRTabController, IDRTabEvent, IDRTabState, IDRTabPagesState, IEditFormController, IPanelItemNavPosController, AppCounter } from '@ibiz-template/runtime';
+import { IDEDRCtrlItem, IDEDRTab } from '@ibiz/model-core';
+import { Router } from 'vue-router';
+/**
+ * 数据关系栏控制器
+ *
+ * @export
+ * @class DRTabController
+ * @extends {ControlController<IDEDRTab, IDRTabState, IDRTabEvent>}
+ * @implements {IDRTabController}
+ */
+export declare class DRTabController extends ControlController<IDEDRTab, IDRTabState, IDRTabEvent> implements IDRTabController {
+    /**
+     * 计数器对象
+     * @author lxm
+     * @date 2024-01-18 05:12:35
+     * @type {AppCounter}
+     */
+    counter?: AppCounter;
+    /**
+     * 导航占位控制器
+     *
+     * @readonly
+     * @memberof DRTabController
+     */
+    get navPos(): IPanelItemNavPosController;
+    /**
+     * 表单部件
+     *
+     * @readonly
+     * @memberof DRTabController
+     */
+    get form(): IEditFormController;
+    /**
+     * 路由层级
+     *
+     * @readonly
+     * @type {(number | undefined)}
+     * @memberof DRTabController
+     */
+    get routeDepth(): number | undefined;
+    /**
+     * Router 对象
+     *
+     * @type {Router}
+     * @memberof DRTabController
+     */
+    router: Router;
+    /**
+     * 设置 Router 对象
+     *
+     * @param {Router} router
+     * @memberof DRTabController
+     */
+    setRouter(router: Router): void;
+    /**
+     * 获取数据
+     *
+     * @return {*}  {IData[]}
+     * @memberof DRTabController
+     */
+    getData(): IData[];
+    /**
+     * 初始化state的属性
+     *
+     * @protected
+     * @memberof DRTabController
+     */
+    protected initState(): void;
+    /**
+     * 创建完成
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof DRTabController
+     */
+    onCreated(): Promise<void>;
+    /**
+     * 部件参数解析
+     *
+     * @protected
+     * @memberof ControlController
+     */
+    protected handleControlParams(): void;
+    /**
+     * 通过计数器数据，计算项状态
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-16 17:05:01
+     */
+    calcItemStateByCounter(): void;
+    /**
+     * 获取对应项的显示状态
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-16 17:05:18
+     * @param {string} key
+     * @return {*}  {{
+     *     visible: boolean;
+     *     defaultVisibleItem?: IDRTabPagesState;
+     *   }}
+     */
+    getItemVisibleState(key: string): {
+        visible: boolean;
+        defaultVisibleItem?: IDRTabPagesState;
+    };
+    /**
+     * 计算项权限
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-16 17:05:40
+     * @param {IDRTabPagesState} item
+     * @return {*}  {Promise<void>}
+     */
+    calcPermitted(item: IDRTabPagesState): Promise<void>;
+    /**
+     * 计算项状态
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-16 17:05:05
+     * @return {*}  {Promise<void>}
+     */
+    calcDrTabPagesState(): Promise<void>;
+    /**
+     * 加载完成
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof DRTabController
+     */
+    onMounted(): Promise<void>;
+    /**
+     * 处理表单数据变更
+     *
+     * @memberof DRTabController
+     */
+    handleFormChange(): void;
+    /**
+     * 设置关系分页状态
+     *
+     * @param {IDRTabPagesState[]} drTabPages 关系分页
+     * @param {boolean} disabled 禁用状态
+     * @memberof DRTabController
+     */
+    setDRTabPagesState(drTabPages: IDRTabPagesState[], disabled: boolean): void;
+    /**
+     * 初始化关系分页数据
+     *
+     * @memberof DRTabController
+     */
+    initDRTabPages(): void;
+    /**
+     * 处理分页改变
+     *
+     * @author lxm
+     * @date 2023-12-21 05:31:59
+     * @param {boolean} [isRoutePushed=false] 是否是路由已经跳转过了
+     */
+    handleTabChange(isRoutePushed?: boolean): void;
+    /**
+     * 设置显示状态
+     *
+     * @param {('form' | 'navPos')} ctrlName 显示的部件名称
+     * @memberof DRTabController
+     */
+    setVisible(ctrlName: 'form' | 'navPos'): void;
+    /**
+     * 准备参数
+     *
+     * @param {IDEDRCtrlItem} drTabPages 关系分页
+     * @return {*}
+     * @memberof DRTabController
+     */
+    prepareParams(drTabPages: IDEDRCtrlItem): {
+        context: IContext;
+        params: IParams;
+    };
+    /**
+     * 打开导航占位视图
+     *
+     * @author lxm
+     * @date 2023-12-21 05:40:07
+     * @param {IDEDRCtrlItem} drTabPages
+     * @param {boolean} [isRoutePushed=false]
+     * @return {*}  {Promise<void>}
+     */
+    openNavPosView(drTabPages: IDEDRCtrlItem, isRoutePushed?: boolean): Promise<void>;
+    /**
+     * 初始化计数器
+     * @author lxm
+     * @date 2024-01-18 05:12:02
+     * @protected
+     * @return {*}  {Promise<void>}
+     */
+    protected initCounter(): Promise<void>;
+    /**
+     * 监听组件销毁
+     *
+     * @author zhanghengfeng
+     * @date 2024-04-10 19:04:40
+     * @protected
+     * @return {*}  {Promise<void>}
+     */
+    protected onDestroyed(): Promise<void>;
+}