@ibiz-template/vue3-components 0.7.38-alpha.56 → 0.7.39

package/es/control/form/form-detail/form-item/form-item-container/form-item-container.mjs

@@ -1,124 +1,97 @@
-import { defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
+import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace, IBizIcon } from '@ibiz-template/vue3-util';
-import './form-item-container.css';
 import { showTitle } from '@ibiz-template/core';
+import './form-item-container.css';
 
 "use strict";
 const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
   name: "IBizFormItemContainer",
   props: {
-    required: {
-      type: Boolean,
-      required: true
-    },
-    error: {
-      type: String
-    },
-    label: {
-      type: String
-    },
-    labelClass: {
-      type: Array
-    },
-    labelPos: {
-      type: String,
+    controller: {
+      type: Object,
       required: true
-    },
-    labelWidth: {
-      type: Number,
-      default: 130
-    },
-    enableInputTip: {
-      type: Boolean
-    },
-    inputTip: {
-      type: String
-    },
-    inputTipUrl: {
-      type: String
-    },
-    inputTipClosable: {
-      type: Boolean
-    },
-    labelSysImg: {
-      type: Object
     }
   },
   setup(props) {
     const ns = useNamespace("form-item-container");
-    const tooltip = ref();
-    const cssVars = computed(() => {
-      if (props.labelWidth !== 130) {
-        return ns.cssVarBlock({
-          "label-width": "".concat(props.labelWidth, "px")
-        });
-      }
-      return {};
+    const c = props.controller;
+    const visible = ref(false);
+    const {
+      sysImage,
+      enableInputTip,
+      labelPos
+    } = c.model;
+    watch(() => visible.value, () => {
+      if (visible.value)
+        c.loadInputTip();
     });
-    const hiddenTooltip = () => {
-      if (tooltip.value) {
-        tooltip.value.hide();
-      }
+    const renderInputTip = () => {
+      return createVNode(resolveComponent("el-tooltip"), {
+        "effect": "light",
+        "visible": visible.value,
+        "onUpdate:visible": ($event) => visible.value = $event,
+        "popper-class": ns.e("popper"),
+        "disabled": !enableInputTip,
+        "placement": labelPos === "RIGHT" ? "right" : "left"
+      }, {
+        default: () => {
+          return createVNode("div", {
+            "class": [ns.em("label", "content"), ns.is("tooltip", enableInputTip)]
+          }, [enableInputTip && createVNode("ion-icon", {
+            "name": "bulb-outline",
+            "class": ns.em("label", "icon")
+          }, null), sysImage && createVNode(IBizIcon, {
+            "class": ns.em("label", "icon"),
+            "icon": sysImage
+          }, null), createVNode("div", {
+            "class": ns.em("label", "text")
+          }, [c.labelCaption])]);
+        },
+        content: () => {
+          return createVNode("div", {
+            "class": ns.em("popper", "content")
+          }, [createVNode("div", {
+            "class": ns.em("popper", "tooltip"),
+            "innerHTML": c.state.inputTip
+          }, null), c.state.inputTipUrl && createVNode("a", {
+            "target": "_blank",
+            "href": c.state.inputTipUrl,
+            "title": ibiz.i18n.t("component.formItemContainer.more")
+          }, [ibiz.i18n.t("component.formItemContainer.more")])]);
+        }
+      });
     };
     const renderLabel = () => {
-      const classList = [ns.e("label"), ...props.labelClass || []];
-      if (props.enableInputTip) {
-        return createVNode(resolveComponent("el-tooltip"), {
-          "effect": "light",
-          "offset": 4,
-          "popper-class": ns.e("popper"),
-          "ref": "tooltip"
-        }, {
-          default: () => {
-            return createVNode("div", {
-              "class": classList
-            }, [props.labelSysImg && createVNode(IBizIcon, {
-              "class": ns.em("label", "icon"),
-              "icon": props.labelSysImg
-            }, null), props.label]);
-          },
-          content: () => {
-            return createVNode("div", {
-              "class": ns.em("label", "tooltip")
-            }, [props.inputTip || props.label, props.inputTipUrl && createVNode("a", {
-              "href": props.inputTipUrl,
-              "target": "_blank"
-            }, [ibiz.i18n.t("component.formItemContainer.more")]), props.inputTipClosable && createVNode("ion-icon", {
-              "name": "close-circle",
-              "onClick": hiddenTooltip
-            }, null)]);
-          }
-        });
-      }
       return createVNode("div", {
-        "class": classList,
-        "title": showTitle(props.label)
-      }, [props.labelSysImg && createVNode(IBizIcon, {
-        "class": ns.em("label", "icon"),
-        "icon": props.labelSysImg
-      }, null), props.label]);
+        "title": enableInputTip ? void 0 : showTitle(c.labelCaption),
+        "class": [ns.e("label"), ...c.labelClass || []]
+      }, [renderInputTip()]);
     };
     return {
       ns,
-      cssVars,
-      tooltip,
       renderLabel
     };
   },
   render() {
     var _a, _b;
+    const {
+      labelPos,
+      labelWidth
+    } = this.controller.model;
     const content = createVNode("div", {
-      "class": [this.ns.e("content"), this.ns.em("content", "label-".concat(this.labelPos.toLowerCase()))]
+      "class": [this.ns.e("content"), this.ns.em("content", "label-".concat(labelPos == null ? void 0 : labelPos.toLowerCase()))]
     }, [createVNode("div", {
       "class": [this.ns.e("editor")]
-    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), this.error ? createVNode("div", {
-      "title": showTitle(this.error),
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), this.controller.state.error ? createVNode("div", {
+      "title": showTitle(this.controller.state.error),
       "class": [this.ns.e("error")]
-    }, [this.error]) : null]);
+    }, [this.controller.state.error]) : null]);
     return createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.labelPos.toLowerCase()), this.ns.is("required", this.required), this.ns.is("error", !!this.error)],
