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

package/es/panel-component/user-message/async-action/async-data-export/async-data-export.mjs

@@ -0,0 +1,88 @@
+import { isVNode, reactive, createVNode, resolveComponent, createTextVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './async-data-export.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const AsyncDataExport = /* @__PURE__ */ defineComponent({
+  name: "IBizAsyncDataExport",
+  props: {
+    asyncAction: {
+      type: Object,
+      required: true
+    },
+    modal: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("async-data-export");
+    const finishedStates = [30, 40];
+    const onClose = () => {
+      props.modal.dismiss();
+    };
+    const info = reactive({
+      title: "",
+      beginTime: "",
+      endTime: "",
+      fileUrl: "",
+      isFinish: false
+    });
+    info.title = ibiz.i18n.t("panelComponent.userMessage.asyncDataExport.exportDetailPrompt", {
+      name: props.asyncAction.asyncacitonname
+    });
+    info.beginTime = props.asyncAction.begintime;
+    info.endTime = props.asyncAction.endtime;
+    if (props.asyncAction.asyncresultdownloadurl) {
+      const asyncResultDownloadObj = JSON.parse(props.asyncAction.asyncresultdownloadurl);
+      info.fileUrl = "".concat(ibiz.env.baseUrl, "/").concat(ibiz.env.appId).concat(ibiz.env.downloadFileUrl, "/").concat(asyncResultDownloadObj.folder, "/").concat(asyncResultDownloadObj.fileid).replace("/{cat}", "");
+    }
+    if (!finishedStates.includes(props.asyncAction.actionstate)) {
+      info.isFinish = false;
+    } else {
+      info.isFinish = true;
+    }
+    const onDownLoad = () => {
+      ibiz.util.file.fileDownload(info.fileUrl);
+    };
+    return {
+      ns,
+      info,
+      onClose,
+      onDownLoad
+    };
+  },
+  render() {
+    let _slot, _slot2;
+    return createVNode("div", {
+      "class": [this.ns.b()]
+    }, [createVNode("div", {
+      "class": this.ns.b("header")
+    }, [createVNode("div", {
+      "class": this.ns.e("title")
+    }, [this.info.title]), createVNode("div", {
+      "class": this.ns.b("toolbar")
+    }, [this.info.fileUrl && createVNode(resolveComponent("el-button"), {
+      "onClick": this.onDownLoad
+    }, _isSlot(_slot = ibiz.i18n.t("panelComponent.userMessage.asyncDataExport.downloadFile")) ? _slot : {
+      default: () => [_slot]
+    }), createVNode(resolveComponent("el-button"), {
+      "onClick": this.onClose
+    }, _isSlot(_slot2 = ibiz.i18n.t("app.close")) ? _slot2 : {
+      default: () => [_slot2]
+    })])]), createVNode("div", {
+      "class": this.ns.b("time")
+    }, [this.info.isFinish ? createVNode(resolveComponent("el-form-item"), {
+      "label": ibiz.i18n.t("panelComponent.userMessage.asyncDataExport.excuteTime")
+    }, {
+      default: () => [this.info.beginTime, createTextVNode(" ~ "), this.info.endTime]
+    }) : createVNode("span", {
+      "class": this.ns.be("time", "executing")
+    }, [ibiz.i18n.t("panelComponent.userMessage.asyncDataExport.executing")])])]);
+  }
+});
+
+export { AsyncDataExport };

package/es/panel-component/user-message/index.d.ts

@@ -1,33 +1,3 @@
-export declare const IBizUserMessage: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
-    modelData: {
-        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
-        required: true;
-    };
-    controller: {
-        type: import("vue").PropType<import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>>;
-        required: true;
-    };
-}, {
-    ns: import("@ibiz-template/core").Namespace;
-    c: import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>;
-    noticeController: import("@ibiz-template/runtime").INoticeController;
-    noticeNum: import("vue").Ref<number>;
-    popoverRef: import("vue").Ref<any>;
-    showPopover: import("vue").Ref<boolean>;
-    sysImage: import("@ibiz/model-core").ISysImage | {
-        imagePath: string;
-    };
-    currentTab: import("vue").Ref<string>;
-    hiddenPopover: () => void;
-    onBatchReadClick: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelData: {
-        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
-        required: true;
-    };
-    controller: {
-        type: import("vue").PropType<import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>>;
-        required: true;
-    };
-}>>, {}, {}>>;
+import { withInstall } from '@ibiz-template/vue3-util';
+export declare const IBizUserMessage: ReturnType<typeof withInstall>;
 export default IBizUserMessage;

