@ibiz-template/vue3-components 0.7.41-alpha.12 → 0.7.41-alpha.14

package/es/util/app-util/app-util.mjs

@@ -1,10 +1,16 @@
 import { getDeACMode, calcDeCodeNameById, ConfigService, UIActionUtil, SysUIActionTag } from '@ibiz-template/runtime';
 import { createUUID } from 'qx-util';
 import { IBizContext } from '@ibiz-template/core';
-import { route2routePath, useUIStore } from '@ibiz-template/vue3-util';
+import { route2routePath, useUIStore, routePath2string } from '@ibiz-template/vue3-util';
 import { calcAiToolbarItemsByAc } from '../ai-util/ai-util.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 AppUtil {
   /**
    * Creates an instance of AppUtil.
@@ -14,6 +20,12 @@ class AppUtil {
    */
   constructor(router) {
     this.router = router;
+    /**
+     * @description 视图缓存中心
+     * @type {Map<string, IApiViewController>}
+     * @memberof AppUtil
+     */
+    __publicField(this, "viewCacheCenter", /* @__PURE__ */ new Map());
   }
   /**
    * @description 路由是否初始化构建完成
@@ -441,6 +453,41 @@ class AppUtil {
       });
     });
   }
+  /**
+   * @description 当前路由转换成路由路径对象
+   * @param {boolean} [isRouteModal]
+   * @returns {*}  {{
+   *     appContext?: IParams;
+   *     pathNodes: {
+   *       viewName: string;
+   *       context?: IParams;
+   *       params?: IParams;
+   *       srfnav?: string;
+   *     }[];
+   *   }}
+   * @memberof AppUtil
+   */
+  route2routeObject(isRouteModal) {
+    const routePath = route2routePath(this.router.currentRoute.value);
+    return routePath;
+  }
+  /**
+   * @description 路由路径对象转化为路由路径
+   * @param {{
+   *     appContext?: IParams;
+   *     pathNodes: {
+   *       viewName: string;
+   *       context?: IParams;
+   *       params?: IParams;
+   *       srfnav?: string;
+   *     }[];
+   *   }} routePath
+   * @returns {*}  {string}
+   * @memberof AppUtil
+   */
+  routeObject2String(routePath) {
+    return routePath2string(routePath);
+  }
 }
 
 export { AppUtil };

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.12_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.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 { IBizFullscreenToolbar } from '../../common/fullscreen-toolbar/fullscreen-toolbar.mjs';
 
 "use strict";

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

@@ -30,6 +30,6 @@ export declare class CustomViewEngine extends ViewEngineBase {
      * @param {(IData | undefined)} data 数据
      * @memberof CustomViewEngine
      */
-    calcToolbarButtonState(control: IMDControl, data: IData | undefined): void;
+    calcToolbarButtonState(control: IMDControl, data: IData | undefined, _params?: IParams): void;
     call(key: keyof IApiCustomViewCall, args: any): Promise<IData | null | undefined>;
 }

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

@@ -43,15 +43,15 @@ class CustomViewEngine extends ViewEngineBase {
       );
       control == null ? void 0 : control.evt.on(
         "onLoadSuccess",
-        () => this.calcToolbarButtonState(ctrl, void 0)
+        (evt) => this.calcToolbarButtonState(ctrl, void 0, evt)
       );
       control == null ? void 0 : control.evt.on(
         "onSelectionChange",
-        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0])
+        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0], evt)
       );
       control == null ? void 0 : control.evt.on(
         "onRefreshSuccess",
-        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0])
+        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0], evt)
       );
     });
   }
