npm - @ibiz-template/vue3-components - Versions diffs - 0.7.38-alpha.31 → 0.7.38-alpha.56 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (540) hide show

package/es/control/form/form-detail/form-group-panel/form-group-panel.mjs CHANGED Viewed

@@ -74,7 +74,7 @@ const FormGroupPanel = /* @__PURE__ */ defineComponent({
     })) ? _slot : {
       default: () => [_slot]
     });
-    const classArr = [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass];
+    const classArr = [this.ns.b(), this.ns.m(this.modelData.codeName), this.modelData.detailStyle ? this.ns.m(this.modelData.detailStyle.toLowerCase()) : "", ...this.controller.containerClass];
     if (this.modelData.showCaption === true) {
       classArr.push(this.ns.m("show-header"));
       classArr.push(this.ns.b("collapse"));
@@ -95,7 +95,10 @@ const FormGroupPanel = /* @__PURE__ */ defineComponent({
         "class": [this.ns.be("header", "left")]
       }, [createVNode("div", {
         "class": [this.ns.e("caption"), ...this.controller.labelClass]
-      }, [this.captionText])]), createVNode("div", {
+      }, [this.modelData.sysImage && createVNode(resolveComponent("iBizIcon"), {
+        "class": this.ns.em("caption", "icon"),
+        "icon": this.modelData.sysImage
+      }, null), this.captionText])]), createVNode("div", {
         "class": [this.ns.be("header", "right")]
       }, [this.modelData.uiactionGroup && createVNode(resolveComponent("iBizActionToolbar"), {
         "class": this.ns.e("toolbar"),
@@ -104,15 +107,25 @@ const FormGroupPanel = /* @__PURE__ */ defineComponent({
         "onActionClick": this.onActionClick,
         "caption": this.modelData.uiactionGroup.name,
         "mode": this.modelData.actionGroupExtractMode === "ITEMS" ? "dropdown" : "buttons"
-      }, null), this.modelData.titleBarCloseMode !== void 0 && this.modelData.titleBarCloseMode !== 0 && (this.controller.state.collapse ? createVNode("ion-icon", {
-        "name": "caret-forward-sharp",
-        "class": this.ns.be("header", "icon"),
-        "title": ibiz.i18n.t("control.form.formGroup.unfold")
-      }, null) : createVNode("ion-icon", {
-        "name": "caret-down-sharp",
-        "class": this.ns.be("header", "icon"),
-        "title": ibiz.i18n.t("control.form.formGroup.fold")
-      }, null))])]);
+      }, null), this.modelData.titleBarCloseMode !== void 0 && this.modelData.titleBarCloseMode !== 0 && (this.controller.state.collapse ? createVNode("svg", {
+        "xmlns": "http://www.w3.org/2000/svg",
+        "viewBox": "0 0 1024 1024",
+        "width": "1em",
+        "height": "1em",
+        "class": this.ns.be("header", "icon")
+      }, [createVNode("title", null, [ibiz.i18n.t("control.form.formGroup.unfold")]), createVNode("path", {
+        "fill": "currentColor",
+        "d": "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
+      }, null)]) : createVNode("svg", {
+        "xmlns": "http://www.w3.org/2000/svg",
+        "viewBox": "0 0 1024 1024",
+        "width": "1em",
+        "height": "1em",
+        "class": this.ns.be("header", "icon")
+      }, [createVNode("title", null, [ibiz.i18n.t("control.form.formGroup.fold")]), createVNode("path", {
+        "fill": "currentColor",
+        "d": "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
+      }, null)]))])]);
     }
     let footer = null;
     if (this.modelData.showMoreMode === 2) {

package/es/control/form/form-detail/form-item/composite-form-item/composite-form-item.d.ts ADDED Viewed

@@ -0,0 +1,35 @@
+import { PropType } from 'vue';
+import { IDEFormItem } from '@ibiz/model-core';
+import { FormItemController } from '@ibiz-template/runtime';
+export declare const CompositeFormItem: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEFormItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormItemController;
+        required: true;
+    };
+    attrs: {
+        type: PropType<IData>;
+        required: false;
+    };
+}, {
+    c: FormItemController;
+    extraParams: import("vue").Ref<{}>;
+    onValueChange: (val: unknown, name?: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDEFormItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormItemController;
+        required: true;
+    };
+    attrs: {
+        type: PropType<IData>;
+        required: false;
+    };
+}>>, {}, {}>;
+export default CompositeFormItem;

package/es/control/form/form-detail/form-item/composite-form-item/composite-form-item.mjs ADDED Viewed

