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

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

@@ -1,76 +1,3 @@
-import { EditFormController, IControlProvider } from '@ibiz-template/runtime';
-import { IDEEditForm } from '@ibiz/model-core';
-import { PropType, Ref } from 'vue';
-export declare const EditFormControl: import("vue").DefineComponent<{
-    modelData: {
-        type: PropType<IDEEditForm>;
-        required: true;
-    };
-    context: {
-        type: PropType<IContext>;
-        required: true;
-    };
-    params: {
-        type: PropType<IParams>;
-        default: () => {};
-    };
-    provider: {
-        type: PropType<IControlProvider>;
-    };
-    isSimple: {
-        type: BooleanConstructor;
-        required: false;
-    };
-    data: {
-        type: PropType<IData>;
-        required: false;
-    };
-    loadDefault: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    c: EditFormController;
-    ns: import("@ibiz-template/core").Namespace;
-    anchorList: Ref<IData[]>;
-    anchorTargetRef: Ref<IData | undefined>;
-    calcNavBarConfig: () => {
-        navBarPos: string | undefined;
-        navBarSysCss: import("@ibiz/model-core").ISysCss | undefined;
-        navBarWidth: number | undefined;
-        navBarStyle: string | undefined;
-        navbarHeight: number | undefined;
-    };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelData: {
-        type: PropType<IDEEditForm>;
-        required: true;
-    };
-    context: {
-        type: PropType<IContext>;
-        required: true;
-    };
-    params: {
-        type: PropType<IParams>;
-        default: () => {};
-    };
-    provider: {
-        type: PropType<IControlProvider>;
-    };
-    isSimple: {
-        type: BooleanConstructor;
-        required: false;
-    };
-    data: {
-        type: PropType<IData>;
-        required: false;
-    };
-    loadDefault: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    params: IParams;
-    isSimple: boolean;
-    loadDefault: boolean;
-}, {}>;
+import { defineComponent } from 'vue';
+import './edit-form.scss';
+export declare const EditFormControl: ReturnType<typeof defineComponent>;

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

@@ -1,6 +1,8 @@
 import { isVNode, defineComponent, ref, watch, reactive, createVNode, resolveComponent } from 'vue';
 import { EditFormController } from '@ibiz-template/runtime';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { debounce } from 'lodash-es';
