@ibiz-template/vue3-components 0.7.41-alpha.15 → 0.7.41-alpha.17

package/es/panel-component/app-extend-menu/extend-menu-base/extend-standard-menu/extend-standard-menu.mjs

@@ -0,0 +1,278 @@
+import { isVNode, createVNode, resolveComponent, ref, computed, defineComponent } from 'vue';
+import { showTitle } from '@ibiz-template/core';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { createUUID } from 'qx-util';
+import { getMenus, findMenuItem } from '../extend-menu-base.util.mjs';
+import './extend-standard-menu.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const ellipsisSvg = () => {
+  return createVNode("ion-icon", {
+    "name": "ellipsis-horizontal"
+  }, null);
+};
+function renderMenuItem(_params) {
+  var _a, _b, _c, _d;
+  const {
+    isFirst,
+    menu,
+    collapse,
+    ns,
+    menuAlign,
+    menuItemsState
+  } = _params;
+  if (!menu.id || menuItemsState && !((_a = menuItemsState[menu.id]) == null ? void 0 : _a.visible)) {
+    return;
+  }
+  if (menu.itemType === "MENUITEM") {
+    let content;
+    if (!(isFirst && collapse)) {
+      content = [menu.sysImage ? createVNode(resolveComponent("iBizIcon"), {
+        "class": ns.e("icon"),
+        "icon": menu.sysImage
+      }, null) : null, createVNode("span", {
+        "class": ns.e("caption")
+      }, [menu.caption])];
+    } else {
+      content = [menu.sysImage ? createVNode(resolveComponent("iBizIcon"), {
+        "class": ns.e("icon"),
+        "icon": menu.sysImage
+      }, null) : createVNode("span", {
+        "class": ns.e("caption")
+      }, [(_b = menu.caption) == null ? void 0 : _b.slice(0, 1)])];
+    }
+    return !(isFirst && collapse) ? createVNode(resolveComponent("el-menu-item"), {
+      "class": [ns.e("item"), "".concat(((_c = menu.sysCss) == null ? void 0 : _c.cssName) || "")],
+      "index": menu.id,
+      "title": showTitle(menu.tooltip)
+    }, _isSlot(content) ? content : {
+      default: () => [content]
+    }) : createVNode(resolveComponent("el-tooltip"), {
+      "class": ns.b("tooltip"),
+      "content": menu.caption,
+      "placement": menuAlign === "horizontal" ? "bottom" : "left",
+      "theme": "light"
+    }, {
+      default: () => {
+        var _a2;
+        return [createVNode(resolveComponent("el-menu-item"), {
+          "class": [ns.e("item"), "".concat(((_a2 = menu.sysCss) == null ? void 0 : _a2.cssName) || "")],
+          "index": menu.id
+        }, _isSlot(content) ? content : {
+          default: () => [content]
+        })];
+      }
+    });
+  }
+  if (menu.itemType === "SEPERATOR") {
+    const direction = menuAlign === "horizontal" && isFirst ? "vertical" : "horizontal";
+    return createVNode(resolveComponent("el-divider"), {
+      "direction": direction,
+      "class": ns.em("separator", direction),
+      "id": menu.id
+    }, null);
+  }
+  if (menu.itemType === "RAWITEM") {
+    return createVNode(resolveComponent("el-menu-item"), {
+      "index": menu.id,
+      "title": showTitle(menu.tooltip),
+      "class": [ns.e("rawitem"), "".concat(((_d = menu.sysCss) == null ? void 0 : _d.cssName) || "")]
+    }, {
+      default: () => [createVNode(resolveComponent("iBizRawItem"), {
+        "rawItem": menu
+      }, null)]
+    });
+  }
+}
+function renderSubmenu(_params) {
+  var _a, _b;
+  const {
+    isFirst,
+    menu,
+    collapse,
+    ns,
+    menuAlign,
+    menuItemsState
+  } = _params;
+  if (!menu.id || menuItemsState && !((_a = menuItemsState[menu.id]) == null ? void 0 : _a.visible)) {
+    return;
+  }
+  return createVNode(resolveComponent("el-sub-menu"), {
+    "class": [ns.b("submenu"), "".concat(((_b = menu.sysCss) == null ? void 0 : _b.cssName) || "")],
+    "index": menu.id,
+    "teleported": true,
+    "popper-class": [ns.b("popup-container")]
+  }, {
+    default: () => menu.children && menu.children.map((item) => {
+      if (item.children && item.children) {
+        return renderSubmenu({
+          isFirst: false,
+          menu: item,
+          collapse,
+          ns,
+          menuAlign,
+          menuItemsState
+        });
+      }
+      return renderMenuItem({
+        isFirst: false,
+        menu: item,
+        collapse,
+        ns,
+        menuAlign,
+        menuItemsState
+      });
+    }),
+    title: () => {
+      var _a2;
+      if (collapse) {
+        if (menu.sysImage) {
+          return createVNode(resolveComponent("iBizIcon"), {
+            "class": ns.e("icon"),
+            "icon": menu.sysImage
+          }, null);
+        }
+        return [isFirst ? (_a2 = menu.caption) == null ? void 0 : _a2.slice(0, 1) : menu.caption, isFirst ? null : createVNode("ion-icon", {
+          "name": "chevron-forward-outline"
+        }, null)];
+      }
+      return [createVNode(resolveComponent("iBizIcon"), {
+        "class": ns.e("icon"),
+        "icon": menu.sysImage
+      }, null), createVNode("span", {
+        "class": ns.e("caption")
+      }, [menu.caption])];
+    }
+  });
+}
+function renderMenuContent(_params) {
+  const {
+    refreshKey,
+    ns,
+    collapse,
+    menuAlign,
+    position,
+    menus,
+    menuItemsState,
+    handleMenuSelect
+  } = _params;
+  return createVNode("div", {
+    "class": [ns.e("content"), ns.is("collapse", collapse), ns.is(menuAlign, !!menuAlign), ns.is(position == null ? void 0 : position.toLowerCase(), !!position)]
+  }, [createVNode(resolveComponent("el-menu"), {
+    "key": refreshKey,
+    "popper-class": [ns.b("popper")],
+    "collapse": collapse,
+    "collapse-transition": false,
+    "onSelect": handleMenuSelect,
+    "theme": "light",
+    "mode": menuAlign,
+    "ellipsis-icon": () => ellipsisSvg(),
+    "ellipsis": menuAlign === "horizontal"
+  }, {
+    default: () => {
+      return menus.map((item) => {
+        if (item.children && item.children.length > 0) {
+          return renderSubmenu({
+            isFirst: true,
+            menu: item,
+            collapse,
+            ns,
+            menuAlign,
+            menuItemsState
+          });
+        }
+        return renderMenuItem({
+          isFirst: true,
+          menu: item,
+          collapse,
+          ns,
+          menuAlign,
+          menuItemsState
+        });
+      });
+    }
+  })]);
+}
+const ExtendStandardMenu = /* @__PURE__ */ defineComponent({
+  name: "IBizExtendStandardMenu",
+  props: {
+    items: {
+      type: Object,
+      required: true
+    },
+    menuItemsState: {
+      type: Object,
+      required: true
+    },
+    providers: {
+      type: Object,
+      required: true
+    },
+    position: {
+      type: String,
+      required: true
+    },
+    layoutMode: {
+      type: String,
+      required: true
+    },
+    layout: {
+      type: Object
+    }
+  },
+  emits: {
+    /**
+     * @description 项点击事件
+     */
+    menuItemClick: (_item, _event) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("extend-standard-menu");
+    const defaultMenuRef = ref();
+    const refreshKey = ref(createUUID());
+    const collapse = ref(false);
+    const menuAlign = computed(() => ["TOP", "BOTTOM"].includes(props.position) ? "horizontal" : "vertical");
+    const menus = ref(getMenus(props.items));
+    const handleMenuSelect = async (_id, _event) => {
+      const menuItem = findMenuItem(_id, props.items);
+      if (!(menuItem == null ? void 0 : menuItem.appFuncId)) {
+        ibiz.log.warn(ibiz.i18n.t("runtime.controller.control.menu.noConfigured"));
+        return;
+      }
+      emit("menuItemClick", menuItem, _event);
+    };
+    return {
+      ns,
+      defaultMenuRef,
+      refreshKey,
+      collapse,
+      menuAlign,
+      menus,
+      handleMenuSelect
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "ref": "defaultMenuRef",
+      "class": [this.ns.b(), this.ns.b(this.layoutMode.toLowerCase()), this.ns.is(this.position.toLowerCase(), true), this.ns.is(this.menuAlign, true), this.ns.is("collapse", this.collapse)]
+    }, [renderMenuContent({
+      isLayout: false,
+      position: this.position,
+      refreshKey: this.refreshKey,
+      ns: this.ns,
+      collapse: this.collapse,
+      menuAlign: this.menuAlign,
+      menus: this.menus,
+      menuLayout: this.layout,
+      menuItemsState: this.menuItemsState,
+      handleMenuSelect: this.handleMenuSelect
+    })]);
+  }
+});
+
+export { ExtendStandardMenu };