@@ -0,0 +1,93 @@
+import { defineComponent, ref, resolveComponent, h, createVNode } from 'vue';
+import { FormItemController } from '@ibiz-template/runtime';
+"use strict";
+const CompositeFormItem = /* @__PURE__ */ defineComponent({
+  name: "IBizCompositeFormItem",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: FormItemController,
+      required: true
+    },
+    attrs: {
+      type: Object,
+      required: false
+    }
+  },
+  setup(props) {
+    var _a, _b, _c, _d;
+    const c = props.controller;
+    const onValueChange = (val, name) => {
+      props.controller.setDataValue(val, name);
+    };
+    const extraParams = ref({});
+    let emptyHiddenUnit = ibiz.config.form.emptyHiddenUnit;
+    const emptyhiddenunit = (_b = (_a = props.controller.form) == null ? void 0 : _a.controlParams) == null ? void 0 : _b.emptyhiddenunit;
+    if (emptyhiddenunit) {
+      emptyHiddenUnit = Object.is(emptyhiddenunit, "true");
+    }
+    const editorParams = ((_d = (_c = props.controller.editor) == null ? void 0 : _c.model) == null ? void 0 : _d.editorParams) || {};
+    const {
+      EMPTYHIDDENUNIT
+    } = editorParams;
+    if (EMPTYHIDDENUNIT) {
+      emptyHiddenUnit = Object.is(EMPTYHIDDENUNIT, "true");
+    }
+    Object.assign(extraParams.value, {
+      emptyHiddenUnit
+    });
+    return {
+      c,
+      extraParams,
+      onValueChange
+    };
+  },
+  render() {
+    var _a, _b, _c, _d, _e;
+    if (!this.c.state.visible || ((_a = this.controller.model.editor) == null ? void 0 : _a.editorType) === "HIDDEN") {
+      return null;
+    }
+    let editor = null;
+    const editMode = (_d = (_c = (_b = this.controller.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,
+      onChange: this.onValueChange,
+      extraParams: this.extraParams,
+      controlParams: editMode ? {
+        ...this.controller.form.controlParams,
+        editmode: editMode
+      } : this.controller.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),
+      ...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);
+      }
+    }
+    return editor;
+  }
+});
+export { CompositeFormItem, CompositeFormItem as default };

package/es/control/form/form-detail/form-item/form-item-container/form-item-container.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:0 var(--ibiz-spacing-base-tight) 0 0;--ibiz-form-item-container-label-right-padding:0 0 0 var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--tooltip{max-width:150px}.ibiz-form-item-container__label--tooltip:has(ion-icon){padding-right:var(--ibiz-width-icon-large)}.ibiz-form-item-container__label--tooltip a{padding:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-link)}.ibiz-form-item-container__label--tooltip ion-icon{position:absolute;font-size:var(--ibiz-width-icon-large);color:var(--ibiz-color-fill-2)}.ibiz-form-item-container__popper.el-popper.is-light{padding:0 var(--ibiz-spacing-extra-tight);border:1px solid var(--ibiz-color-text-0);border-radius:0}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--left .ibiz-form-item-container__content,.ibiz-form-item-container--right .ibiz-form-item-container__content{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);line-height:var(--ibiz-form-item-container-line-height);text-align:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);line-height:var(--ibiz-form-item-container-line-height);text-align:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}
1	+ .ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:0 var(--ibiz-spacing-base-tight) 0 0;--ibiz-form-item-container-label-right-padding:0 0 0 var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--tooltip{max-width:150px}.ibiz-form-item-container__label--tooltip:has(ion-icon){padding-right:var(--ibiz-width-icon-large)}.ibiz-form-item-container__label--tooltip a{padding:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-link)}.ibiz-form-item-container__label--tooltip ion-icon{position:absolute;font-size:var(--ibiz-width-icon-large);color:var(--ibiz-color-fill-2)}.ibiz-form-item-container__label--icon{padding-right:var(--ibiz-spacing-tight)}.ibiz-form-item-container__popper.el-popper.is-light{padding:0 var(--ibiz-spacing-extra-tight);border:1px solid var(--ibiz-color-text-0);border-radius:0}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--left .ibiz-form-item-container__content,.ibiz-form-item-container--right .ibiz-form-item-container__content{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);line-height:var(--ibiz-form-item-container-line-height);text-align:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);line-height:var(--ibiz-form-item-container-line-height);text-align:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .ibiz-form-item-container__editor .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}

package/es/control/form/form-detail/form-item/form-item-container/form-item-container.d.ts CHANGED Viewed

