@ibiz-template/vue3-components 0.7.39 → 0.7.40

package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.d.ts

@@ -1,9 +1,19 @@
 import './ibiz-checkbox.scss';
 import { CheckBoxEditorController } from '../check-box-editor.controller';
+/**
+ * 选项框
+ *
+ * @description 使用el-checkbox组件，两种相互对立的状态间的切换，呈现样式为复选框。支持编辑器类型包含：`选项框`
+ * @primary
+ * @editorparams {name:selectValue,parameterType:number,defaultvalue:1,description:该参数用于设置复选框被选中时所对应的值。当复选框状态为选中时，组件会将此值作为选中状态的值进行处理}
+ * @editorparams {name:nullValue,parameterType:number,defaultvalue:0,description:该参数用于设置复选框未被选中时所对应的值。当复选框状态为未选中时，组件会将此值作为未选中状态的值进行处理}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
 export declare const IBizCheckbox: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CheckBoxEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -30,14 +40,14 @@ export declare const IBizCheckbox: import("vue").DefineComponent<{
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CheckBoxEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -57,11 +67,11 @@ export declare const IBizCheckbox: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.d.ts

@@ -1,9 +1,17 @@
 import { CheckBoxListEditorController } from '../checkbox-list-editor.controller';
 import './ibiz-checkbox-list.scss';
+/**
+ * 选项框列表
+ *
+ * @description 使用el-checkbox-group组件，通过选项框组选择多项数据，该组件通常用于绘制代码表。支持编辑器类型包含：`选项框列表`
+ * @primary
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits blur | focus | enter
+ */
 export declare const IBizCheckboxList: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CheckBoxListEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -25,6 +33,8 @@ export declare const IBizCheckboxList: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     items: import("vue").Ref<readonly {
+        [x: string]: any;
+        [x: symbol]: any;
         value: string | number;
         text: string;
         id: string;
@@ -51,7 +61,7 @@ export declare const IBizCheckboxList: import("vue").DefineComponent<{
             modelId?: string | undefined;
             modelType?: string | undefined;
         } | undefined;
-        data?: IData | undefined;
+        data?: import("@ibiz-template/core").IApiData | undefined;
         tooltip?: string | undefined;
         userData?: string | undefined;
         beginValue?: number | undefined;
@@ -66,14 +76,14 @@ export declare const IBizCheckboxList: import("vue").DefineComponent<{
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CheckBoxListEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -93,11 +103,11 @@ export declare const IBizCheckboxList: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.mjs

@@ -127,7 +127,7 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
     return createVNode("div", {
       "ref": "editorRef",
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("grid-layout", !!this.controller.rowNumber)],
-      "style": this.controller.rowNumber ? "--ibiz-checkbox-list-group-row-number:".concat(this.controller.rowNumber) : ""
+      "style": this.controller.rowNumber ? "".concat(this.ns.cssVarBlockName("group-row-number"), ":").concat(this.controller.rowNumber) : ""
     }, [this.readonly ? this.valueText : createVNode(resolveComponent("el-checkbox-group"), mergeProps({
       "model-value": this.selectArray,
       "onChange": this.onSelectArrayChange

package/es/editor/code/monaco-editor/monaco-editor.css

@@ -1 +1 @@
-.ibiz-code{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-code__box{width:100%;height:100%;min-height:200px;overflow:hidden}.ibiz-code__first-prompt::before{padding-right:var(--ibiz-spacing-base);content:var(--ibiz-code-placeholder)}.ibiz-code-toolbar{display:flex;align-items:center;justify-content:end;width:100%;min-height:var(--ibiz-height-control-default);padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-6)}.ibiz-code-toolbar>*+*{margin-left:var(--ibiz-spacing-base-loose)}.ibiz-code-toolbar i{cursor:pointer}.ibiz-code-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-code-footer{display:flex;align-items:center;justify-content:end;width:100%;min-height:36px;margin-top:var(--ibiz-spacing-base-tight);margin-right:var(--ibiz-spacing-tight)}.ibiz-code-footer>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-code-footer__cancel{height:36px;line-height:36px;color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-code-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-code-footer__save{width:96px;height:36px;line-height:36px;color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-code-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-code-message{width:500px;max-width:unset}.ibiz-code-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-code-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-code-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-code-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-code-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-code-editor-enable .ibiz-code__box{height:calc(100% - 68px)}.ibiz-code-dialog-full-screen{height:80%!important}.ibiz-code-dialog-full-screen .ibiz-code{gap:0;padding:0 var(--ibiz-spacing-extra-loose);--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-code-dialog-full-screen .ibiz-code .ibiz-code__box{height:calc(100% - 124px)}.ibiz-code-dialog-full-screen .ibiz-code .ibiz-code-toolbar{min-height:56px}.ibiz-code-footer-dialog{min-height:68px;margin-top:0}
+.ibiz-code{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-code__box{width:100%;height:100%;min-height:200px;overflow:hidden}.ibiz-code__first-prompt::before{padding-right:var(--ibiz-spacing-base);content:var(--ibiz-code-placeholder)}.ibiz-code-toolbar{position:absolute;top:4px;right:18px;z-index:10;display:flex;align-items:center;justify-content:end;width:auto;height:auto;padding-right:0;font-size:var(--ibiz-font-size-header-6)}.ibiz-code-toolbar>*+*{margin-left:var(--ibiz-spacing-base-loose)}.ibiz-code-toolbar__fullscreen{height:38px;padding:0 12px;font-size:var(--ibiz-font-size-regular);font-style:normal;line-height:2.8;cursor:pointer}.ibiz-code-toolbar__fullscreen:hover{background-color:var(--ibiz-color-bg-3)}.ibiz-code-footer{--ibiz-code-footer-toolbar-height:36px;--ibiz-code-footer-button-height:36px;display:flex;align-items:center;justify-content:end;width:100%;min-height:var(--ibiz-code-footer-toolbar-height);margin-top:var(--ibiz-spacing-base-tight);margin-right:var(--ibiz-spacing-tight)}.ibiz-code-footer>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-code-footer__cancel{height:var(--ibiz-code-footer-button-height);line-height:var(--ibiz-code-footer-button-height);color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-code-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-code-footer__save{width:96px;height:var(--ibiz-code-footer-button-height);line-height:var(--ibiz-code-footer-button-height);color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-code-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-code-message{width:500px;max-width:unset}.ibiz-code-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-code-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-code-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-code-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-code-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-code-editor-enable{--ibiz-code-footer-toolbar-height:36px;--ibiz-code-footer-button-height:36px}.ibiz-code-editor-enable .ibiz-code__box{height:100%}.ibiz-code-editor-enable:has(.ibiz-code-footer) .ibiz-code__box{height:calc(100% - var(--ibiz-code-footer-toolbar-height))}.ibiz-code-dialog-full-screen{width:100%!important;height:100%!important;margin:0!important}.ibiz-code-dialog-full-screen .ibiz-code-footer{--ibiz-code-footer-toolbar-height:68px}.ibiz-code-dialog-full-screen .ibiz-code{gap:0;padding:0 var(--ibiz-spacing-extra-loose);--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-code-dialog-full-screen .ibiz-code .ibiz-code-toolbar{right:calc(var(--ibiz-spacing-extra-loose) + 18px)}.ibiz-code-dialog-full-screen .el-dialog__header{display:none!important}.ibiz-code-dialog-full-screen .el-dialog__body{width:100%;height:100%;padding:0 0 var(--ibiz-spacing-base)}.ibiz-code-dialog-full-screen .el-dialog__body:has(.ibiz-code-footer){padding-bottom:0}.ibiz-code-footer-dialog{margin-top:0}

package/es/editor/code/monaco-editor/monaco-editor.d.ts

@@ -1,5 +1,20 @@
 import { CodeEditorController } from '../code-editor.controller';
 import './monaco-editor.scss';
+/**
+ * 代码编辑
+ *
+ * @description 使用monacoEditor组件封装，用于编辑代码内容。支持编辑器类型包含：`代码编辑器`
+ * @primary
+ * @editorparams {"name":"language","parameterType":"'javaScript' | 'typescript'","defaultvalue":"'typescript'","description":"设置代码编辑器所使用的编程语言类型，比如JavaScript或TypeScript等，会影响代码的语法高亮、智能提示等功能"}
+ * @editorparams {"name":"theme","parameterType":"'vs' | 'vs-dark' | 'hc-black'","defaultvalue":"'vs-dark'","description":"设置代码编辑器呈现的主题样式，可选值为'vs'（浅色主题）、'vs-dark'（深色主题）、'hc-black'（高对比度黑色主题）"}
+ * @editorparams {"name":"enableEdit","parameterType":"boolean","defaultvalue":false,"description":"当该值为true时，会显示代码编辑器顶部的工具栏，并且只有点击编辑按钮后才能开启代码编辑功能，否则编辑框默认处于不可编辑状态，常用于需要控制编辑权限的场景"}
+ * @editorparams {"name":"enableFullScreen","parameterType":"boolean","defaultvalue":false,"description":"若该值为true，会显示代码编辑器顶部的工具栏，并且点击工具栏中的全屏按钮后，编辑框将全屏显示，方便在较大的视野下进行代码编辑工作"}
+ * @editorparams {"name":"customTheme","parameterType":"'vs' | 'vs-dark' | 'hc-black'","description":"当该参数有值时，代码编辑器将使用自定义的主题样式，优先级高于 `theme` 配置的主题；若为空，则使用 `theme` 参数所配置的主题"}
+ * @editorparams {"name":"srfaiappendcurdata","parameterType":"boolean","defaultvalue":false,"description":"在打开AI功能时，该参数用于判断是否传入对象参数，主要用于在请求历史记录时，附加当前参数"}
+ * @editorparams {"name":"srfaiappendcurcontent","parameterType":"string","description":"在打开AI功能时，如果该参数存在值，会将其传入编辑内容作为用户消息，主要用于在请求历史记录后，附加当前编辑内容作为用户消息"}
+ * @ignoreprops autoFocus | overflowMode | controlParams
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
 export declare const IBizCode: import("vue").DefineComponent<{
     value: StringConstructor;
     language: {
@@ -9,7 +24,7 @@ export declare const IBizCode: import("vue").DefineComponent<{
         type: StringConstructor;
     };
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CodeEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -42,9 +57,9 @@ export declare const IBizCode: import("vue").DefineComponent<{
     changeFullScreenState: () => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: StringConstructor;
@@ -55,7 +70,7 @@ export declare const IBizCode: import("vue").DefineComponent<{
         type: StringConstructor;
     };
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CodeEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -75,11 +90,11 @@ export declare const IBizCode: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/code/monaco-editor/monaco-editor.mjs

@@ -185,20 +185,20 @@ const IBizCode = /* @__PURE__ */ defineComponent({
               return true;
             }
           },
-          abortQuestion: (aiChat) => {
+          abortQuestion: async (aiChat) => {
             abortController == null ? void 0 : abortController.abort();
-            aiChat.stopMessage({
+            await aiChat.stopMessage({
               messageid: id,
               state: 30,
               type: "DEFAULT",
               role: "ASSISTANT",
               content: ""
             });
-            aiChat.completeMessage(id, true);
+            await aiChat.completeMessage(id, true);
           },
           action: (action, message) => {
             if (action === "backfill")
-              emit("change", message.content);
+              emit("change", message.realcontent);
           },
           history: async (ctx, param, other) => {
             const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
@@ -334,6 +334,8 @@ const IBizCode = /* @__PURE__ */ defineComponent({
               },
               fontSize: 16,
               // 字体大小
+              fixedOverflowWidgets: true,
+              // 确保悬浮提示不会被裁剪
               scrollBeyondLastLine: false,
               // 取消代码后面一大段空白
               overviewRulerBorder: false
@@ -432,20 +434,16 @@ const IBizCode = /* @__PURE__ */ defineComponent({
       editorInit();
     };
     const isAllowRenderFullScreen = () => {
-      if (enableFullScreen.value) {
-        if (isFullScreen.value) {
-          return createVNode("i", {
-            "class": "fa fa-compress",
-            "aria-hidden": "true",
-            "onClick": () => changeFullScreenState()
-          }, null);
-        }
-        return createVNode("i", {
-          "class": "fa fa-expand",
-          "aria-hidden": "true",
+      if (enableFullScreen.value)
+        return createVNode("span", {
+          "class": ns.be("toolbar", "fullscreen"),
+          "title": ibiz.i18n.t("editor.common.".concat(isFullScreen.value ? "minimize" : "fullscreen")),
           "onClick": () => changeFullScreenState()
-        }, null);
-      }
+        }, [isFullScreen.value ? createVNode("i", {
+          "class": "ch-icon ch-icon-minscreen"
+        }, null) : createVNode("i", {
+          "class": "ch-icon ch-icon-fullscreen"
+        }, null)]);
       return null;
     };
     const renderCancelMessage = () => {
@@ -550,12 +548,10 @@ const IBizCode = /* @__PURE__ */ defineComponent({
         [this.ns.b("editor-readonly")]: this.readonlyState
       }, {
         [this.ns.b("editor-enable")]: !this.readonlyState
-      }]
+      }, this.ns.is("enable", this.hasEnableEdit)]
     }, [this.renderHeaderToolbar(), this.renderCodeContent(), this.hasEnableEdit && !this.readonlyState ? this.renderFooter() : null]), [[resolveDirective("loading"), isLoading]]) : createVNode(resolveComponent("el-dialog"), {
       "modelValue": this.isFullScreen,
       "onUpdate:modelValue": ($event) => this.isFullScreen = $event,
-      "width": "80%",
-      "top": "10vh",
       "class": this.ns.b("dialog-full-screen"),
       "onClose": () => this.changeFullScreenState()
     }, {

package/es/editor/color-picker/ibiz-color-mpicker-custom/ibiz-color-mpicker-custom.d.ts

@@ -43,7 +43,7 @@ export declare const IBizColorMPickerCustom: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    tabs: IData[];
+    tabs: import("@ibiz-template/core").IApiData[];
     curSelect: import("vue").Ref<string>;
     colorStr: import("vue").Ref<string>;
     renderColorList: () => JSX.Element[];

package/es/editor/color-picker/ibiz-color-mpicker-default/ibiz-color-mpicker-default.d.ts

@@ -24,7 +24,7 @@ export declare const IBizColorMPickerDefault: import("vue").DefineComponent<{
     curType: import("vue").Ref<string>;
     curTemplateColor: import("vue").Ref<string>;
     showTemplateList: import("vue").Ref<boolean>;
-    colorType: IData[];
+    colorType: import("@ibiz-template/core").IApiData[];
     templateColorList: import("vue").ComputedRef<any>;
     handleTemplateColorChange: () => void;
     handleSchemeChange: () => void;

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.d.ts

@@ -1,10 +1,24 @@
 import { Ref } from 'vue';
-import './ibiz-color-picker.scss';
 import { ColorPickerEditorController } from '../color-picker-editor.controller';
+import './ibiz-color-picker.scss';
+/**
+ * 颜色选择器
+ *
+ * @description 用于颜色选择，支持单选和多选模式，根据需求选择一个或多个颜色。支持编辑器类型包含：`颜色选择器`
+ * @primary
+ * @editorparams {"name":"defaultVal","parameterType":"string[]","defaultvalue":[],"description": "表示在颜色选择器初始化时默认呈现的颜色数组。当编辑器的自定义模式 `CUSTOM` 值为 true 时，该默认值生效，会按照此数组显示默认颜色"}
+ * @editorparams {"name":"MULTIPLE","parameterType":"boolean","defaultvalue":false,"description": "该参数用于控制颜色选择器是否支持多选功能。默认情况下为单选模式，当该值设置为 true 时，启用多选模式，用户可以选择多个颜色"}
+ * @editorparams {"name":"CUSTOM","parameterType":"boolean","defaultvalue":false,"description": "该参数决定颜色选择器是否处于自定义模式。默认不启用自定义模式，当值为 true 时，启用自定义模式，此时可以按照自定义的方式进行颜色选择和设置，例如自定义颜色列表等相关操作"}
+ * @editorparams {"name":"TYPE","parameterType":"'ITEM' | 'ITEMS'","defaultvalue":"'ITEMS'","description": "用于设置下拉选择的颜色数组的显示类型。当值为 'ITEM' 时，表示下拉选择的颜色数组仅有一个颜色；当值为 'ITEMS' 时，表示下拉选择的颜色数组包含多个颜色"}
+ * @editorparams {"name":"isHiddenText","parameterType":"boolean","defaultvalue":false,"description": "用于控制是否隐藏颜色选择器中的颜色文本显示。默认情况下不隐藏颜色文本，当该值设置为 true 时，会隐藏颜色文本的显示，仅展示颜色选择相关的组件"}
+ * @editorparams {"name":"CUSTOMCOLORLIST","parameterType":"string","description": "该参数用于设置自定义的颜色列表值，其格式是一个字符串形式的JSON数组。例如配置示例：`CUSTOMCOLORLIST=[{'text':'颜色名字','value':['#123123','#111222','#333322','#11ff33']}]`，通过此配置可以自定义颜色选择器中显示的颜色选项"}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits enter | infoTextChange
+ */
 export declare const IBizColorPicker: import("vue").DefineComponent<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<ColorPickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -28,8 +42,8 @@ export declare const IBizColorPicker: import("vue").DefineComponent<{
     c: ColorPickerEditorController;
     currentVal: Ref<string | string[] | null>;
     predefineColors: Ref<string[]>;
-    contentStyle: import("vue").ComputedRef<IData | null>;
-    colorPicker: Ref<IData | null>;
+    contentStyle: import("vue").ComputedRef<import("@ibiz-template/core").IApiData | null>;
+    colorPicker: Ref<import("@ibiz-template/core").IApiData | null>;
     multiple: boolean;
     isCustom: boolean;
     customColorList: any;
@@ -42,14 +56,14 @@ export declare const IBizColorPicker: import("vue").DefineComponent<{
     onChange: (value: string | string[]) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<ColorPickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -69,11 +83,11 @@ export declare const IBizColorPicker: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.mjs

@@ -1,8 +1,8 @@
 import { ref, computed, watch, createVNode, resolveComponent, mergeProps, defineComponent } from 'vue';
 import { getColorPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
-import './ibiz-color-picker.css';
 import { IBizColorMPickerCustom } from '../ibiz-color-mpicker-custom/ibiz-color-mpicker-custom.mjs';
 import { IBizColorMPickerDefault } from '../ibiz-color-mpicker-default/ibiz-color-mpicker-default.mjs';
+import './ibiz-color-picker.css';
 
 "use strict";
 const IBizColorPicker = /* @__PURE__ */ defineComponent({

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.d.ts

@@ -1,10 +1,18 @@
 import { Ref } from 'vue';
-import './ibiz-mpicker.scss';
 import { PickerEditorController } from '../picker-editor.controller';
+import './ibiz-mpicker.scss';
+/**
+ * 地址框选择
+ *
+ * @description 使用el-select组件封装，用于选择多项数据，支持 AC 实时搜索，输入关键词即可从服务器获取数据；通过模态窗口呈现自定义样式的选择界面，解决下拉选择展示、检索及样式的局限。支持编辑器类型包含：`地址框（选择）`、`地址框（支持选择、AC）`
+ * @primary
+ * @editorparams {"name":"overflowMode","parameterType":"'auto' | 'ellipsis'","defaultvalue":"'auto'","description":"文本超出呈现模式。当参数值值为 'auto' 时，宽度按照内容展开；当参数值为 'ellipsis' 时，若内容超出宽度则会显示省略号"}
+ * @ignoreprops overflowMode
+ */
 export declare const IBizMPicker: import("vue").DefineComponent<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -28,7 +36,7 @@ export declare const IBizMPicker: import("vue").DefineComponent<{
     c: PickerEditorController;
     curValue: Ref<string[]>;
     loading: Ref<boolean>;
-    items: Ref<IData[]>;
+    items: Ref<import("@ibiz-template/core").IApiData[]>;
     valueText: import("vue").ComputedRef<string>;
     onSearch: (query: string) => Promise<void>;
     onOpenChange: (flag: boolean) => void;
@@ -38,7 +46,7 @@ export declare const IBizMPicker: import("vue").DefineComponent<{
     onFocus: (e: IData) => void;
     onBlur: (e: IData) => void;
     handleKeyUp: (e: KeyboardEvent) => void;
-    selectItems: Ref<IData[]>;
+    selectItems: Ref<import("@ibiz-template/core").IApiData[]>;
     editorRef: Ref<any>;
     isEditable: Ref<boolean>;
     setEditable: (flag: boolean) => void;
@@ -46,14 +54,14 @@ export declare const IBizMPicker: import("vue").DefineComponent<{
     renderEmpty: () => JSX.Element | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -73,11 +81,11 @@ export declare const IBizMPicker: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs

@@ -1,8 +1,8 @@
 import { ref, computed, watch, onMounted, resolveComponent, createVNode, mergeProps, h, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
-import './ibiz-mpicker.css';
 import { clone } from 'lodash-es';
 import { showTitle } from '@ibiz-template/core';
+import './ibiz-mpicker.css';
 
 "use strict";
 const IBizMPicker = /* @__PURE__ */ defineComponent({

package/es/editor/data-picker/ibiz-picker/ibiz-picker.d.ts

@@ -1,11 +1,19 @@
 import { Ref } from 'vue';
-import './ibiz-picker.scss';
 import { IAppDEUIActionGroupDetail } from '@ibiz/model-core';
 import { PickerEditorController } from '../picker-editor.controller';
+import './ibiz-picker.scss';
+/**
+ * 数据选择
+ *
+ * @description 使用el-input和el-autocomplete组件封装，用于选择单项数据，支持 AC 实时搜索，输入关键词即可从服务器获取数据；通过模态窗口呈现自定义样式的选择界面，解决下拉选择展示、检索及样式的局限，支持打开数据链接视图。支持编辑器类型包含：`数据选择`、`数据选择（无AC）`、`数据选择（无AC、数据链接）`、`数据选择（下拉、数据链接）`、`数据选择（数据链接）`、`数据选择（无按钮）`
+ * @primary
+ * @editorparams {"name":"overflowMode","parameterType":"'auto' | 'ellipsis'","defaultvalue":"'auto'","description":"文本超出呈现模式。当参数值值为 'auto' 时，宽度按照内容展开；当参数值为 'ellipsis' 时，若内容超出宽度则会显示省略号"}
+ * @ignoreprops overflowMode
+ */
 export declare const IBizPicker: import("vue").DefineComponent<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -29,7 +37,7 @@ export declare const IBizPicker: import("vue").DefineComponent<{
     c: PickerEditorController;
     curValue: Ref<string | string[] | null>;
     valueText: import("vue").ComputedRef<string>;
-    items: Ref<IData[]>;
+    items: Ref<import("@ibiz-template/core").IApiData[]>;
     openPickUpView: (e: MouseEvent) => Promise<void>;
     openLinkView: (e: MouseEvent) => Promise<void>;
     onACSelect: (item: IData) => Promise<void>;
@@ -48,14 +56,14 @@ export declare const IBizPicker: import("vue").DefineComponent<{
     renderEmpty: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -75,11 +83,11 @@ export declare const IBizPicker: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs

@@ -1,8 +1,8 @@
 import { ref, computed, watch, onMounted, resolveComponent, createVNode, h, mergeProps, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
 import { isEmpty, isNil } from 'ramda';
-import './ibiz-picker.css';
 import { showTitle } from '@ibiz-template/core';
+import './ibiz-picker.css';
 
 "use strict";
 const IBizPicker = /* @__PURE__ */ defineComponent({
@@ -188,13 +188,13 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
         if (newVal !== oldVal) {
-          if (!isLoaded.value && editorRef.value && isNil(props.value) && !isNil(newVal)) {
+          if (!isLoaded.value && isNil(props.value) && !isNil(newVal)) {
             await onSearch("");
           }
           const curItem = items.value.find((item) => Object.is(item[c.keyName], newVal));
           if (curItem) {
             curValue.value = curItem[c.textName];
-            if (editorRef.value && isNil(props.value) && !isNil(newVal)) {
+            if (isNil(props.value) && !isNil(newVal)) {
               emit("change", curValue.value, c.model.id, true);
             }
           }

package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.css

@@ -1 +1 @@
-.ibiz-picker-dropdown{--ibiz-picker-dropdown-height:var(--ibiz-editor-default-line-height);--ibiz-picker-dropdown-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-picker-dropdown-transfer-zindex:1000}.ibiz-picker-dropdown .el-select{width:100%}.ibiz-picker-dropdown .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-picker-dropdown .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-picker-dropdown--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-dropdown__action-item{color:var(--ibiz-color-link);text-align:center}.ibiz-picker-dropdown__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-picker-dropdown__transfer{--ibiz-picker-dropdown-height:var(--ibiz-editor-default-line-height);--ibiz-picker-dropdown-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-picker-dropdown-transfer-zindex:1000;z-index:var(--ibiz-picker-dropdown-transfer-zindex)!important}.ibiz-picker-dropdown__transfer.is-empty .el-select-dropdown__item{height:auto;padding:0}.ibiz-picker-dropdown__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-picker-dropdown-empty-bg-color)}.ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-select{display:block}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-dropdown-select{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-select{display:block}
+.ibiz-picker-dropdown{--ibiz-picker-dropdown-height:var(--ibiz-editor-default-line-height);--ibiz-picker-dropdown-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-picker-dropdown-transfer-zindex:1000}.ibiz-picker-dropdown .el-select{width:100%}.ibiz-picker-dropdown .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-picker-dropdown .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-picker-dropdown--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-dropdown__action-item{color:var(--ibiz-color-link);text-align:center}.ibiz-picker-dropdown__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-picker-dropdown__transfer{--ibiz-picker-dropdown-height:var(--ibiz-editor-default-line-height);--ibiz-picker-dropdown-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-picker-dropdown-transfer-zindex:1000;z-index:var(--ibiz-picker-dropdown-transfer-zindex)!important}.ibiz-picker-dropdown__transfer.is-empty .el-select-dropdown__item{height:auto;padding:0}.ibiz-picker-dropdown__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-picker-dropdown-empty-bg-color)}.ibiz-picker-dropdown__hidden-input{position:relative;z-index:-9999;width:0;height:0;padding:0;margin:0;border:none;opacity:0}.ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-select{display:block}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-dropdown-select{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-select{display:block}