package/es/panel-component/panel-button/panel-button.mjs

@@ -95,6 +95,7 @@ const PanelButton = /* @__PURE__ */ defineComponent({
       }, [createVNode(resolveComponent("el-button"), {
         "type": this.buttonType,
         "text": this.isText,
+        "data-id": this.modelData.id,
         "title": showTitle(this.tooltip),
         "disabled": this.state.disabled,
         "loading": this.state.loading,

package/es/util/fullscreen/fullscreen-util.mjs

@@ -1,6 +1,6 @@
 import { createApp } from 'vue';
 import ElementPlus from 'element-plus';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.14_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_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.41-alpha.17_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 import { IBizFullscreenToolbar } from '../../common/fullscreen-toolbar/fullscreen-toolbar.mjs';
 
 "use strict";

package/es/view-engine/calendar-view.engine.d.ts

@@ -1,7 +1,17 @@
-import { ViewController, ICalendarViewEvent, ICalendarViewState, MDViewEngine, EventBase } from '@ibiz-template/runtime';
+import { ViewController, ICalendarViewEvent, ICalendarViewState, MDViewEngine, EventBase, IUIActionResult } from '@ibiz-template/runtime';
 import { IAppDECalendarView } from '@ibiz/model-core';
 export declare class CalendarViewEngine extends MDViewEngine {
     protected view: ViewController<IAppDECalendarView, ICalendarViewState, ICalendarViewEvent>;
     protected onXDataActive(event: EventBase): Promise<void>;
     onCreated(): Promise<void>;
+    protected openData(args: {
+        data: IData[];
+        event?: MouseEvent;
+        context?: IContext;
+        params?: IParams;
+    }): Promise<IUIActionResult>;
+    protected newData(args: {
+        data: IData[];
+        event?: MouseEvent;
+    }): Promise<IUIActionResult>;
 }

package/es/view-engine/calendar-view.engine.mjs

@@ -13,6 +13,16 @@ class CalendarViewEngine extends MDViewEngine {
     }
     this.view.slotProps.calendar.mdctrlActiveMode = model.mdctrlActiveMode;
   }
+  async openData(args) {
+    const { data, event } = args;
+    const result = await this.xdataControl.openData(data[0], event);
+    return result;
+  }
+  async newData(args) {
+    const { data, event } = args;
+    const result = await this.xdataControl.newData(data[0], event);
+    return result;
+  }
 }
 
 export { CalendarViewEngine };

package/es/view-engine/chart-exp-view.engine.d.ts

@@ -1,6 +1,7 @@
-import { ViewController, ViewEngineBase, IChartExpBarController, IChartExpViewEvent, IChartExpViewState } from '@ibiz-template/runtime';
+import { ViewController, IChartExpViewEvent, IChartExpViewState } from '@ibiz-template/runtime';
 import { IAppDEChartExplorerView } from '@ibiz/model-core';
-export declare class ChartExpViewEngine extends ViewEngineBase {
+import { ExpViewEngine } from './exp-view.engine';
+export declare class ChartExpViewEngine extends ExpViewEngine {
     /**
      * 图表导航视图控制器
      *
@@ -14,11 +15,10 @@ export declare class ChartExpViewEngine extends ViewEngineBase {
      */
     protected view: ViewController<IAppDEChartExplorerView, IChartExpViewState, IChartExpViewEvent>;
     /**
-     * 图表导航栏
-     *
+     * @description 导航栏部件名称
      * @readonly
+     * @type {string}
      * @memberof ChartExpViewEngine
      */
-    get chartExpBar(): IChartExpBarController;
-    onCreated(): Promise<void>;
+    get expBarName(): string;
 }

package/es/view-engine/chart-exp-view.engine.mjs

@@ -1,24 +1,15 @@
-import { ViewEngineBase } from '@ibiz-template/runtime';
+import { ExpViewEngine } from './exp-view.engine.mjs';
 
 "use strict";
-class ChartExpViewEngine extends ViewEngineBase {
+class ChartExpViewEngine extends ExpViewEngine {
   /**
-   * 图表导航栏
-   *
+   * @description 导航栏部件名称
    * @readonly
+   * @type {string}
    * @memberof ChartExpViewEngine
    */
-  get chartExpBar() {
-    return this.view.getController("chartexpbar");
-  }
-  async onCreated() {
-    await super.onCreated();
-    const { childNames } = this.view;
-    childNames.push("chartexpbar");
-    if (!this.view.slotProps.chartexpbar) {
-      this.view.slotProps.chartexpbar = {};
-    }
-    this.view.slotProps.chartexpbar.srfnav = this.view.state.srfnav;
+  get expBarName() {
+    return "chartexpbar";
   }
 }
 

package/es/view-engine/gantt-view.engine.d.ts

@@ -1,9 +1,9 @@
-import { MDViewEngine, ViewController, IGanttViewState, IGanttViewEvent, IGanttController, EventBase, IApiGanttViewCall } from '@ibiz-template/runtime';
+import { ViewController, IGanttViewState, IGanttViewEvent, IGanttController, IApiGanttViewCall } from '@ibiz-template/runtime';
 import { IAppDEGanttView } from '@ibiz/model-core';
-export declare class GanttViewEngine extends MDViewEngine {
+import { TreeGridExViewEngine } from './tree-grid-ex-view.engine';
+export declare class GanttViewEngine extends TreeGridExViewEngine {
     protected view: ViewController<IAppDEGanttView, IGanttViewState, IGanttViewEvent>;
     get gantt(): IGanttController;
     call(key: keyof IApiGanttViewCall, args: any): Promise<IData | null | undefined>;
-    protected onXDataActive(event: EventBase): Promise<void>;
     onCreated(): Promise<void>;
 }

package/es/view-engine/gantt-view.engine.mjs

@@ -1,8 +1,8 @@
-import { RuntimeError } from '@ibiz-template/core';
-import { MDViewEngine, SysUIActionTag } from '@ibiz-template/runtime';
+import { SysUIActionTag } from '@ibiz-template/runtime';
+import { TreeGridExViewEngine } from './tree-grid-ex-view.engine.mjs';
 
 "use strict";
-class GanttViewEngine extends MDViewEngine {
+class GanttViewEngine extends TreeGridExViewEngine {
   get gantt() {
     return this.view.getController("gantt");
   }
@@ -23,51 +23,8 @@ class GanttViewEngine extends MDViewEngine {
       this.gantt.saveAll();
       return null;
     }
-    if (key === SysUIActionTag.EXPAND) {
-      const { srfcollapsetag } = args.params || {};
-      let tag = srfcollapsetag || "";
-      if (!tag) {
-        const { selectedData } = this.gantt.state;
-        const selectedGroup = selectedData.filter((x) => !x._leaf);
-        if (selectedGroup.length > 0) {
-          tag = selectedGroup[0].srfnodeid;
-        }
-      }
-      if (!tag) {
-        throw new RuntimeError(ibiz.i18n.t("viewEngine.noExpandTag"));
-      }
-      this.gantt.changeCollapse({ tag, expand: true });
-      return null;
-    }
-    if (key === SysUIActionTag.COLLAPSE) {
-      const { srfcollapsetag } = args.params || {};
-      let tag = srfcollapsetag || "";
-      if (!tag) {
-        const { selectedData } = this.gantt.state;
-        const selectedGroup = selectedData.filter((x) => !x._leaf);
-        if (selectedGroup.length > 0) {
-          tag = selectedGroup[0].srfnodeid;
-        }
-      }
-      if (!tag) {
-        throw new RuntimeError(ibiz.i18n.t("viewEngine.noCollapseTag"));
-      }
-      this.gantt.changeCollapse({ tag, expand: false });
-      return null;
-    }
-    if (key === SysUIActionTag.EXPANDALL) {
-      this.gantt.changeCollapse({ expand: true });
-      return null;
-    }
-    if (key === SysUIActionTag.COLLAPSEALL) {
-      this.gantt.changeCollapse({ expand: false });
-      return null;
-    }
     return super.call(key, args);
   }
-  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
-  async onXDataActive(event) {
-  }
   async onCreated() {
     super.onCreated();
     const { model } = this.view;

package/es/view-engine/login-view.engine.mjs

@@ -30,6 +30,13 @@ class LoginViewEngine extends ViewEngineBase {
             }
           ]
         };
+        const targetID = event.target.dataset.id;
+        if (targetID) {
+          const targetPanelItem = this.view.layoutPanel.findPanelItemByName(targetID);
+          if (targetPanelItem) {
+            args.data = [targetPanelItem.data];
+          }
+        }
         await this.login(args);
       }
     });

package/es/view-engine/tab-exp-view.engine.mjs

@@ -167,7 +167,7 @@ class TabExpViewEngine extends ViewEngineBase {
   calcViewHeaderVisible() {
     let showHeader = super.calcViewHeaderVisible();
     const { tabLayout } = this.view.model;
-    if (tabLayout === void 0 || tabLayout === "TOP" && getControl(this.view.model, "tabexppanel")) {
+    if (tabLayout === void 0 || ["TOP", "TOP_DROPDOWNLIST"].includes(tabLayout) && getControl(this.view.model, "tabexppanel")) {
       showHeader = true;
     }
     return showHeader;

package/es/view-engine/tab-search-view.engine.mjs

@@ -113,8 +113,10 @@ class TabSearchViewEngine extends TabExpViewEngine {
         }
       }
     }
-    this.searchBar.placeHolder = caption || "";
-    this.searchBar.state.quickSearchPlaceHolder = caption || "";
+    if (this.searchBar) {
+      this.searchBar.placeHolder = caption || "";
+      this.searchBar.state.quickSearchPlaceHolder = caption || "";
+    }
   }
   async call(key, args) {
     if (key === SysUIActionTag.SEARCH) {

package/es/view-engine/tree-view.engine.d.ts

@@ -1,8 +1,18 @@
-import { ViewController, ITreeViewEvent, ITreeViewState, MDViewEngine, ITreeController, IApiTreeViewCall } from '@ibiz-template/runtime';
+import { ViewController, ITreeViewEvent, ITreeViewState, MDViewEngine, IApiTreeViewCall, IUIActionResult, ITreeController } from '@ibiz-template/runtime';
 import { IAppDETreeView } from '@ibiz/model-core';
 export declare class TreeViewEngine extends MDViewEngine {
     protected view: ViewController<IAppDETreeView, ITreeViewState, ITreeViewEvent>;
-    get tree(): ITreeController;
     onCreated(): Promise<void>;
+    get tree(): ITreeController;
     call(key: keyof IApiTreeViewCall, args: any): Promise<IData | null | undefined>;
+    protected openData(args: {
+        data: IData[];
+        event?: MouseEvent;
+        context?: IContext;
+        params?: IParams;
+    }): Promise<IUIActionResult>;
+    protected newData(args: {
+        data: IData[];
+        event?: MouseEvent;
+    }): Promise<IUIActionResult>;
 }

package/es/view-engine/tree-view.engine.mjs

@@ -3,31 +3,37 @@ import { RuntimeError } from '@ibiz-template/core';
 
 "use strict";
 class TreeViewEngine extends MDViewEngine {
-  get tree() {
-    return this.view.getController("tree");
-  }
   async onCreated() {
     await super.onCreated();
     if (!this.view.slotProps.tree) {
       this.view.slotProps.tree = {};
     }
   }
+  get tree() {
+    return this.view.getController("tree");
+  }
   async call(key, args) {
     var _a;
     if (key === SysUIActionTag.REFRESH_ALL) {
-      await this.tree.refresh();
+      await this.xdataControl.refresh();
       return null;
     }
     if (key === SysUIActionTag.REFRESH) {
       if ((_a = args == null ? void 0 : args.data) == null ? void 0 : _a[0]) {
-        await this.tree.refreshNodeChildren(args.data[0], false);
+        await this.xdataControl.refreshNodeChildren(
+          args.data[0],
+          false
+        );
       } else {
-        await this.tree.refresh();
+        await this.xdataControl.refresh();
       }
       return null;
     }
     if (key === SysUIActionTag.REFRESH_PARENT) {
-      await this.tree.refreshNodeChildren(args.data[0], true);
+      await this.xdataControl.refreshNodeChildren(
+        args.data[0],
+        true
+      );
       return null;
     }
     if (key === SysUIActionTag.EXPAND) {
@@ -40,7 +46,10 @@ class TreeViewEngine extends MDViewEngine {
       if (!tag) {
         throw new RuntimeError(ibiz.i18n.t("viewEngine.noExpandTag"));
       }
-      this.tree.changeCollapse({ tag, expand: true });
+      this.xdataControl.changeCollapse({
+        tag,
+        expand: true
+      });
       return null;
     }
     if (key === SysUIActionTag.COLLAPSE) {
@@ -53,19 +62,38 @@ class TreeViewEngine extends MDViewEngine {
       if (!tag) {
         throw new RuntimeError(ibiz.i18n.t("viewEngine.noCollapseTag"));
       }
-      this.tree.changeCollapse({ tag, expand: false });
+      this.xdataControl.changeCollapse({
+        tag,
+        expand: false
+      });
       return null;
     }
     if (key === SysUIActionTag.EXPANDALL) {
-      this.tree.changeCollapse({ expand: true });
+      this.xdataControl.changeCollapse({ expand: true });
       return null;
     }
     if (key === SysUIActionTag.COLLAPSEALL) {
-      this.tree.changeCollapse({ expand: false });
+      this.xdataControl.changeCollapse({ expand: false });
       return null;
     }
     return super.call(key, args);
   }
+  async openData(args) {
+    const { data, event } = args;
+    const result = await this.xdataControl.openData(
+      data[0],
+      event
+    );
+    return result;
+  }
+  async newData(args) {
+    const { data, event } = args;
+    const result = await this.xdataControl.newData(
+      data[0],
+      event
+    );
+    return result;
+  }
 }
 
 export { TreeViewEngine };

package/lib/common/index.cjs

@@ -37,10 +37,12 @@ var ganttSetting = require('./gantt-setting/gantt-setting.cjs');
 var navSplit = require('./nav-split/nav-split.cjs');
 var cropping = require('./cropping/cropping.cjs');
 var editorEmptyText = require('./editor-empty-text/editor-empty-text.cjs');
+var kanbenSetting = require('./kanben-setting/kanben-setting.cjs');
 
 "use strict";
 const IBizCommonComponents = {
   install: (v) => {
+    v.component(kanbenSetting.IBizKanbanSetting.name, kanbenSetting.IBizKanbanSetting);
     v.component(editorEmptyText.IBizEditorEmptyText.name, editorEmptyText.IBizEditorEmptyText);
     v.component(cropping.IBizCropping.name, cropping.IBizCropping);
     v.component(vue3Util.IBizControlBase.name, vue3Util.IBizControlBase);