@@ -62,7 +62,7 @@ class CustomViewEngine extends ViewEngineBase {
    * @param {(IData | undefined)} data 数据
    * @memberof CustomViewEngine
    */
-  calcToolbarButtonState(control, data) {
+  calcToolbarButtonState(control, data, _params) {
     const model = this.controls.find(
       (ctrl) => {
         var _a;
@@ -73,7 +73,7 @@ class CustomViewEngine extends ViewEngineBase {
       const toolbar = this.view.getController(
         model.name
       );
-      toolbar == null ? void 0 : toolbar.calcButtonState(data, control.appDataEntityId);
+      toolbar == null ? void 0 : toolbar.calcButtonState(data, control.appDataEntityId, _params);
     }
   }
   async call(key, args) {

package/es/view-engine/de-index-view-engine.mjs

@@ -46,7 +46,7 @@ class DEIndexViewEngine extends EditViewEngine {
     const { evt } = this.view;
     const formDeId = this.form.model.appDataEntityId;
     const data = event.data[0];
-    (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId);
+    (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId, event);
     if (data.srfkey) {
       evt.emit("onViewInfoChange", { dataInfo: data.srfmajortext || "" });
     }

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

@@ -101,7 +101,7 @@ class EditViewEngine extends DEMainViewEngine {
     const { model, evt } = this.view;
     const formDeId = this.form.model.appDataEntityId;
     const data = event.data[0];
-    (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId);
+    (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId, event);
     if (model.showDataInfoBar) {
       if (data.srfkey) {
         evt.emit("onViewInfoChange", { dataInfo: data.srfmajortext || "" });

package/es/view-engine/md-custom-view.engine.d.ts

@@ -35,7 +35,7 @@ export declare class MDCustomViewEngine extends ViewEngineBase {
      * @param {(IData | undefined)} data 数据
      * @memberof MDCustomViewEngine
      */
-    calcToolbarButtonState(control: IMDControl, data: IData | undefined): void;
+    calcToolbarButtonState(control: IMDControl, data: IData | undefined, _params?: IParams): void;
     call(key: keyof IApiMDCustomViewCall, args: any): Promise<IData | null | undefined>;
     /**
      * @description 刷新数据

package/es/view-engine/md-custom-view.engine.mjs

@@ -46,15 +46,15 @@ class MDCustomViewEngine extends ViewEngineBase {
       );
       control == null ? void 0 : control.evt.on(
         "onLoadSuccess",
-        () => this.calcToolbarButtonState(ctrl, void 0)
+        (evt) => this.calcToolbarButtonState(ctrl, void 0, evt)
       );
       control == null ? void 0 : control.evt.on(
         "onSelectionChange",
-        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0])
+        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0], evt)
       );
       control == null ? void 0 : control.evt.on(
         "onRefreshSuccess",
-        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0])
+        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0], evt)
       );
     });
   }
@@ -79,7 +79,7 @@ class MDCustomViewEngine extends ViewEngineBase {
    * @param {(IData | undefined)} data 数据
    * @memberof MDCustomViewEngine
    */
-  calcToolbarButtonState(control, data) {
+  calcToolbarButtonState(control, data, _params) {
     const model = this.controls.find(
       (ctrl) => {
         var _a;
@@ -90,7 +90,7 @@ class MDCustomViewEngine extends ViewEngineBase {
       const toolbar = this.view.getController(
         model.name
       );
-      toolbar == null ? void 0 : toolbar.calcButtonState(data, control.appDataEntityId);
+      toolbar == null ? void 0 : toolbar.calcButtonState(data, control.appDataEntityId, _params);
     }
   }
   async call(key, args) {

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

@@ -68,7 +68,7 @@ class OptViewEngine extends ViewEngineBase {
     const formDataStateChange = (event) => {
       var _a;
       const data = event.data[0];
-      (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId);
+      (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId, event);
       if (data.srfkey) {
         evt.emit("onViewInfoChange", { dataInfo: data.srfmajortext });
       }

package/lib/control/calendar/calendar.cjs

@@ -286,7 +286,10 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       if (!contextMenuC.model.detoolbarItems) {
         return;
       }
-      await contextMenuC.calcButtonState(item.deData || (item.deData ? item : void 0), targetCalendarItem.appDataEntityId);
+      await contextMenuC.calcButtonState(item.deData || (item.deData ? item : void 0), targetCalendarItem.appDataEntityId, {
+        view: c.view,
+        ctrl: c
+      });
       const menuState = contextMenuC.state.buttonsState;
       const menus = calcContextMenuItems(contextMenuC.model.detoolbarItems, item, evt, menuState);
       if (!menus.length) {

package/lib/control/calendar/components/calendar-user/calendar-user.cjs

@@ -22,6 +22,14 @@ const CalendarUser = /* @__PURE__ */ vue.defineComponent({
     timeList.value = useCalendarUser.getDayTime();
     const popoverValue = vue.ref("");
     const curPopover = vue.ref();
+    const scrollContainerRef = vue.ref();
+    const scrollTop = vue.ref(0);
+    const thumbHeight = vue.ref(0);
+    const enableScroll = vue.ref(false);
+    const orginY = vue.ref(0);
+    const realHeight = vue.ref(1);
+    const visibleHeight = vue.ref(1);
+    const isScroll = vue.ref(false);
     vue.watch(() => props.selectedDay, () => {
       if (props.selectedDay) {
         weekday.value = useCalendarUser.calcCurWeek(new Date(props.selectedDay));
@@ -104,9 +112,62 @@ const CalendarUser = /* @__PURE__ */ vue.defineComponent({
         }, [renderEvent(item)]);
       })])]);
     };
+    const onMouseMove = (event) => {
+      if (enableScroll.value) {
+        const y = event.clientY - orginY.value;
+        scrollTop.value += y;
+        orginY.value = event.clientY;
+        if (scrollContainerRef.value) {
+          scrollContainerRef.value.scrollTop = realHeight.value * (scrollTop.value / visibleHeight.value);
+        }
+      }
+      event.preventDefault();
+      event.stopPropagation();
+    };
+    const onMouseUp = (event) => {
+      enableScroll.value = false;
+      event.preventDefault();
+      event.stopPropagation();
+      document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseup", onMouseUp);
+    };
+    const onMouseDown = (event) => {
+      orginY.value = event.clientY;
+      enableScroll.value = true;
+      event.preventDefault();
+      event.stopPropagation();
+      document.addEventListener("mousemove", onMouseMove);
+      document.addEventListener("mouseup", onMouseUp);
+    };
+    const renderScrollbar = () => {
+      return vue.createVNode("div", {
+        "class": ns.b("scroll-bar")
+      }, [vue.createVNode("div", {
+        "class": ns.be("scroll-bar", "thumb"),
+        "onMousedown": onMouseDown
+      }, null)]);
+    };
+    const onScroll = (event) => {
+      var _a, _b, _c;
+      const realTop = ((_a = event.target) == null ? void 0 : _a.scrollTop) || 0;
+      realHeight.value = (_b = event.target) == null ? void 0 : _b.scrollHeight;
+      visibleHeight.value = (_c = event.target) == null ? void 0 : _c.clientHeight;
+      const realRatio = realTop / realHeight.value;
+      scrollTop.value = realRatio * visibleHeight.value;
+    };
     const renderWeekContent = () => {
       return vue.createVNode("div", {
-        "class": ns.b("content")
+        "class": ns.b("content"),
+        "style": {
+          ["--".concat(ns.namespace, "-calendar-user-scroll-bar-thumb-height")]: "".concat(thumbHeight.value, "px"),
+          ["--".concat(ns.namespace, "-calendar-user-scroll-bar-thumb-top")]: "".concat(scrollTop.value, "px")
+        }
+      }, [vue.createVNode("div", {
+        "class": ns.be("content", "wrapping"),
+        "ref": (el) => {
+          scrollContainerRef.value = el;
+        },
+        "onScroll": onScroll
       }, [timeList.value.map((item) => {
         return vue.createVNode("div", {
           "class": ns.be("content", "time-item")
@@ -117,8 +178,21 @@ const CalendarUser = /* @__PURE__ */ vue.defineComponent({
             "class": [ns.be("content", "week-item"), ns.e("cell")]
           }, [renderEvent(day, item)]);
         })]);
-      })]);
+      })]), isScroll.value && renderScrollbar()]);
     };
+    vue.watch(() => scrollContainerRef.value, () => {
+      if (scrollContainerRef.value) {
+        realHeight.value = scrollContainerRef.value.scrollHeight;
+        visibleHeight.value = scrollContainerRef.value.clientHeight;
+        if (realHeight.value > visibleHeight.value) {
+          isScroll.value = true;
+        }
+        thumbHeight.value = visibleHeight.value * (visibleHeight.value / realHeight.value);
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
     return {
       ns,
       renderWeekHeader,

package/lib/control/calendar/components/calendar-user/calendar-user.css

@@ -1 +1 @@
-.ibiz-calendar-user{--ibiz-calendar-user-cell-min-height:60px;display:flex;flex-direction:column;width:100%;height:100%;padding:var(--ibiz-spacing-base);overflow:hidden}.ibiz-calendar-user__cell{min-height:var(--ibiz-calendar-user-cell-min-height);border-bottom:1px solid var(--ibiz-color-tertiary);border-left:1px solid var(--ibiz-color-tertiary)}.ibiz-calendar-user__cell:last-child{border-right:1px solid var(--ibiz-color-tertiary)}.ibiz-calendar-user__black{width:100%;height:100%}.ibiz-calendar-user .ibiz-calendar-user-more{flex-shrink:0;padding-left:var(--ibiz-spacing-tight);overflow:hidden;font-size:var(--ibiz-font-size-small);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-calendar-user .ibiz-calendar-user-more:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-calendar-user .ibiz-calendar-user-header{flex-shrink:0;padding-right:4px}.ibiz-calendar-user-header__top{border-top:1px solid var(--ibiz-color-tertiary)}.ibiz-calendar-user-header__time-item{display:flex;justify-content:space-between;width:100%}.ibiz-calendar-user-header__week-day{display:flex;flex:1;align-items:center;justify-content:center;width:100%}.ibiz-calendar-user-header__week-item{display:flex;flex:1;flex-direction:column;flex-shrink:0;justify-content:center;overflow:hidden}.ibiz-calendar-user-header__time-text{display:flex;flex:1;align-items:center;justify-content:center}.ibiz-calendar-user .ibiz-calendar-user-content{flex:1;width:100%;height:100%;overflow:auto}.ibiz-calendar-user-content__time-item{display:flex;justify-content:space-between;width:100%}.ibiz-calendar-user-content__time-text{display:flex;flex:1;align-items:center;justify-content:center}.ibiz-calendar-user-content__week-item{display:flex;flex:1;flex-direction:column;flex-shrink:0;justify-content:center;overflow:hidden}
+.ibiz-calendar-user{--ibiz-calendar-user-cell-min-height:60px;display:flex;flex-direction:column;width:100%;height:100%;padding:var(--ibiz-spacing-base);overflow:hidden}.ibiz-calendar-user__cell{min-height:var(--ibiz-calendar-user-cell-min-height);border-bottom:1px solid var(--ibiz-color-tertiary);border-left:1px solid var(--ibiz-color-tertiary)}.ibiz-calendar-user__cell:last-child{border-right:1px solid var(--ibiz-color-tertiary)}.ibiz-calendar-user__black{width:100%;height:100%}.ibiz-calendar-user .ibiz-calendar-user-more{flex-shrink:0;padding-left:var(--ibiz-spacing-tight);overflow:hidden;font-size:var(--ibiz-font-size-small);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-calendar-user .ibiz-calendar-user-more:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-calendar-user .ibiz-calendar-user-header{flex-shrink:0}.ibiz-calendar-user-header__top{border-top:1px solid var(--ibiz-color-tertiary)}.ibiz-calendar-user-header__time-item{display:flex;justify-content:space-between;width:100%}.ibiz-calendar-user-header__week-day{display:flex;flex:1;align-items:center;justify-content:center;width:100%}.ibiz-calendar-user-header__week-item{display:flex;flex:1;flex-direction:column;flex-shrink:0;justify-content:center;overflow:hidden}.ibiz-calendar-user-header__time-text{display:flex;flex:1;align-items:center;justify-content:center}.ibiz-calendar-user .ibiz-calendar-user-content{position:relative;flex:1;width:100%;height:100%;overflow:hidden}.ibiz-calendar-user-content__time-item{display:flex;justify-content:space-between;width:100%}.ibiz-calendar-user-content__time-text{display:flex;flex:1;align-items:center;justify-content:center}.ibiz-calendar-user-content__week-item{display:flex;flex:1;flex-direction:column;flex-shrink:0;justify-content:center;overflow:hidden}.ibiz-calendar-user-content__wrapping{width:100%;height:100%;overflow:auto}.ibiz-calendar-user-content__wrapping::-webkit-scrollbar{display:none}.ibiz-calendar-user-scroll-bar{position:absolute;top:var(--ibiz-calendar-user-scroll-bar-thumb-top);right:0;z-index:10;width:4px;height:100%;border-radius:var(--ibiz-border-radius-extra-small)}.ibiz-calendar-user-scroll-bar__thumb{width:4px;height:var(--ibiz-calendar-user-scroll-bar-thumb-height);cursor:pointer;background-color:#d3d3d3;border-radius:var(--ibiz-border-radius-extra-small)}

package/lib/control/drbar/drbar.cjs

@@ -80,7 +80,13 @@ const DRBarControl = /* @__PURE__ */ vue.defineComponent({
     });
     c.setRouter(router);
     const handleSelect = (key) => {
+      var _a;
       c.handleSelectChange(key);
+      const drBarItem = (_a = c.model.dedrctrlItems) == null ? void 0 : _a.find((item) => item.id === key);
+      c.evt.emit("onTabChange", {
+        name: key,
+        item: drBarItem || c.state.drBarItems[0]
+      });
     };
     const route = vueRouter.useRoute();
     let expViewRoutePath = "";

package/lib/control/drbar/drbar.controller.cjs

@@ -557,6 +557,14 @@ class DRBarController extends runtime.ControlController {
       this.counter.destroy();
     }
   }
+  /**
+   * @description 设置激活项
+   * @param {string} name
+   * @memberof DRBarController
+   */
+  setActive(name) {
+    this.handleSelectChange(name);
+  }
 }
 
 exports.DRBarController = DRBarController;

package/lib/control/drtab/drtab-control.util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var vue = require('vue');
-var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.12_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.cjs');
+var namespace = require('../../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.cjs');
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/lib/control/drtab/drtab.cjs

@@ -78,12 +78,25 @@ const DRTabControl = /* @__PURE__ */ vue.defineComponent({
       (_a2 = c.counter) == null ? void 0 : _a2.offChange(fn);
     });
     c.setRouter(router);
+    const emitChange = () => {
+      var _a2;
+      const {
+        activeName
+      } = c.state;
+      const drBarItem = (_a2 = c.model.dedrtabPages) == null ? void 0 : _a2.find((item) => item.id === activeName);
+      c.evt.emit("onTabChange", {
+        name: activeName,
+        item: drBarItem || c.state.drTabPages[0]
+      });
+    };
     const handleTabChange = () => {
       c.handleTabChange();
+      emitChange();
     };
     const onTabChange = (key) => {
       c.state.activeName = key;
       c.handleTabChange();
+      emitChange();
     };
     const route = vueRouter.useRoute();
     let expViewRoutePath = "";

package/lib/control/drtab/drtab.controller.cjs

@@ -507,6 +507,15 @@ class DRTabController extends runtime.ControlController {
       this.counter.destroy();
     }
   }
+  /**
+   * @description 设置激活项
+   * @param {string} name
+   * @memberof DRTabController
+   */
+  setActive(name) {
+    this.state.activeName = name;
+    this.handleTabChange();
+  }
 }
 
 exports.DRTabController = DRTabController;

package/lib/control/form/form/index.cjs

@@ -15,6 +15,7 @@ var index$6 = require('../form-detail/form-rawitem/index.cjs');
 var index$7 = require('../form-detail/form-tab-panel/index.cjs');
 var index$8 = require('../form-detail/form-tab-page/index.cjs');
 var index$9 = require('../form-detail/form-button-list/index.cjs');
+var index$a = require('../form-detail/form-iframe/index.cjs');
 
 "use strict";
 const IBizFormControl = vue3Util.withInstall(form.FormControl, function(v) {
@@ -29,6 +30,7 @@ const IBizFormControl = vue3Util.withInstall(form.FormControl, function(v) {
   v.use(index$7.IBizFormTabPanel);
   v.use(index$8.IBizFormTabPage);
   v.use(index$9.IBizFormButtonList);
+  v.use(index$a.IBizFormIFrame);
 });
 
 exports.IBizFormControl = IBizFormControl;

package/lib/control/form/form-detail/form-iframe/form-iframe.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+require('./form-iframe.css');
+
+"use strict";
+const FormIFrame = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFormIFrame",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.FormIFrameController,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = vue3Util.useNamespace("form-iframe");
+    vue3Util.useController(c);
+    const loading = vue.ref(true);
+    const url = vue.computed(() => {
+      return c.calcIFrameUrl();
+    });
+    const onLoad = () => {
+      loading.value = false;
+    };
+    return {
+      ns,
+      url,
+      loading,
+      onLoad
+    };
+  },
+  render() {
+    if (!this.controller.state.visible || !this.url) {
+      return null;
+    }
+    return vue.withDirectives(vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("iframe", {
+      "class": this.ns.e("iframe"),
+      "src": this.url,
+      "frameborder": "0",
+      "onLoad": () => this.onLoad(),
+      "onError": () => this.onLoad()
+    }, null)]), [[vue.resolveDirective("loading"), this.loading]]);
+  }
+});
+
+exports.FormIFrame = FormIFrame;
+exports.default = FormIFrame;

package/lib/control/form/form-detail/form-iframe/form-iframe.css

@@ -0,0 +1 @@
+.ibiz-form-iframe{width:100%;height:100%}.ibiz-form-iframe__iframe{width:100%;height:100%}

package/lib/control/form/form-detail/form-iframe/form-iframe.provider.cjs

@@ -0,0 +1,23 @@
+'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 FormIFrameProvider {
+  constructor() {
+    __publicField(this, "component", "IBizFormIFrame");
+  }
+  async createController(detailModel, form, parent) {
+    const c = new runtime.FormIFrameController(detailModel, form, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.FormIFrameProvider = FormIFrameProvider;

package/lib/control/form/form-detail/form-iframe/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var formIframe = require('./form-iframe.cjs');
+var formIframe_provider = require('./form-iframe.provider.cjs');
+
+"use strict";
+const IBizFormIFrame = vue3Util.withInstall(formIframe.FormIFrame, function(v) {
+  v.component(formIframe.FormIFrame.name, formIframe.FormIFrame);
+  runtime.registerFormDetailProvider("IFRAME", () => new formIframe_provider.FormIFrameProvider());
+});
+
+exports.IBizFormIFrame = IBizFormIFrame;
+exports.default = IBizFormIFrame;

package/lib/control/form/form-detail/form-item/form-item.cjs

@@ -68,13 +68,15 @@ const FormItem = /* @__PURE__ */ vue.defineComponent({
       const {
         editorItems = []
       } = this.c.model.editor || {};
-      editor = editorItems.map((item) => {
+      editor = editorItems.map((item, index) => {
         const controller = this.c.form.details[item.id];
-        return vue.createVNode(compositeFormItem.CompositeFormItem, {
+        return [vue.createVNode(compositeFormItem.CompositeFormItem, {
           "modelData": controller.model,
           "controller": controller,
           "attrs": this.attrs
-        }, null);
+        }, null), editorItems.length - 1 > index && vue.createVNode("span", {
+          "class": this.ns.e("composite-separator")
+        }, [vue.createTextVNode("-")])];
       });
     } else {
       const editMode = (_d = (_c = (_b = this.c.editor) == null ? void 0 : _b.model) == null ? void 0 : _c.editorParams) == null ? void 0 : _d.editMode;

package/lib/control/form/form-detail/form-item/form-item.css

@@ -1 +1 @@
-.ibiz-form-item{border-color:var(--ibiz-color-border);--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-disabled-text);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-form-item-hover-edit-padding:var(--ibiz-spacing-none) 11px}.ibiz-form-item.is-compositeItem{--ibiz-form-item-compositeItem-gap:var(--ibiz-spacing-tight)}.ibiz-form-item.is-compositeItem .ibiz-form-item-container__editor{display:flex;gap:var(--ibiz-form-item-compositeItem-gap)}
+.ibiz-form-item{border-color:var(--ibiz-color-border);--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-disabled-text);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-form-item-hover-edit-padding:var(--ibiz-spacing-none) 11px}.ibiz-form-item.is-compositeItem{--ibiz-form-item-compositeItem-gap:var(--ibiz-spacing-tight)}.ibiz-form-item.is-compositeItem .ibiz-form-item__composite-separator{line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item.is-compositeItem .ibiz-form-item-container__editor{display:flex;gap:var(--ibiz-form-item-compositeItem-gap)}

package/lib/control/form/form-detail/index.cjs

@@ -10,6 +10,7 @@ var index$6 = require('./form-rawitem/index.cjs');
 var index$7 = require('./form-tab-panel/index.cjs');
 var index$8 = require('./form-tab-page/index.cjs');
 var index$9 = require('./form-button-list/index.cjs');
+var index$a = require('./form-iframe/index.cjs');
 var formItemContainer = require('./form-item/form-item-container/form-item-container.cjs');
 var formPage_item = require('./form-page/form-page-item/form-page.item.cjs');
 
@@ -25,5 +26,6 @@ exports.IBizFormRawItem = index$6.IBizFormRawItem;
 exports.IBizFormTabPanel = index$7.IBizFormTabPanel;
 exports.IBizFormTabPage = index$8.IBizFormTabPage;
 exports.IBizFormButtonList = index$9.IBizFormButtonList;
+exports.IBizFormIFrame = index$a.IBizFormIFrame;
 exports.IBizFormItemContainer = formItemContainer.IBizFormItemContainer;
 exports.IBizFormPageItem = formPage_item.IBizFormPageItem;

package/lib/control/form/index.cjs

@@ -2,8 +2,8 @@
 
 var index = require('./search-form/index.cjs');
 require('./form-detail/index.cjs');
-var index$b = require('./edit-form/index.cjs');
-var index$c = require('./form/index.cjs');
+var index$c = require('./edit-form/index.cjs');
+var index$d = require('./form/index.cjs');
 var index$1 = require('./form-detail/form-group-panel/index.cjs');
 var formItemContainer = require('./form-detail/form-item/form-item-container/form-item-container.cjs');
 var index$2 = require('./form-detail/form-item/index.cjs');
@@ -16,12 +16,13 @@ var index$7 = require('./form-detail/form-rawitem/index.cjs');
 var index$8 = require('./form-detail/form-tab-panel/index.cjs');
 var index$9 = require('./form-detail/form-tab-page/index.cjs');
 var index$a = require('./form-detail/form-button-list/index.cjs');
+var index$b = require('./form-detail/form-iframe/index.cjs');
 
 "use strict";
 
 exports.IBizSearchFormControl = index.IBizSearchFormControl;
-exports.IBizEditFormControl = index$b.IBizEditFormControl;
-exports.IBizFormControl = index$c.IBizFormControl;
+exports.IBizEditFormControl = index$c.IBizEditFormControl;
+exports.IBizFormControl = index$d.IBizFormControl;
 exports.IBizFormGroupPanel = index$1.IBizFormGroupPanel;
 exports.IBizFormItemContainer = formItemContainer.IBizFormItemContainer;
 exports.IBizFormItem = index$2.IBizFormItem;
@@ -34,3 +35,4 @@ exports.IBizFormRawItem = index$7.IBizFormRawItem;
 exports.IBizFormTabPanel = index$8.IBizFormTabPanel;
 exports.IBizFormTabPage = index$9.IBizFormTabPage;
 exports.IBizFormButtonList = index$a.IBizFormButtonList;
+exports.IBizFormIFrame = index$b.IBizFormIFrame;

package/lib/control/gantt/gantt.cjs

@@ -331,7 +331,10 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
       if (!contextMenuC.model.detoolbarItems) {
         return;
       }
-      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId);
+      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId, {
+        view: c.view,
+        ctrl: c
+      });
       const menuState = contextMenuC.state.buttonsState;
       const menus = calcContextMenuItems(contextMenuC.model.detoolbarItems, nodeData, evt, menuState);
       if (!menus.length) {

package/lib/control/grid/grid/index.cjs

@@ -6,6 +6,7 @@ var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('../grid-column/index.cjs');
 var rowEditPopover = require('../row-edit-popover/row-edit-popover.cjs');
+var index$6 = require('../virtualized-table/index.cjs');
 var grid = require('./grid.cjs');
 var grid_provider = require('./grid.provider.cjs');
 var gridControl_util = require('./grid-control.util.cjs');
@@ -26,6 +27,7 @@ const IBizGridControl = vue3Util.withInstall(grid.GridControl, (v) => {
   v.use(index$3.IBizGridFieldEditColumn);
   v.use(index$4.IBizGridGroupColumn);
   v.use(index$5.IBizDynamicGridFieldEditColumn);
+  v.use(index$6.IBizVirtualizedTableControl);
   runtime.registerControlProvider(runtime.ControlType.GRID, () => new grid_provider.GridProvider());
 });