+import './edit-form.css';
 
 "use strict";
 function _isSlot(s) {
@@ -41,6 +43,8 @@ const EditFormControl = /* @__PURE__ */ defineComponent({
     const c = useControlController((...args) => new EditFormController(...args), {
       excludePropsKeys: ["data"]
     });
+    const ns = useNamespace("control-edit-form");
+    const filter = ref("");
     const anchorList = ref([]);
     const anchorTargetRef = ref();
     if (props.isSimple) {
@@ -59,7 +63,6 @@ const EditFormControl = /* @__PURE__ */ defineComponent({
         deep: true
       });
     }
-    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     c.evt.on("onCreated", () => {
       const keys = Object.keys(c.details);
       keys.forEach((key) => {
@@ -84,23 +87,42 @@ const EditFormControl = /* @__PURE__ */ defineComponent({
         navbarHeight
       };
     };
+    const handleInput = debounce((val) => {
+      c.filterDetail(val);
+    }, 300, {
+      leading: true
+    });
     return {
       c,
       ns,
+      filter,
       anchorList,
       anchorTargetRef,
+      handleInput,
       calcNavBarConfig
     };
   },
   render() {
-    const content = createVNode(resolveComponent("iBizFormControl"), {
+    const {
+      showFormNavBar,
+      enableItemFilter
+    } = this.c.model;
+    const content = createVNode("div", {
+      "class": [this.ns.b(), this.ns.is("item-filter", enableItemFilter)]
+    }, [enableItemFilter && createVNode(resolveComponent("el-input"), {
+      "clearable": true,
+      "modelValue": this.filter,
+      "onUpdate:modelValue": ($event) => this.filter = $event,
+      "onInput": this.handleInput,
+      "class": this.ns.e("quick-search"),
+      "placeholder": ibiz.i18n.t("app.search")
+    }, null), createVNode(resolveComponent("iBizFormControl"), {
       "ref": "anchorTargetRef",
-      "class": this.ns.b(),
       "controller": this.c
     }, {
       ...this.$slots
-    });
-    if (this.c.model.showFormNavBar) {
+    })]);
+    if (showFormNavBar) {
       return createVNode(resolveComponent("iBizAnchorContainer"), {
         "anchorList": this.anchorList.filter((item) => item.pageId === this.c.state.activeTab),
         "anchorTargetEle": this.anchorTargetRef,

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

@@ -1,74 +1,3 @@
-export declare const IBizEditFormControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
-    modelData: {
-        type: import("vue").PropType<import("@ibiz/model-core").IDEEditForm>;
-        required: true;
-    };
-    context: {
-        type: import("vue").PropType<IContext>;
-        required: true;
-    };
-    params: {
-        type: import("vue").PropType<IParams>;
-        default: () => {};
-    };
-    provider: {
-        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
-    };
-    isSimple: {
-        type: BooleanConstructor;
-        required: false;
-    };
-    data: {
-        type: import("vue").PropType<IData>;
-        required: false;
-    };
-    loadDefault: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    c: import("@ibiz-template/runtime").EditFormController;
-    ns: import("@ibiz-template/core").Namespace;
-    anchorList: import("vue").Ref<IData[]>;
-    anchorTargetRef: import("vue").Ref<IData | undefined>;
-    calcNavBarConfig: () => {
-        navBarPos: string | undefined;
-        navBarSysCss: import("@ibiz/model-core").ISysCss | undefined;
-        navBarWidth: number | undefined;
-        navBarStyle: string | undefined;
-        navbarHeight: number | undefined;
-    };
-}, 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").IDEEditForm>;
-        required: true;
-    };
-    context: {
-        type: import("vue").PropType<IContext>;
-        required: true;
-    };
-    params: {
-        type: import("vue").PropType<IParams>;
-        default: () => {};
-    };
-    provider: {
-        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
-    };
-    isSimple: {
-        type: BooleanConstructor;
-        required: false;
-    };
-    data: {
-        type: import("vue").PropType<IData>;
-        required: false;
-    };
-    loadDefault: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    params: IParams;
-    isSimple: boolean;
-    loadDefault: boolean;
-}, {}>>;
+import { withInstall } from '@ibiz-template/vue3-util';
+export declare const IBizEditFormControl: ReturnType<typeof withInstall>;
 export default IBizEditFormControl;

package/es/control/form/form/form.css

@@ -1 +1 @@
-.ibiz-control-form{width:100%;height:100%;padding-bottom:var(--ibiz-spacing-tight)}
+.ibiz-control-form{width:100%;height:100%}

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

@@ -16,7 +16,7 @@ export declare const FormControl: import("vue").DefineComponent<{
         }): (VNode | VNode[] | undefined)[];
         props: string[];
     };
-    slotProps: IData;
+    slotProps: import("@ibiz-template/core").IApiData;
     renderByDetailType: (detail: IDEFormDetail) => VNode | VNode[] | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {

package/es/control/form/form/form.mjs

@@ -129,7 +129,7 @@ const FormControl = /* @__PURE__ */ defineComponent({
       }
     }
     return createVNode(resolveComponent("iBizControlBase"), {
-      "class": [this.ns.b()],
+      "class": this.ns.b(),
       "controller": this.c
     }, _isSlot(slots) ? slots : {
       default: () => [slots]

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

@@ -16,7 +16,7 @@ export declare const IBizFormControl: import("@ibiz-template/vue3-util").TypeWit
         }>[] | undefined)[];
         props: string[];
     };
-    slotProps: IData;
+    slotProps: import("@ibiz-template/core").IApiData;
     renderByDetailType: (detail: import("@ibiz/model-core").IDEFormDetail) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

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

@@ -1,8 +1,10 @@
 import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { FormButtonController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import './form-button.css';
 import { showTitle } from '@ibiz-template/core';
+import '../../../../util/index.mjs';
+import './form-button.css';
+import { convertBtnType } from '../../../../util/button-util/button-util.mjs';
 
 "use strict";
 const FormButton = /* @__PURE__ */ defineComponent({
@@ -43,6 +45,7 @@ const FormButton = /* @__PURE__ */ defineComponent({
     }, [createVNode(resolveComponent("el-button"), {
       "sime": "small",
       "onClick": this.controller.onClick.bind(this.controller),
+      "type": convertBtnType(this.modelData.buttonStyle),
       "loading": this.controller.state.loading,
       "disabled": this.controller.state.disabled,
       "title": showTitle(this.modelData.tooltip)

package/es/control/form/form-detail/form-button-list/form-button-list.d.ts

@@ -13,7 +13,7 @@ export declare const FormButtonList: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    handleClick: (e: MouseEvent, actionId: string) => Promise<void>;
+    handleClick: (id: string, e?: 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: {
         type: PropType<IDEFormButtonList>;

package/es/control/form/form-detail/form-button-list/form-button-list.mjs

@@ -17,11 +17,15 @@ const FormButtonList = /* @__PURE__ */ defineComponent({
     }
   },
   setup(props) {
+    var _a;
     const ns = useNamespace("form-button-list");
     const c = props.controller;
-    const handleClick = async (e, actionId) => {
-      e.stopPropagation();
-      c.doUIAction(actionId, e);
+    const isDesignPreview = ((_a = c.context) == null ? void 0 : _a.srfrunmode) === "DESIGN";
+    const handleClick = async (id, e) => {
+      e == null ? void 0 : e.stopPropagation();
+      if (isDesignPreview)
+        return;
+      c.handleClick(id, e);
     };
     return {
       ns,

package/es/control/form/form-detail/form-button-list/index.d.ts

@@ -9,7 +9,7 @@ export declare const IBizFormButtonList: import("@ibiz-template/vue3-util").Type
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    handleClick: (e: MouseEvent, actionId: string) => Promise<void>;
+    handleClick: (id: string, e?: MouseEvent | undefined) => Promise<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").IDEFormButtonList>;

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

@@ -1 +1 @@
-.ibiz-form-druipart{position:relative;width:100%;height:100%}.ibiz-form-druipart__mask{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;color:var(--ibiz-color-primary-text);background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.ibiz-form-druipart>.el-loading-parent--relative{min-height:100px}
+.ibiz-form-druipart{position:relative;width:100%;height:100%}.ibiz-form-druipart__mask{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;color:var(--ibiz-color-primary-text);background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.ibiz-form-druipart>.el-loading-parent--relative{min-height:100px}.ibiz-form-druipart-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-druipart/form-druipart.d.ts

@@ -13,6 +13,7 @@ export declare const FormDRUIPart: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    isDesignPreview: boolean;
     onCreated: (event: EventBase) => 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-druipart/form-druipart.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, resolveComponent, createVNode, h } from 'vue';
+import { defineComponent, createVNode, resolveComponent, h } from 'vue';
 import { useNamespace, useController } from '@ibiz-template/vue3-util';
 import { FormDRUIPartController } from '@ibiz-template/runtime';
 import './form-druipart.css';
@@ -17,13 +17,16 @@ const FormDRUIPart = /* @__PURE__ */ defineComponent({
     }
   },
   setup(props) {
+    var _a;
     const ns = useNamespace("form-druipart");
     useController(props.controller);
+    const isDesignPreview = ((_a = props.controller.context) == null ? void 0 : _a.srfrunmode) === "DESIGN";
     const onCreated = (event) => {
       props.controller.setEmbedView(event.view);
     };
     return {
       ns,
+      isDesignPreview,
       onCreated
     };
   },
@@ -31,6 +34,13 @@ const FormDRUIPart = /* @__PURE__ */ defineComponent({
     if (!this.controller.state.visible && !this.controller.state.keepAlive || !this.controller.state.viewComponentKey) {
       return null;
     }
+    if (this.isDesignPreview) {
+      return createVNode("div", {
+        "class": this.ns.b()
+      }, [createVNode("div", {
+        "class": this.ns.b("preview-content")
+      }, [ibiz.i18n.t("control.form.formDruipart.defaultText")])]);
+    }
     const viewShell = resolveComponent("IBizViewShell");
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass],

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

@@ -9,6 +9,7 @@ export declare const IBizFormDRUIPart: import("@ibiz-template/vue3-util").TypeWi
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    isDesignPreview: boolean;
     onCreated: (event: import("@ibiz-template/runtime").EventBase) => 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-item/composite-form-item/composite-form-item.d.ts

@@ -11,7 +11,7 @@ export declare const CompositeFormItem: import("vue").DefineComponent<{
         required: true;
     };
     attrs: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: false;
     };
 }, {
@@ -28,7 +28,7 @@ export declare const CompositeFormItem: import("vue").DefineComponent<{
         required: true;
     };
     attrs: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: false;
     };
 }>>, {}, {}>;

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

@@ -72,19 +72,18 @@ const CompositeFormItem = /* @__PURE__ */ defineComponent({
       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);
-      }
+    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,
+        "context": this.controller.context
+      }, null);
     }
     return editor;
   }

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

@@ -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__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}
+.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{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--content{display:flex;max-width:100%;align-items:center}.ibiz-form-item-container__label--content.is-tooltip{cursor:pointer}.ibiz-form-item-container__label--icon{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__label--text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-form-item-container__popper.el-popper{border-radius:0;padding:var(--ibiz-spacing-extra-tight);border:1px solid var(--ibiz-color-border);box-shadow:var(--ibiz-shadow-elevated)}.ibiz-form-item-container__popper.el-popper table{border-spacing:0;border-collapse:collapse}.ibiz-form-item-container__popper.el-popper table tr td,.ibiz-form-item-container__popper.el-popper table tr th{border:1px solid var(--ibiz-color-border);padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight)}.ibiz-form-item-container__popper.el-popper .el-popper__arrow{display:block}.ibiz-form-item-container__popper--content{max-width:500px;padding:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__popper--content a{color:var(--ibiz-color-link)}.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)}.ibiz-form-item-container--left .ibiz-form-item-container__label--content{float: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)}.ibiz-form-item-container--right .ibiz-form-item-container__label--content{float:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label--content::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;top:100%;width:100%;position:absolute;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

@@ -1,111 +1,17 @@
+import { PropType } from 'vue';
+import { FormItemController } from '@ibiz-template/runtime';
 import './form-item-container.scss';
 export declare const IBizFormItemContainer: import("vue").DefineComponent<{
-    required: {
-        type: BooleanConstructor;
+    controller: {
+        type: PropType<FormItemController>;
         required: true;
     };
-    error: {
-        type: StringConstructor;
-    };
-    label: {
-        type: StringConstructor;
-    };
-    labelClass: {
-        type: {
-            (arrayLength: number): string[];
-            (...items: string[]): string[];
-            new (arrayLength: number): string[];
-            new (...items: string[]): string[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-    };
-    labelPos: {
-        type: StringConstructor;
-        required: true;
-    };
-    labelWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    enableInputTip: {
-        type: BooleanConstructor;
-    };
-    inputTip: {
-        type: StringConstructor;
-    };
-    inputTipUrl: {
-        type: StringConstructor;
-    };
-    inputTipClosable: {
-        type: BooleanConstructor;
-    };
-    labelSysImg: {
-        type: ObjectConstructor;
-    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    cssVars: import("vue").ComputedRef<Record<string, string>>;
-    tooltip: import("vue").Ref<any>;
     renderLabel: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    required: {
-        type: BooleanConstructor;
+    controller: {
+        type: PropType<FormItemController>;
         required: true;
     };
-    error: {
-        type: StringConstructor;
-    };
-    label: {
-        type: StringConstructor;
-    };
-    labelClass: {
-        type: {
-            (arrayLength: number): string[];
-            (...items: string[]): string[];
-            new (arrayLength: number): string[];
-            new (...items: string[]): string[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-    };
-    labelPos: {
-        type: StringConstructor;
-        required: true;
-    };
-    labelWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    enableInputTip: {
-        type: BooleanConstructor;
-    };
-    inputTip: {
-        type: StringConstructor;
-    };
-    inputTipUrl: {
-        type: StringConstructor;
-    };
-    inputTipClosable: {
-        type: BooleanConstructor;
-    };
-    labelSysImg: {
-        type: ObjectConstructor;
-    };
-}>>, {
-    labelWidth: number;
-    enableInputTip: boolean;
-    inputTipClosable: boolean;
-}, {}>;
+}>>, {}, {}>;