-      "style": this.cssVars
-    }, [this.labelPos === "LEFT" || this.labelPos === "TOP" ? this.renderLabel() : null, content, this.labelPos === "RIGHT" || this.labelPos === "BOTTOM" ? this.renderLabel() : null]);
+      "class": [this.ns.b(), this.ns.m(labelPos == null ? void 0 : labelPos.toLowerCase()), this.ns.is("required", this.controller.state.required), this.ns.is("error", !!this.controller.state.error)],
+      "style": this.ns.cssVarBlock({
+        "label-width": "".concat(labelWidth || 130, "px")
+      })
+    }, [labelPos && ["LEFT", "TOP"].includes(labelPos) && this.renderLabel(), content, labelPos && ["RIGHT", "BOTTOM"].includes(labelPos) && this.renderLabel()]);
   }
 });
 

package/es/control/form/form-detail/form-item/form-item.d.ts

@@ -1,14 +1,14 @@
 import { PropType } from 'vue';
-import './form-item.scss';
 import { IDEFormItem } from '@ibiz/model-core';
 import { FormItemController } from '@ibiz-template/runtime';
+import './form-item.scss';
 export declare const FormItem: import("vue").DefineComponent<{
     modelData: {
         type: PropType<IDEFormItem>;
         required: true;
     };
     controller: {
-        type: typeof FormItemController;
+        type: PropType<FormItemController>;
         required: true;
     };
     attrs: {
@@ -26,7 +26,7 @@ export declare const FormItem: import("vue").DefineComponent<{
         required: true;
     };
     controller: {
-        type: typeof FormItemController;
+        type: PropType<FormItemController>;
         required: true;
     };
     attrs: {

package/es/control/form/form-detail/form-item/form-item.mjs

@@ -1,8 +1,7 @@
-import { isVNode, defineComponent, ref, createVNode, resolveComponent, h } from 'vue';
+import { isVNode, ref, createVNode, resolveComponent, h, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import './form-item.css';
-import { FormItemController } from '@ibiz-template/runtime';
 import { CompositeFormItem } from './composite-form-item/composite-form-item.mjs';
+import './form-item.css';
 
 "use strict";
 function _isSlot(s) {
@@ -16,7 +15,7 @@ const FormItem = /* @__PURE__ */ defineComponent({
       required: true
     },
     controller: {
-      type: FormItemController,
+      type: Object,
       required: true
     },
     attrs: {
@@ -56,17 +55,17 @@ const FormItem = /* @__PURE__ */ defineComponent({
   },
   render() {
     var _a, _b, _c, _d, _e;
-    if (!this.c.state.visible || ((_a = this.controller.model.editor) == null ? void 0 : _a.editorType) === "HIDDEN") {
+    if (!this.c.state.visible || ((_a = this.c.model.editor) == null ? void 0 : _a.editorType) === "HIDDEN") {
       return null;
     }
     let editor = null;
-    const compositeItem = this.controller.model.compositeItem;
+    const compositeItem = this.c.model.compositeItem;
     if (compositeItem) {
       const {
         editorItems = []
-      } = this.controller.model.editor || {};
+      } = this.c.model.editor || {};
       editor = editorItems.map((item) => {
-        const controller = this.controller.form.details[item.id];
+        const controller = this.c.form.details[item.id];
         return createVNode(CompositeFormItem, {
           "modelData": controller.model,
           "controller": controller,
@@ -74,56 +73,45 @@ const FormItem = /* @__PURE__ */ defineComponent({
         }, null);
       });
     } else {
-      const editMode = (_d = (_c = (_b = this.controller.editor) == null ? void 0 : _b.model) == null ? void 0 : _c.editorParams) == null ? void 0 : _d.editMode;
+      const editMode = (_d = (_c = (_b = this.c.editor) == null ? void 0 : _b.model) == null ? void 0 : _c.editorParams) == null ? void 0 : _d.editMode;
       const editorProps = {
-        style: (_e = this.controller.editor) == null ? void 0 : _e.style,
-        value: this.controller.value,
-        data: this.controller.data,
-        controller: this.controller.editor,
-        disabled: this.controller.state.disabled,
-        readonly: this.controller.state.readonly,
+        style: (_e = this.c.editor) == null ? void 0 : _e.style,
+        value: this.c.value,
+        data: this.c.data,
+        controller: this.c.editor,
+        disabled: this.c.state.disabled,
+        readonly: this.c.state.readonly,
         onChange: this.onValueChange,
         extraParams: this.extraParams,
         controlParams: editMode ? {
-          ...this.controller.form.controlParams,
+          ...this.c.form.controlParams,
           editmode: editMode
-        } : this.controller.form.controlParams,
+        } : this.c.form.controlParams,
         onFocus: (event) => this.c.onFocus(event),
         onBlur: (event) => this.c.onBlur(event),
-        onEnter: (event) => this.controller.onEnter(event),
-        onClick: (event, params) => this.controller.onClick(event, params),
+        onEnter: (event) => this.c.onEnter(event),
+        onClick: (event, params) => this.c.onClick(event, params),
         ...this.attrs
       };
-      if (this.c.form.state.isLoaded) {
-        if (this.$slots.default) {
-          editor = this.$slots.default(editorProps);
-        } else if (this.controller.editorProvider) {
-          const component = resolveComponent(this.controller.editorProvider.formEditor);
-          editor = h(component, {
-            ...editorProps
-          });
-        } else {
-          editor = createVNode(resolveComponent("not-supported-editor"), {
-            "modelData": this.modelData.editor
-          }, null);
-        }
+      if (this.$slots.default) {
+        editor = this.$slots.default(editorProps);
+      } else if (this.c.editorProvider) {
+        const component = resolveComponent(this.c.editorProvider.formEditor);
+        editor = h(component, {
+          ...editorProps
+        });
+      } else {
+        editor = createVNode(resolveComponent("not-supported-editor"), {
+          "modelData": this.modelData.editor,
+          "context": this.c.context
+        }, null);
       }
     }
     return createVNode(resolveComponent("iBizFormItemContainer"), {
-      "id": "".concat(this.controller.form.view.model.codeName, "_").concat(this.controller.form.model.codeName, "_").concat(this.modelData.codeName),
-      "class": [this.ns.b(), this.ns.m(this.modelData.id), this.ns.is("compositeItem", compositeItem), ...this.controller.containerClass],
+      "id": "".concat(this.c.form.view.model.codeName, "_").concat(this.c.form.model.codeName, "_").concat(this.modelData.codeName),
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), this.ns.is("compositeItem", compositeItem), ...this.c.containerClass],
       "style": this.modelData.cssStyle,
-      "required": this.c.state.required,
-      "error": this.c.state.error,
-      "label": this.c.labelCaption,
-      "labelSysImg": this.modelData.sysImage,
-      "labelClass": this.controller.labelClass,
-      "label-pos": this.c.model.labelPos,
-      "label-width": this.c.model.labelWidth,
-      "enableInputTip": this.modelData.enableInputTip,
-      "inputTip": this.modelData.inputTip,
-      "inputTipUrl": this.modelData.inputTipUrl,
-      "inputTipClosable": this.modelData.inputTipClosable,
+      "controller": this.c,
       "onClick": (event) => this.c.onClick(event)
     }, _isSlot(editor) ? editor : {
       default: () => [editor]

package/es/control/form/form-detail/form-item/index.d.ts

@@ -5,7 +5,7 @@ export declare const IBizFormItem: import("@ibiz-template/vue3-util").TypeWithIn
         required: true;
     };
     controller: {
-        type: typeof import("@ibiz-template/runtime").FormItemController;
+        type: import("vue").PropType<import("@ibiz-template/runtime").FormItemController>;
         required: true;
     };
     attrs: {
@@ -23,7 +23,7 @@ export declare const IBizFormItem: import("@ibiz-template/vue3-util").TypeWithIn
         required: true;
     };
     controller: {
-        type: typeof import("@ibiz-template/runtime").FormItemController;
+        type: import("vue").PropType<import("@ibiz-template/runtime").FormItemController>;
         required: true;
     };
     attrs: {

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, computed, createVNode, resolveComponent, h } from 'vue';
+import { isVNode, computed, resolveComponent, createVNode, h, defineComponent } from 'vue';
 import { FormMDCtrlFormController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form-mdctrl-form.css';

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, computed, ref, h, resolveComponent, createVNode } from 'vue';
+import { isVNode, computed, ref, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { FormMDCtrlMDController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form-mdctrl-md.css';
@@ -41,22 +41,19 @@ const FormMDCtrlMD = /* @__PURE__ */ defineComponent({
       mdProvider,
       model
     } = this.controller;
-    const isLoaded = this.controller.form.state.isLoaded;
     let controlComponent = null;
-    if (isLoaded) {
-      const controlProps = {
-        class: this.ns.b("content"),
-        modelData: model.contentControl,
-        context: this.controller.form.context,
-        params: this.controller.form.params,
-        onCreated: this.onCreated,
-        onSelectionChange: this.onSelectionChange
-      };
-      if (model.contentType === "GRID") {
-        controlProps.rowEditOpen = true;
-      }
-      controlComponent = h(resolveComponent(mdProvider.component), controlProps);
+    const controlProps = {
+      class: this.ns.b("content"),
+      modelData: model.contentControl,
+      context: this.controller.form.context,
+      params: this.controller.form.params,
+      onCreated: this.onCreated,
+      onSelectionChange: this.onSelectionChange
+    };
+    if (model.contentType === "GRID") {
+      controlProps.rowEditOpen = true;
     }
+    controlComponent = h(resolveComponent(mdProvider.component), controlProps);
     return createVNode("div", {
       "class": this.ns.b()
     }, [controlComponent, this.showActions && createVNode("div", {

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode } from 'vue';
+import { createVNode, defineComponent } from 'vue';
 import { FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { RepeaterSingleForm } from './repeater-single-form/repeater-single-form.mjs';

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.d.ts

@@ -171,6 +171,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     layoutPanel?: any | undefined;
                     getController: (name: string, traceRoot?: boolean | undefined) => import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent> | undefined;
                     getTopView: () => import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+                    getCtx: () => import("@ibiz-template/runtime").CTX<import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>>;
                     created: () => Promise<void>;
                     destroyed: () => Promise<void>;
                     force: (_callback?: (() => void) | undefined) => void;
@@ -3161,6 +3162,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 childNames: string[];
                 getController: (name: string, traceRoot?: boolean | undefined) => import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent> | undefined;
                 getTopView: () => import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+                getCtx: () => import("@ibiz-template/runtime").CTX<import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>>;
                 created: () => Promise<void>;
                 destroyed: () => Promise<void>;
                 force: (_callback?: (() => void) | undefined) => void;
@@ -3206,6 +3208,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             endLoading: () => void;
             onActivated: () => void;
             onDeactivated: () => void;
+            initTimeoutTimer: () => void;
             readonly id: string;
             state: {
                 activated: boolean;
@@ -7294,6 +7297,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             childNames: string[];
             getController: (name: string, traceRoot?: boolean | undefined) => import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent> | undefined;
             getTopView: () => import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+            getCtx: () => import("@ibiz-template/runtime").CTX<import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>>;
             created: () => Promise<void>;
             destroyed: () => Promise<void>;
             force: (_callback?: (() => void) | undefined) => void;
@@ -7374,6 +7378,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 layoutPanel?: any | undefined;
                 getController: (name: string, traceRoot?: boolean | undefined) => import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent> | undefined;
                 getTopView: () => import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+                getCtx: () => import("@ibiz-template/runtime").CTX<import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>>;
                 created: () => Promise<void>;
                 destroyed: () => Promise<void>;
                 force: (_callback?: (() => void) | undefined) => void;
@@ -7497,6 +7502,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 endLoading: () => void;
                 onActivated: () => void;
                 onDeactivated: () => void;
+                initTimeoutTimer: () => void;
                 readonly id: string;
                 state: {
                     activated: boolean;
@@ -11525,6 +11531,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 childNames: string[];
                 getController: (name: string, traceRoot?: boolean | undefined) => import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent> | undefined;
                 getTopView: () => import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+                getCtx: () => import("@ibiz-template/runtime").CTX<import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>>;
                 created: () => Promise<void>;
                 destroyed: () => Promise<void>;
                 force: (_callback?: (() => void) | undefined) => void;
@@ -14511,6 +14518,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             childNames: string[];
             getController: (name: string, traceRoot?: boolean | undefined) => import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent> | undefined;
             getTopView: () => import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+            getCtx: () => import("@ibiz-template/runtime").CTX<import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>>;
             created: () => Promise<void>;
             destroyed: () => Promise<void>;
             force: (_callback?: (() => void) | undefined) => void;
@@ -14749,6 +14757,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             formFuncMode?: string | undefined;
             formStyle?: string | undefined;
             formWidth?: number | undefined;
+            appDEFInputTipSetId?: string | undefined;
             deformItemUpdates?: {
                 codeName?: string | undefined;
                 appDEMethodId?: string | undefined;
@@ -15886,6 +15895,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     groupTag4?: string | undefined;
                     uiactionGroupDetails?: {
                         actionLevel?: number | undefined;
+                        buttonStyle?: string | undefined;
                         caption?: string | undefined;
                         codeName?: string | undefined;
                         detailTag?: string | undefined;
@@ -16898,6 +16908,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 enableAnchor?: boolean | undefined;
             }[] | undefined;
             tabHeaderPos?: string | undefined;
+            enableItemFilter?: boolean | undefined;
             mobileControl?: boolean | undefined;
             noTabHeader?: boolean | undefined;
             autoLoad?: boolean | undefined;
@@ -18974,6 +18985,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
         childNames: string[];
         getController: (name: string, traceRoot?: boolean | undefined) => import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent> | undefined;
         getTopView: () => import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+        getCtx: () => import("@ibiz-template/runtime").CTX<import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>>;
         created: () => Promise<void>;
         destroyed: () => Promise<void>;
         force: (_callback?: (() => void) | undefined) => void;

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, reactive, watch, createVNode, resolveComponent, toRaw, h } from 'vue';
+import { isVNode, reactive, watch, resolveComponent, createVNode, toRaw, h, defineComponent } from 'vue';
 import { FormMDCtrlRepeaterController, EditFormController, ControlVO } from '@ibiz-template/runtime';
 import { useNamespace, useCtx } from '@ibiz-template/vue3-util';
 import { recursiveIterate, showTitle } from '@ibiz-template/core';

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-multi-form/repeater-multi-form.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { RepeaterSingleForm } from '../repeater-single-form/repeater-single-form.mjs';

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-single-form/repeater-single-form.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { FormMDCtrlRepeaterController, ControlVO } from '@ibiz-template/runtime';
 import { RuntimeError } from '@ibiz-template/core';
 import { useNamespace } from '@ibiz-template/vue3-util';

package/es/control/form/form-detail/form-mdctrl/form-mdctrl.css

@@ -1 +1 @@
-.ibiz-form-mdctrl{--ibiz-form-mdctrl-header-height:49px}.ibiz-form-mdctrl__toolbar{display:flex;justify-content:flex-end;width:50%}.ibiz-form-mdctrl__title{width:50%;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold)}.ibiz-form-mdctrl-header{display:flex;place-content:center space-between;align-items:center;height:var(--ibiz-form-mdctrl-header-height);padding:var(--ibiz-spacing-base-tight) 0;margin:calc(var(--ibiz-spacing-base-tight)/ 2) var(--ibiz-spacing-base-tight);line-height:var(--ibiz-form-mdctrl-header-height);border-bottom:1px solid var(--ibiz-color-border)}
+.ibiz-form-mdctrl{--ibiz-form-mdctrl-header-height:49px}.ibiz-form-mdctrl__toolbar{display:flex;justify-content:flex-end;width:50%}.ibiz-form-mdctrl__title{width:50%;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold)}.ibiz-form-mdctrl-header{display:flex;place-content:center space-between;align-items:center;height:var(--ibiz-form-mdctrl-header-height);padding:var(--ibiz-spacing-base-tight) 0;margin:calc(var(--ibiz-spacing-base-tight)/ 2) var(--ibiz-spacing-base-tight);line-height:var(--ibiz-form-mdctrl-header-height);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-form-mdctrl-preview-content{display:flex;align-items:center;justify-content:center;min-height:100px;margin:var(--ibiz-spacing-tight);box-shadow:0 0 0 1px var(--ibiz-color-border) inset}

package/es/control/form/form-detail/form-mdctrl/form-mdctrl.d.ts

@@ -16,6 +16,7 @@ export declare const FormMDCtrl: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     hasCaption: boolean | undefined;
     hasHeader: true | import("@ibiz/model-core").IUIActionGroup | undefined;
+    isDesignPreview: boolean;
     onActionClick: (detail: IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {

package/es/control/form/form-detail/form-mdctrl/form-mdctrl.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { createVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace, useController } from '@ibiz-template/vue3-util';
 import { FormMDCtrlController } from '@ibiz-template/runtime';
 import './form-mdctrl.css';
@@ -17,11 +17,13 @@ const FormMDCtrl = /* @__PURE__ */ defineComponent({
     }
   },
   setup(props) {
+    var _a;
     const ns = useNamespace("form-mdctrl");
     useController(props.controller);
     const c = props.controller;
     const hasCaption = c.model.showCaption && !!c.model.caption;
     const hasHeader = hasCaption || c.model.uiactionGroup;
+    const isDesignPreview = ((_a = c.context) == null ? void 0 : _a.srfrunmode) === "DESIGN";
     const onActionClick = async (detail, event) => {
       await props.controller.onActionClick(detail, event);
     };
@@ -30,10 +32,18 @@ const FormMDCtrl = /* @__PURE__ */ defineComponent({
       ns,
       hasCaption,
       hasHeader,
+      isDesignPreview,
       onActionClick
     };
   },
   render() {
+    if (this.isDesignPreview) {
+      return createVNode("div", {
+        "class": this.ns.b()
+      }, [createVNode("div", {
+        "class": this.ns.b("preview-content")
+      }, [ibiz.i18n.t("control.form.formMDctrl.defaultText")])]);
+    }
     const {
       model
     } = this.c;

package/es/control/form/form-detail/form-mdctrl/index.d.ts

@@ -12,6 +12,7 @@ export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWith
     ns: import("@ibiz-template/core").Namespace;
     hasCaption: boolean | undefined;
     hasHeader: true | import("@ibiz/model-core").IUIActionGroup | undefined;
+    isDesignPreview: boolean;
     onActionClick: (detail: import("@ibiz/model-core").IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {

package/es/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './mdctrl-container.css';
 import { showTitle } from '@ibiz-template/core';

package/es/control/form/form-detail/form-mdctrl/mdctrl-container2/mdctrl-container2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, onMounted, onUnmounted, createVNode } from 'vue';
+import { ref, watch, onMounted, onUnmounted, createVNode, defineComponent } from 'vue';
 import { FormMDCtrlFormController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import draggable from 'vuedraggable';

package/es/control/form/form-detail/form-page/form-page-item/form-page.item.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
 import { FormPageController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 

package/es/control/form/form-detail/form-page/form-page.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
+import { isVNode, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form-page.css';
 

package/es/control/form/form-detail/form-rawitem/form-rawitem.css

@@ -1 +1 @@
-.ibiz-form-raw-item{--ibiz-form-rawitem-line-height:var(--ibiz-height-control-default);--ibiz-form-rawitem-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-rawitem-font-size:var(--ibiz-font-size-regular);width:100%;height:100%}.ibiz-form-raw-item.is-form-text{padding:var(--ibiz-form-rawitem-padding);font-size:var(--ibiz-form-rawitem-font-size);line-height:var(--ibiz-form-rawitem-line-height)}.ibiz-form-raw-item.is-show-default{padding:var(--ibiz-spacing-none) 11px}
+.ibiz-form-raw-item{--ibiz-form-rawitem-line-height:var(--ibiz-height-control-default);--ibiz-form-rawitem-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-rawitem-font-size:var(--ibiz-font-size-regular);width:100%;height:100%}.ibiz-form-raw-item.is-form-text{padding:var(--ibiz-form-rawitem-padding);font-size:var(--ibiz-form-rawitem-font-size);line-height:var(--ibiz-form-rawitem-line-height)}.ibiz-form-raw-item.is-show-default{padding:var(--ibiz-spacing-none) 11px}.ibiz-form-raw-item-preview-content{display:flex;align-items:center}.ibiz-form-raw-item-preview-content__image{display:flex}.ibiz-form-raw-item-preview-content__video{display:flex}