@@ -46,6 +46,9 @@ export declare const IBizFormItemContainer: import("vue").DefineComponent<{
     inputTipClosable: {
         type: BooleanConstructor;
     };
+    labelSysImg: {
+        type: ObjectConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     cssVars: import("vue").ComputedRef<Record<string, string>>;
@@ -98,6 +101,9 @@ export declare const IBizFormItemContainer: import("vue").DefineComponent<{
     inputTipClosable: {
         type: BooleanConstructor;
     };
+    labelSysImg: {
+        type: ObjectConstructor;
+    };
 }>>, {
     labelWidth: number;
     enableInputTip: boolean;

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
+import { useNamespace, IBizIcon } from '@ibiz-template/vue3-util';
 import './form-item-container.css';
 import { showTitle } from '@ibiz-template/core';
@@ -39,6 +39,9 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
     },
     inputTipClosable: {
       type: Boolean
+    },
+    labelSysImg: {
+      type: Object
     }
   },
   setup(props) {
@@ -69,7 +72,10 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
           default: () => {
             return createVNode("div", {
               "class": classList
-            }, [props.label]);
+            }, [props.labelSysImg && createVNode(IBizIcon, {
+              "class": ns.em("label", "icon"),
+              "icon": props.labelSysImg
+            }, null), props.label]);
           },
           content: () => {
             return createVNode("div", {
@@ -87,7 +93,10 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
       return createVNode("div", {
         "class": classList,
         "title": showTitle(props.label)
-      }, [props.label]);
+      }, [props.labelSysImg && createVNode(IBizIcon, {
+        "class": ns.em("label", "icon"),
+        "icon": props.labelSysImg
+      }, null), props.label]);
     };
     return {
       ns,

package/es/control/form/form-detail/form-item/form-item.css CHANGED Viewed

	@@ -1 +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}
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)}

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

@@ -19,7 +19,7 @@ export declare const FormItem: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     c: FormItemController;
     extraParams: import("vue").Ref<{}>;
-    onValueChange: (val: unknown, name?: string) => void;
+    onValueChange: (val: unknown, name?: string, ignore?: boolean) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEFormItem>;

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

@@ -1,7 +1,8 @@
-import { isVNode, defineComponent, ref, resolveComponent, h, createVNode } from 'vue';
+import { isVNode, defineComponent, ref, createVNode, resolveComponent, h } 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';
 "use strict";
 function _isSlot(s) {
@@ -27,8 +28,8 @@ const FormItem = /* @__PURE__ */ defineComponent({
     var _a, _b, _c, _d;
     const ns = useNamespace("form-item");
     const c = props.controller;
-    const onValueChange = (val, name) => {
-      props.controller.setDataValue(val, name);
+    const onValueChange = (val, name, ignore = false) => {
+      props.controller.setDataValue(val, name, ignore);
     };
     const extraParams = ref({});
     let emptyHiddenUnit = ibiz.config.form.emptyHiddenUnit;
@@ -59,47 +60,63 @@ const FormItem = /* @__PURE__ */ defineComponent({
       return null;
     }
     let editor = null;
-    const editMode = (_d = (_c = (_b = this.controller.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,
-      onChange: this.onValueChange,
-      extraParams: this.extraParams,
-      controlParams: editMode ? {
-        ...this.controller.form.controlParams,
-        editmode: editMode
-      } : this.controller.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),
-      ...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
+    const compositeItem = this.controller.model.compositeItem;
+    if (compositeItem) {
+      const {
+        editorItems = []
+      } = this.controller.model.editor || {};
+      editor = editorItems.map((item) => {
+        const controller = this.controller.form.details[item.id];
+        return createVNode(CompositeFormItem, {
+          "modelData": controller.model,
+          "controller": controller,
+          "attrs": this.attrs
         }, 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 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,
+        onChange: this.onValueChange,
+        extraParams: this.extraParams,
+        controlParams: editMode ? {
+          ...this.controller.form.controlParams,
+          editmode: editMode
+        } : this.controller.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),
+        ...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);
+        }
       }
     }
     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.controller.containerClass],
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), this.ns.is("compositeItem", compositeItem), ...this.controller.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,

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

@@ -16,7 +16,7 @@ export declare const IBizFormItem: import("@ibiz-template/vue3-util").TypeWithIn
     ns: import("@ibiz-template/core").Namespace;
     c: import("@ibiz-template/runtime").FormItemController;
     extraParams: import("vue").Ref<{}>;
-    onValueChange: (val: unknown, name?: string | undefined) => void;
+    onValueChange: (val: unknown, name?: string | undefined, ignore?: boolean) => 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").IDEFormItem>;