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

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}

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

@@ -15,6 +15,8 @@ export declare const FormRawItem: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     content: Ref<string | number | undefined>;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    isDesignPreview: boolean;
+    renderPreviewContent: () => JSX.Element | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEFormRawItem>;

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

@@ -1,9 +1,12 @@
-import { defineComponent, ref, computed, watch, createVNode, resolveComponent } from 'vue';
+import { isVNode, ref, computed, createVNode, resolveComponent, watch, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { FormRawItemController } from '@ibiz-template/runtime';
 import './form-rawitem.css';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const FormRawItem = /* @__PURE__ */ defineComponent({
   name: "IBizFormRawItem",
   props: {
@@ -17,6 +20,7 @@ const FormRawItem = /* @__PURE__ */ defineComponent({
     }
   },
   setup(props) {
+    var _a;
     const ns = useNamespace("form-raw-item");
     const c = props.controller;
     const content = ref("");
@@ -26,6 +30,125 @@ const FormRawItem = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
+    const isDesignPreview = ((_a = c.context) == null ? void 0 : _a.srfrunmode) === "DESIGN";
+    const renderPreviewContent = () => {
+      var _a2;
+      let _slot;
+      const contentType = (_a2 = props.modelData.rawItem) == null ? void 0 : _a2.contentType;
+      switch (contentType) {
+        case "RAW": {
+          const caption = props.modelData.rawItem.caption || "";
+          return createVNode("div", {
+            "class": ns.be("preview-content", "raw")
+          }, [caption]);
+        }
+        case "HTML": {
+          const rawItemContent = props.modelData.rawItem.content || "";
+          return createVNode("div", {
+            "class": ns.be("preview-content", "html"),
+            "innerHTML": rawItemContent
+          }, null);
+        }
+        case "IMAGE":
+          return createVNode("div", {
+            "class": ns.be("preview-content", "image")
+          }, [createVNode("svg", {
+            "width": "56px",
+            "height": "56px",
+            "viewBox": "0 0 56 56",
+            "version": "1.1",
+            "xmlns": "http://www.w3.org/2000/svg"
+          }, [createVNode("g", {
+            "stroke": "none",
+            "stroke-width": "1",
+            "fill": "none",
+            "fill-rule": "evenodd"
+          }, [createVNode("g", {
+            "transform": "translate(4.000000, 0.000000)",
+            "fill": "#8c8c8c",
+            "fill-rule": "nonzero"
+          }, [createVNode("rect", {
+            "opacity": "0",
+            "x": "0",
+            "y": "0",
+            "width": "48",
+            "height": "48"
+          }, null), createVNode("path", {
+            "d": "M43.5,7.5 L4.5,7.5 C3.6703125,7.5 3,8.1703125 3,9 L3,39 C3,39.8296875 3.6703125,40.5 4.5,40.5 L43.5,40.5 C44.3296875,40.5 45,39.8296875 45,39 L45,9 C45,8.1703125 44.3296875,7.5 43.5,7.5 Z M15.84375,14.25 C17.4984375,14.25 18.84375,15.5953125 18.84375,17.25 C18.84375,18.9046875 17.4984375,20.25 15.84375,20.25 C14.1890625,20.25 12.84375,18.9046875 12.84375,17.25 C12.84375,15.5953125 14.1890625,14.25 15.84375,14.25 Z M39.9328125,34.7390625 C39.8671875,34.7953125 39.778125,34.828125 39.6890625,34.828125 L8.30625,34.828125 C8.1,34.828125 7.93125,34.659375 7.93125,34.453125 C7.93125,34.3640625 7.9640625,34.2796875 8.0203125,34.209375 L16.003125,24.740625 C16.134375,24.58125 16.3734375,24.5625 16.5328125,24.69375 C16.546875,24.7078125 16.565625,24.721875 16.5796875,24.740625 L21.2390625,30.271875 L28.65,21.4828125 C28.78125,21.3234375 29.0203125,21.3046875 29.1796875,21.4359375 C29.19375,21.45 29.2125,21.4640625 29.2265625,21.4828125 L39.9890625,34.2140625 C40.1109375,34.36875 40.0921875,34.6078125 39.9328125,34.7390625 Z"
+          }, null)])])])]);
+        case "VIDEO":
+          return createVNode("div", {
+            "class": ns.be("preview-content", "video")
+          }, [createVNode("svg", {
+            "width": "56px",
+            "height": "56px",
+            "viewBox": "0 0 56 56",
+            "version": "1.1",
+            "xmlns": "http://www.w3.org/2000/svg"
+          }, [createVNode("g", {
+            "stroke": "none",
+            "stroke-width": "1",
+            "fill": "none",
+            "fill-rule": "evenodd"
+          }, [createVNode("g", {
+            "transform": "translate(4.000000, 4.000000)",
+            "fill-rule": "nonzero"
+          }, [createVNode("rect", {
+            "opacity": "0",
+            "x": "0",
+            "y": "0",
+            "width": "48",
+            "height": "48"
+          }, null), createVNode("rect", {
+            "stroke-width": "2",
+            "x": "5",
+            "y": "5",
+            "width": "38",
+            "height": "38",
+            "rx": "2",
+            "stroke": "#1890FF"
+          }, null), createVNode("path", {
+            "d": "M19.842,16.7706563 L30.3061875,22.4005313 C31.4090625,22.993875 31.822125,24.369 31.2287812,25.4717812 C30.9959833,25.9045408 30.6289074,26.2499678 30.1828125,26.4560625 L19.7187188,31.290375 C18.5818125,31.8156563 17.2343438,31.3198125 16.7090625,30.1828125 C16.571335,29.8846905 16.5,29.560211 16.5,29.2318125 L16.5,18.767625 C16.5,17.5153125 17.5153125,16.5 18.767625,16.5 C19.142625,16.5 19.5118125,16.593 19.842,16.7706563 Z",
+            "fill": "#1890FF"
+          }, null)])])])]);
+        case "PLACEHOLDER":
+          return null;
+        case "DIVIDER":
+          return createVNode(resolveComponent("el-divider"), {
+            "class": ns.be("preview-content", "divider")
+          }, _isSlot(_slot = ibiz.i18n.t("control.form.formRawItem.dividerText")) ? _slot : {
+            default: () => [_slot]
+          });
+        case "INFO":
+          return createVNode(resolveComponent("el-alert"), {
+            "class": ns.be("preview-content", "info"),
+            "title": ibiz.i18n.t("control.form.formRawItem.infoText"),
+            "type": "info",
+            "closable": false,
+            "show-icon": true
+          }, null);
+        case "WARNING":
+          return createVNode(resolveComponent("el-alert"), {
+            "class": ns.be("preview-content", "warning"),
+            "title": ibiz.i18n.t("control.form.formRawItem.warningText"),
+            "type": "warning",
+            "closable": false,
+            "show-icon": true
+          }, null);
+        case "ERROR":
+          return createVNode(resolveComponent("el-alert"), {
+            "class": ns.be("preview-content", "error"),
+            "title": ibiz.i18n.t("control.form.formRawItem.errorText"),
+            "type": "error",
+            "closable": false,
+            "show-icon": true
+          }, null);
+        default:
+          return createVNode("div", {
+            "class": ns.be("preview-content", "default")
+          }, [ibiz.i18n.t("control.form.formRawItem.defaultText")]);
+      }
+    };
     watch(() => c.data, async (newVal) => {
       if (newVal) {
         const rawItemModel = c.model.rawItem;
@@ -56,7 +179,9 @@ const FormRawItem = /* @__PURE__ */ defineComponent({
     return {
       ns,
       content,
-      showFormDefaultContent
+      showFormDefaultContent,
+      isDesignPreview,
+      renderPreviewContent
     };
   },
   render() {
@@ -64,6 +189,13 @@ const FormRawItem = /* @__PURE__ */ defineComponent({
     if (!this.controller.state.visible) {
       return null;
     }
+    if (this.isDesignPreview) {
+      return createVNode("div", {
+        "class": this.ns.b()
+      }, [createVNode("div", {
+        "class": this.ns.b("preview-content")
+      }, [this.renderPreviewContent()])]);
+    }
     return createVNode(resolveComponent("iBizRawItem"), {
       "class": [
         this.ns.b(),

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

@@ -11,6 +11,8 @@ export declare const IBizFormRawItem: import("@ibiz-template/vue3-util").TypeWit
     ns: import("@ibiz-template/core").Namespace;
     content: import("vue").Ref<string | number | undefined>;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    isDesignPreview: boolean;
+    renderPreviewContent: () => JSX.Element | null;
 }, 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").IDEFormRawItem>;

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

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

package/es/control/form/form-detail/form-tab-panel/form-tab-panel.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, reactive, ref, onMounted, onUnmounted, createVNode, resolveComponent } from 'vue';
+import { isVNode, reactive, ref, onMounted, onUnmounted, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace, useController } from '@ibiz-template/vue3-util';
 import './form-tab-panel.css';
 import { FormTabPanelController } from '@ibiz-template/runtime';
@@ -76,7 +76,7 @@ const FormTabPanel = /* @__PURE__ */ defineComponent({
       }, null), c.model.showCaption && c.model.caption]);
     };
     return createVNode(resolveComponent("el-tabs"), {
-      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass],
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.modelData.detailStyle ? this.ns.m(this.modelData.detailStyle.toLowerCase()) : "", ...this.controller.containerClass],
       "model-value": this.controller.state.activeTab,
       "onTabClick": this.onTabClick
     }, _isSlot(_slot2 = defaultSlots.map((slot) => {

package/es/control/form/search-form/index.d.ts

@@ -18,6 +18,10 @@ export declare const IBizSearchFormControl: import("@ibiz-template/vue3-util").T
         type: BooleanConstructor;
         required: false;
     };
+    data: {
+        type: import("vue").PropType<IData>;
+        required: false;
+    };
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
@@ -45,6 +49,10 @@ export declare const IBizSearchFormControl: import("@ibiz-template/vue3-util").T
         type: BooleanConstructor;
         required: false;
     };
+    data: {
+        type: import("vue").PropType<IData>;
+        required: false;
+    };
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;

package/es/control/form/search-form/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { SearchFormControl } from './search-form.mjs';
 import { SearchFormProvider } from './search-form.provider.mjs';

package/es/control/form/search-form/search-form.d.ts

@@ -22,6 +22,10 @@ export declare const SearchFormControl: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: false;
     };
+    data: {
+        type: PropType<IData>;
+        required: false;
+    };
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
@@ -49,6 +53,10 @@ export declare const SearchFormControl: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: false;
     };
+    data: {
+        type: PropType<IData>;
+        required: false;
+    };
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;

package/es/control/form/search-form/search-form.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, createVNode, resolveComponent } from 'vue';
+import { watch, reactive, resolveComponent, createVNode, defineComponent } from 'vue';
 import { SearchFormController } from '@ibiz-template/runtime';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './search-form.css';
@@ -26,14 +26,34 @@ const SearchFormControl = /* @__PURE__ */ defineComponent({
       type: Boolean,
       required: false
     },
+    data: {
+      type: Object,
+      required: false
+    },
     loadDefault: {
       type: Boolean,
       default: true
     }
   },
-  setup() {
+  setup(props) {
     const c = useControlController((...args) => new SearchFormController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
+    if (props.isSimple) {
+      c.evt.on("onMounted", () => {
+        c.setSimpleData(props.data || {});
+      });
+      watch(() => props.data, (newVal) => {
+        const changeVal = newVal || {};
+        const find = Object.keys(c.data).find((key) => {
+          return changeVal[key] !== c.data[key];
+        });
+        if (find) {
+          c.setSimpleData(changeVal);
+        }
+      }, {
+        deep: true
+      });
+    }
     c.evt.on("onCreated", () => {
       const keys = Object.keys(c.details);
       keys.forEach((key) => {

package/es/control/gantt/gantt.mjs

@@ -1,5 +1,5 @@
-import { defineComponent, ref, resolveComponent, getCurrentInstance, onMounted, watch, computed, h, createVNode, withDirectives, resolveDirective } from 'vue';
-import { useControlController, useNamespace, useUIStore, IBizControlShell } from '@ibiz-template/vue3-util';
+import { isVNode, ref, resolveComponent, getCurrentInstance, onMounted, watch, computed, h, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { useControlController, useNamespace, useUIStore, hasEmptyPanelRenderer, IBizCustomRender, IBizControlShell } from '@ibiz-template/vue3-util';
 import { GanttController } from '@ibiz-template/runtime';
 import { showTitle } from '@ibiz-template/core';
 import dayjs from 'dayjs';
@@ -7,6 +7,9 @@ import { findNodeData, formatNodeDropType } from '../tree/el-tree-util.mjs';
 import './gantt.css';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const GanttControl = /* @__PURE__ */ defineComponent({
   name: "IBizGanttControl",
   props: {
@@ -320,10 +323,20 @@ const GanttControl = /* @__PURE__ */ defineComponent({
       const {
         isLoaded
       } = c.state;
+      const noDataSlots = {};
+      if (hasEmptyPanelRenderer(c)) {
+        Object.assign(noDataSlots, {
+          customRender: () => createVNode(IBizCustomRender, {
+            "controller": c
+          }, null)
+        });
+      }
       return isLoaded && createVNode(resolveComponent("iBizNoData"), {
         "text": c.model.emptyText,
         "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
+      }, _isSlot(noDataSlots) ? noDataSlots : {
+        default: () => [noDataSlots]
+      });
     };
     const renderColumn = (model, index) => {
       const {

package/es/control/gantt/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { GanttControl } from './gantt.mjs';
 import { GanttProvider } from './gantt.provider.mjs';

package/es/control/grid/grid/grid-control.util.d.ts

@@ -53,6 +53,8 @@ export declare function useITableEvent(c: GridController): {
     }) => string;
     cleanKeyDown: () => void;
     cleanKeyUp: () => void;
+    cleanClick: () => void;
+    cleanEnter: () => void;
 };
 /**
  * 使用表格分页组件