package/es/panel-component/user-message/index.mjs

@@ -8,16 +8,26 @@ import { AsyncAction } from './async-action/async-action/async-action.mjs';
 import { AsyncActionProvider } from './async-action/async-action/async-action.provider.mjs';
 
 "use strict";
-const IBizUserMessage = withInstall(UserMessage, function(v) {
-  v.component(UserMessage.name, UserMessage);
-  v.component(AsyncAction.name, AsyncAction);
-  registerAsyncActionProvider("DEIMPORTDATA2", () => new AsyncActionProvider());
-  registerAsyncActionProvider("DEFAULT", () => new AsyncActionProvider());
-  installInternalMessage(v);
-  registerPanelItemProvider(
-    "RAWITEM_USERMESSAGE",
-    () => new UserMessageProvider()
-  );
-});
+const IBizUserMessage = withInstall(
+  UserMessage,
+  function(v) {
+    v.component(UserMessage.name, UserMessage);
+    v.component(AsyncAction.name, AsyncAction);
+    registerAsyncActionProvider(
+      "DEIMPORTDATA2",
+      () => new AsyncActionProvider()
+    );
+    registerAsyncActionProvider(
+      "DEEXPORTDATA",
+      () => new AsyncActionProvider()
+    );
+    registerAsyncActionProvider("DEFAULT", () => new AsyncActionProvider());
+    installInternalMessage(v);
+    registerPanelItemProvider(
+      "RAWITEM_USERMESSAGE",
+      () => new UserMessageProvider()
+    );
+  }
+);
 
 export { IBizUserMessage, IBizUserMessage as default };

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

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

@@ -1,7 +1,7 @@
-import { IViewEvent, IViewState, ViewEngineBase, IUIActionResult, ViewController, IControlController, IApiMDCustomViewCall } from '@ibiz-template/runtime';
+import { IViewEvent, ViewEngineBase, IUIActionResult, ViewController, IControlController, IApiMDCustomViewCall, IMDCustomViewState } from '@ibiz-template/runtime';
 import { IControl, IMDControl, IAppDECustomView } from '@ibiz/model-core';
 export declare class MDCustomViewEngine extends ViewEngineBase {
-    protected view: ViewController<IAppDECustomView, IViewState, IViewEvent>;
+    protected view: ViewController<IAppDECustomView, IMDCustomViewState, IViewEvent>;
     /**
      * 部件集合
      *
@@ -37,6 +37,12 @@ export declare class MDCustomViewEngine extends ViewEngineBase {
      */
     calcToolbarButtonState(control: IMDControl, data: IData | undefined): void;
     call(key: keyof IApiMDCustomViewCall, args: any): Promise<IData | null | undefined>;
+    /**
+     * @description 刷新数据
+     * @returns {*}  {Promise<void>}
+     * @memberof MDCustomViewEngine
+     */
+    refresh(): Promise<void>;
     /**
      * @description 打开编辑数据视图
      * @protected

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

@@ -94,9 +94,8 @@ class MDCustomViewEngine extends ViewEngineBase {
     }
   }
   async call(key, args) {
-    var _a;
     if (key === SysUIActionTag.REFRESH) {
-      await ((_a = this.viewLayoutPanel) == null ? void 0 : _a.load());
+      await this.refresh();
       return null;
     }
     if (key === SysUIActionTag.EDIT || key === SysUIActionTag.VIEW) {
@@ -107,6 +106,19 @@ class MDCustomViewEngine extends ViewEngineBase {
     }
     return super.call(key, args);
   }
+  /**
+   * @description 刷新数据
+   * @returns {*}  {Promise<void>}
+   * @memberof MDCustomViewEngine
+   */
+  async refresh() {
+    if (this.view.state.xdatacontrolname) {
+      const xDataCtrl = this.view.getController(
+        this.view.state.xdatacontrolname
+      );
+      await (xDataCtrl == null ? void 0 : xDataCtrl.refresh());
+    }
+  }
   /**
    * @description 打开编辑数据视图
    * @protected

package/lib/common/grid-setting/grid-setting.cjs

@@ -26,11 +26,15 @@ const IBizGridSetting = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("grid-setting");
     const c = props.controller;
     const dragColumnStates = vue.computed(() => {
-      return props.columnStates.map((item) => {
-        return {
-          ...item
-        };
+      const result = [];
+      props.columnStates.forEach((item) => {
+        if (!item.uaColumn) {
+          result.push({
+            ...item
+          });
+        }
       });
+      return result;
     });
     const isDraggable = vue.computed(() => {
       return false;

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/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.9_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.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');
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

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)}