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

package/es/util/app-util/app-util.d.ts

@@ -1,8 +1,14 @@
 import { Router } from 'vue-router';
-import { IAppUtil, IAuthResult, IAiChatParam } from '@ibiz-template/runtime';
+import { IAppUtil, IAuthResult, IAiChatParam, IApiViewController } from '@ibiz-template/runtime';
 import { IChatMessage } from '@ibiz-template/core';
 export declare class AppUtil implements IAppUtil {
-    protected router: Router;
+    router: Router;
+    /**
+     * @description 视图缓存中心
+     * @type {Map<string, IApiViewController>}
+     * @memberof AppUtil
+     */
+    viewCacheCenter: Map<string, IApiViewController>;
     /**
      * Creates an instance of AppUtil.
      * @author tony001
@@ -109,4 +115,50 @@ export declare class AppUtil implements IAppUtil {
      * @memberof AppUtil
      */
     openAiChat(chartParams: IAiChatParam): Promise<IChatMessage[]>;
+    /**
+     * @description 当前路由转换成路由路径对象
+     * @param {boolean} [isRouteModal]
+     * @returns {*}  {{
+     *     appContext?: IParams;
+     *     pathNodes: {
+     *       viewName: string;
+     *       context?: IParams;
+     *       params?: IParams;
+     *       srfnav?: string;
+     *     }[];
+     *   }}
+     * @memberof AppUtil
+     */
+    route2routeObject(isRouteModal?: boolean): {
+        appContext?: IParams;
+        pathNodes: {
+            viewName: string;
+            context?: IParams;
+            params?: IParams;
+            srfnav?: string;
+        }[];
+    };
+    /**
+     * @description 路由路径对象转化为路由路径
+     * @param {{
+     *     appContext?: IParams;
+     *     pathNodes: {
+     *       viewName: string;
+     *       context?: IParams;
+     *       params?: IParams;
+     *       srfnav?: string;
+     *     }[];
+     *   }} routePath
+     * @returns {*}  {string}
+     * @memberof AppUtil
+     */
+    routeObject2String(routePath: {
+        appContext?: IParams;
+        pathNodes: {
+            viewName: string;
+            context?: IParams;
+            params?: IParams;
+            srfnav?: string;
+        }[];
+    }): string;
 }

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/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/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/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());
 });
 

package/lib/control/grid/grid-column/grid-field-column/grid-field-column.cjs

@@ -39,12 +39,9 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
         props.controller.openLinkView(props.row, event);
       }
     };
-    const CustomHtml = vue.ref("");
-    vue.watch(() => props.row, async () => {
-      CustomHtml.value = await props.controller.getCustomHtml(props.row);
-    }, {
-      deep: true,
-      immediate: true
+    const CustomHtml = vue3Util.computedAsync(async () => {
+      const html = await props.controller.getCustomHtml(props.row);
+      return html;
     });
     const fieldValue = vue.computed(() => props.row.data[props.controller.fieldName]);
     const formatValue = vue.computed(() => props.controller.formatValue(fieldValue.value));

package/lib/control/grid/virtualized-table/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var virtualizedTable = require('./virtualized-table.cjs');
+var virtualizedTable_provider = require('./virtualized-table.provider.cjs');
+
+"use strict";
+const IBizVirtualizedTableControl = vue3Util.withInstall(
+  virtualizedTable.VirtualizedTableControl,
+  (v) => {
+    v.component(virtualizedTable.VirtualizedTableControl.name, virtualizedTable.VirtualizedTableControl);
+    runtime.registerControlProvider(
+      "GRID_VIRTUALIZED_TABLE",
+      () => new virtualizedTable_provider.VirtualizedTableProvider()
+    );
+  }
+);
+
+exports.IBizVirtualizedTableControl = IBizVirtualizedTableControl;
+exports.default = IBizVirtualizedTableControl;