@ibiz-template/vue3-components 0.7.39 → 0.7.40

package/es/editor/date-range-select/date-range-select-picker/date-range-select.d.ts

@@ -1,12 +1,27 @@
-import { PropType } from 'vue';
 import { DateRangeSelectEditorController } from '../date-range-select.controller';
 import './date-range-select.scss';
+/**
+ * 时间范围选择（扩展）
+ *
+ * @description 使用el-date-picker组件封装，用于实现天、周、月、季度、年等不同时间单位的时间范围选择功能。支持编辑器样式为`时间范围（可选单位）`，基于`时间范围选择器`编辑器进行扩展
+ * @primary
+ * @editorparams {"name":"switchUnit","parameterType":"boolean","defaultvalue":true,"description":"是否显示时间单位选择功能组件，该组件主要用于切换时间单位，根据不同的时间单位抛出不同的开始与结束时间值"}
+ * @editorparams {"name":"defaultUnit","parameterType":"'DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR'","defaultvalue":"'DAY'","description":"默认时间单位，配置不同时间单位将展示对应的时间选择组件"}
+ * @editorparams {"name":"emitMode","parameterType":"'DEFAULT' | 'TIME'","defaultvalue":"'DEFAULT'","description":"数据抛出模式。当参数值为 'DEFAULT' 且时间单位为 'DAY' 时，若当前时间为 '2025/04/23'，开始时间为 '2025/04/22'、结束时间为 '2025/04/24'，此时若时间类型为固定时间，将开始与结束时间的时间戳除以 1000 后按 `{start:1745251200,end:1745510399,unit:'DAY',type:'STATIC'}` 格式抛值，若为动态时间则按 `{start:-1,end:1,unit:'DAY',type:'DYNAMIC'}` 格式抛值，以当前时间与开始、结束时间的时间间隔体现；而当参数值为 'TIME' 时，将开始与结束时间按本地时间格式转换为字符串，按 `{start:'2025/4/22 00:00:00',end:'2025/4/24 23:59:59',unit:'DAY',type:'STATIC'}` 格式抛值"}
+ * @ignoreprops autoFocus | overflowMode | controlParams
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
 export declare const IBizDateRangeSelect: import("vue").DefineComponent<{
     value: {
-        type: PropType<IData>;
+        type: import("vue").PropType<{
+            unit: "MONTH" | "WEEK" | "DAY" | "QUARTER" | "YEAR";
+            type: "STATIC" | "DYNAMIC";
+            start: string | number;
+            end: string | number;
+        }>;
     };
-    controller: import("@ibiz-template/vue3-util").RequiredProp<PropType<DateRangeSelectEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<PropType<IData>, undefined, undefined>;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DateRangeSelectEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -31,12 +46,28 @@ export declare const IBizDateRangeSelect: import("vue").DefineComponent<{
     renderDateUnit: () => JSX.Element;
     renderDateRange: () => JSX.Element;
     onOpen: (_event: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: {
+        unit: "MONTH" | "WEEK" | "DAY" | "QUARTER" | "YEAR";
+        type: "STATIC" | "DYNAMIC";
+        start: string | number;
+        end: string | number;
+    }, _name?: string | undefined, _ignore?: boolean | 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: {
-        type: PropType<IData>;
+        type: import("vue").PropType<{
+            unit: "MONTH" | "WEEK" | "DAY" | "QUARTER" | "YEAR";
+            type: "STATIC" | "DYNAMIC";
+            start: string | number;
+            end: string | number;
+        }>;
     };
-    controller: import("@ibiz-template/vue3-util").RequiredProp<PropType<DateRangeSelectEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<PropType<IData>, undefined, undefined>;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DateRangeSelectEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -56,7 +87,16 @@ export declare const IBizDateRangeSelect: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onChange?: ((_value: {
+        unit: "MONTH" | "WEEK" | "DAY" | "QUARTER" | "YEAR";
+        type: "STATIC" | "DYNAMIC";
+        start: string | number;
+        end: string | number;
+    }, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/date-range-select/date-range-select-picker/date-range-select.mjs

@@ -1,5 +1,5 @@
 import { isVNode, ref, createVNode, resolveComponent, watch, onMounted, onBeforeUnmount, defineComponent } from 'vue';
-import { getDatePickerProps, useNamespace } from '@ibiz-template/vue3-util';
+import { getDateRangeSelectProps, getDateRangeSelectEmits, useNamespace } from '@ibiz-template/vue3-util';
 import dayjs from 'dayjs';
 import quarterRangeSelect from './components/quarter-range-select/quarter-range-select.mjs';
 import yearRangeSelect from './components/year-range-select/year-range-select.mjs';
@@ -17,13 +17,8 @@ const IBizDateRangeSelect = /* @__PURE__ */ defineComponent({
     "bi-year-range-select": yearRangeSelect,
     "bi-week-range-select": weekRangeSelect
   },
-  props: {
-    ...getDatePickerProps(),
-    value: {
-      type: Object
-    }
-  },
-  emits: ["change"],
+  props: getDateRangeSelectProps(),
+  emits: getDateRangeSelectEmits(),
   setup(props, {
     emit
   }) {

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.css

@@ -1 +1 @@
-.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown .el-input__wrapper{width:100%}.ibiz-dropdown .el-input__wrapper .el-input__prefix{max-width:calc(100% - 22px);overflow:hidden}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-content-item{color:var(--ibiz-dropdown-select-option-item-color)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-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-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select .el-input__prefix-inner>:last-child{margin-right:var(--ibiz-spacing-none)}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:auto;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);margin-right:var(--ibiz-spacing-extra-tight);font-size:inherit;line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:none;border-radius:var(--ibiz-spacing-base)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-content-item{flex:0 0 auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item{display:inline-flex;align-items:center;margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item .ibiz-dropdown-readonly-text-item__label{padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__prefix-inner>:last-child{gap:var(--ibiz-spacing-extra-tight);margin:0}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::-moz-placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding:var(--ibiz-dropdown-select-option-item-padding);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper--round .el-select-dropdown__item{display:flex;align-items:center;height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));line-height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));background-color:transparent}.ibiz-dropdown-popper--round .ibiz-dropdown-select-option-content{flex:0 0 auto;width:auto;min-width:0;height:auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper.is-allow-create .el-tree__empty-block{display:none}.ibiz-dropdown-popper.is-allow-create .el-select-dropdown__item{padding-left:var(--ibiz-spacing-base-tight)}
+.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown__hidden-input{position:absolute;z-index:-9999;width:0;height:0;padding:0;margin:0;border:none;opacity:0}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown .el-input__wrapper{width:100%}.ibiz-dropdown .el-input__wrapper .el-input__prefix{max-width:calc(100% - 22px);overflow:hidden}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-content-item{color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-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-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height);--ibiz-dropdown-select-option-item-bkcolor:var(--ibiz-color-fill-0)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select .el-input__prefix-inner>:last-child{margin-right:var(--ibiz-spacing-none)}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--el-component-size);--ibiz-dropdown-select-option-item-bkcolor:var(--ibiz-color-fill-0)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:auto;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);margin-right:var(--ibiz-spacing-extra-tight);font-size:inherit;line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:none;border-radius:var(--ibiz-spacing-base)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-content-item{flex:0 0 auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item{display:inline-flex;align-items:center;margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item .ibiz-dropdown-readonly-text-item__label{padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__prefix-inner>:last-child{gap:var(--ibiz-spacing-extra-tight);margin:0}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::-moz-placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding:var(--ibiz-dropdown-select-option-item-padding);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper--round .el-select-dropdown__item{display:flex;align-items:center;height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));line-height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));background-color:transparent}.ibiz-dropdown-popper--round .ibiz-dropdown-select-option-content{flex:0 0 auto;width:auto;min-width:0;height:auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper.is-allow-create .el-tree__empty-block{display:none}.ibiz-dropdown-popper.is-allow-create .el-select-dropdown__item{padding-left:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-popper .el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.d.ts

@@ -1,10 +1,23 @@
 import { Ref } from 'vue';
 import { DropDownListEditorController } from '../dropdown-list-editor.controller';
 import './ibiz-dropdown.scss';
+/**
+ * 下拉列表框
+ *
+ * @description 使用el-select或el-tree-select组件，用于在选项较多的情况下，以列表形式展示内容供其选择，该组件通常用于绘制代码表。支持编辑器类型包含：`下拉列表框`、`下拉列表框（100宽度）`、`下拉列表框（多选）`
+ * @primary
+ * @editorparams {name:forceSelection,parameterType:boolean,defaultvalue:true,description:是否允许用户创建选择项。当参数为false时，可在输入框输入内容，使其显示在下拉选项中呈现，并且可选择}
+ * @editorparams {name:defaultFirstOption,parameterType:boolean,defaultvalue:false,description:默认选中第一个，在该属性为 true 的情况下，按下回车就可以选中当前选项列表中的第一个选项，无需使用鼠标或键盘方向键进行定位}
+ * @editorparams {name:blankItemName,parameterType:string,description:在单选模式下，用于在下拉展示数据首项添加一条空白项数据，其文本内容为配置的该参数值}
+ * @editorparams {name:alwaysLoad,parameterType:boolean,defaultvalue:false,description:当前值改变、下拉框出现时，是否重新加载代码表数据。设置为 true 时每次相关事件触发都会重新加载数据}
+ * @editorparams {name:type,parameterType:'round' | 'other',defaultvalue:'other',description:下拉框的样式类型，可取值为 'round'（圆角类型）或 'other'（其他类型）}
+ * @editorparams {name:overflowMode,parameterType:'auto' | 'ellipsis',defaultvalue:'auto',description:用于控制该编辑器下拉区域的宽度显示方式。当参数值为 'auto' 时，下拉区域宽度会根据内容自动展开；当参数值为 'ellipsis' 时，下拉区域宽度将与输入框保持一致，若内容超出宽度则会显示省略号，鼠标悬浮在内容上时会出现提示信息}
+ * @ignoreprops overflowMode
+ */
 export declare const IBizDropdown: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, 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;
     };
@@ -27,17 +40,17 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     c: DropDownListEditorController;
     curValue: import("vue").WritableComputedRef<string | string[] | undefined>;
-    items: Ref<readonly IData[]>;
+    items: Ref<readonly import("@ibiz-template/core").IApiData[]>;
     customNodeClass: (data: IData, _node: Node) => string | null;
     valueText: import("vue").ComputedRef<string>;
     hasChildren: Ref<boolean>;
     onBlur: (e: IData) => void;
     onFocus: (e: IData) => void;
     editorRef: Ref<any>;
-    treeNodes: Ref<IData[]>;
+    treeNodes: Ref<import("@ibiz-template/core").IApiData[]>;
     cssVars: import("vue").ComputedRef<Record<string, string>>;
     handleKeyUp: (e: KeyboardEvent) => void;
-    getCodeListItem: (text: string) => IData | undefined;
+    getCodeListItem: (text: string) => import("@ibiz-template/core").IApiData | undefined;
     isEditable: Ref<boolean>;
     setEditable: (flag: boolean) => void;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
@@ -46,16 +59,17 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
     prefix: {
         prefix?: (() => JSX.Element[] | undefined) | undefined;
     };
+    hiddenInputRef: Ref<any>;
 }, 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<DropDownListEditorController>, 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 +89,11 @@ export declare const IBizDropdown: 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/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -26,6 +26,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     let editorState = "";
     let funcs;
     const codeItemValueNumber = ref(false);
+    const hiddenInputRef = ref();
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -45,12 +46,10 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         return [];
       }
       const list = [];
+      const existingValues = new Set(codeListItems.value.map((item) => item.value));
       nodes.forEach((codeItem) => {
         var _a;
-        const index = codeListItems.value.findIndex((_item) => {
-          return _item.value === codeItem.value;
-        });
-        if (index === -1) {
+        if (!existingValues.has(codeItem.value)) {
           codeListItems.value.push(codeItem);
         }
         const tempObj = {
@@ -276,6 +275,17 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       return list.find((item) => item.text === text);
     };
     const onVisibleChange = async (visible) => {
+      var _a, _b, _c;
+      const isSearchForm = (
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ((_c = (_b = (_a = c.parent) == null ? void 0 : _a.form) == null ? void 0 : _b.model) == null ? void 0 : _c.controlType) === "SEARCHFORM"
+      );
+      if (!visible && isSearchForm) {
+        nextTick(() => {
+          var _a2;
+          (_a2 = hiddenInputRef.value) == null ? void 0 : _a2.focus();
+        });
+      }
       if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true")) {
         await loadCodeList();
         if (hasChildren.value && editorRef.value && editorState !== "outside") {
@@ -346,7 +356,8 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       showFormDefaultContent,
       onVisibleChange,
       isLoading,
-      prefix
+      prefix,
+      hiddenInputRef
     };
   },
   render() {
@@ -466,10 +477,17 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         "class": this.ns.be("content-item", "label")
       }, [text])]);
     }) : ibiz.config.common.emptyText]);
+    const hiddenInput = createVNode("input", {
+      "ref": "hiddenInputRef",
+      "type": "text",
+      "class": this.ns.e("hidden-input"),
+      "readonly": true,
+      "onKeyup": this.handleKeyUp
+    }, null);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent), this.c.editorParams.type === "round" && this.ns.m("round")],
       "style": this.cssVars
-    }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);
+    }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent, this.readonly ? null : hiddenInput]);
   }
 });
 

package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.d.ts

@@ -1,9 +1,17 @@
 import { DropDownListEditorController } from '../dropdown-list-editor.controller';
 import './ibiz-emoji-picker.scss';
+/**
+ * 表情下拉选择（扩展）
+ *
+ * @description 用于选择utf8表情，抛值时会将utf8表情转为UTF-8字符串，再抛出。基于`下拉列表框`编辑器进行扩展，编辑器样式代码名称为：EMOJI_PICKER
+ * @primary
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
 export declare const IBizEmojiPicker: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, 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;
     };
@@ -35,14 +43,14 @@ export declare const IBizEmojiPicker: import("vue").DefineComponent<{
     renderReference: () => 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: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, 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;
     };
@@ -62,11 +70,11 @@ export declare const IBizEmojiPicker: 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/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.d.ts

@@ -1,10 +1,23 @@
 import { Ref } from 'vue';
 import { DropDownListEditorController } from '../dropdown-list-editor.controller';
 import './ibiz-virtualized-list.scss';
+/**
+ * 虚拟化选择器（扩展）
+ *
+ * @description 使用el-select-v2组件，在下拉数据较多的情况下，避免渲染至 DOM 中时造成性能问题。基于`下拉列表框`、`下拉列表框（多选）`编辑器进行扩展,编辑器样式代码名称为：VIRTUALIZED_LIST
+ * @primary
+ * @editorparams {name:forceSelection,parameterType:boolean,defaultvalue:true,description:是否允许用户创建选择项。当参数为false时，可在输入框输入内容，使其显示在下拉选项中呈现，并且可选择}
+ * @editorparams {name:defaultFirstOption,parameterType:boolean,defaultvalue:false,description:默认选中第一个，在该属性为 true 的情况下，按下回车就可以选中当前选项列表中的第一个选项，无需使用鼠标或键盘方向键进行定位}
+ * @editorparams {name:blankItemName,parameterType:string,description:在单选模式下，用于在下拉展示数据首项添加一条空白项数据，其文本内容为配置的该参数值}
+ * @editorparams {name:alwaysLoad,parameterType:boolean,defaultvalue:false,description:当前值改变、下拉框出现时，是否重新加载代码表数据。设置为 true 时每次相关事件触发都会重新加载数据}
+ * @editorparams {name:type,parameterType:'round' | 'other',defaultvalue:'other',description:下拉框的样式类型，可取值为 'round'（圆角类型）或 'other'（其他类型）}
+ * @editorparams {name:overflowMode,parameterType:'auto' | 'ellipsis',defaultvalue:'auto',description:用于控制该编辑器下拉区域的宽度显示方式。当参数值为 'ellipsis' 时，下拉区域宽度将与输入框保持一致，若内容超出宽度则会显示省略号，鼠标悬浮在内容上时会出现提示信息}
+ * @ignoreprops overflowMode | controlParams
+ */
 export declare const IBizVirtualizedList: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, 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;
     };
@@ -24,34 +37,35 @@ export declare const IBizVirtualizedList: import("vue").DefineComponent<{
         required: boolean;
     };
 }, {
-    ns: import("@ibiz-template/core").Namespace;
     c: DropDownListEditorController;
+    ns: import("@ibiz-template/core").Namespace;
+    items: Ref<readonly import("@ibiz-template/core").IApiData[]>;
+    prefix: {
+        prefix?: (() => JSX.Element[] | undefined) | undefined;
+    };
     curValue: import("vue").WritableComputedRef<string | string[] | undefined>;
-    items: Ref<readonly IData[]>;
-    customNodeClass: (data: IData, _node: Node) => string | null;
+    editorRef: Ref<any>;
+    isLoading: Ref<boolean>;
+    treeNodes: Ref<import("@ibiz-template/core").IApiData[]>;
     valueText: import("vue").ComputedRef<string>;
     hasChildren: Ref<boolean>;
     onBlur: (e: IData) => void;
-    onFocus: (e: IData) => void;
-    editorRef: Ref<any>;
-    treeNodes: Ref<IData[]>;
+    onFocus: (e?: IData) => void;
+    handleClear: () => void;
     handleKeyUp: (e: KeyboardEvent) => void;
-    getCodeListItem: (text: string) => IData | undefined;
+    customNodeClass: (data: IData, _node: Node) => string | null;
+    getCodeListItem: (text: string) => import("@ibiz-template/core").IApiData | undefined;
     onVisibleChange: (visible: boolean) => Promise<void>;
-    isLoading: Ref<boolean>;
-    prefix: {
-        prefix?: (() => JSX.Element[] | undefined) | 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: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, 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;
     };
@@ -71,11 +85,11 @@ export declare const IBizVirtualizedList: 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/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, computed, nextTick, onMounted, onUnmounted, resolveComponent, createVNode, mergeProps, defineComponent } from 'vue';
-import { getDropdownProps, getEditorEmits, useNamespace, useCodeListListen, useClickOutside } from '@ibiz-template/vue3-util';
+import { getDropdownProps, getEditorEmits, useNamespace, useCodeListListen } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { useCodeListSelection } from '@ibiz-template/runtime';
 import './ibiz-virtualized-list.css';
@@ -23,19 +23,16 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
     const editorItems = c.model.editorItems;
     const isLoading = ref(false);
     let editorState = "";
-    let funcs;
     const codeItemValueNumber = ref(false);
     const handleTreeNodes = (nodes) => {
       if (nodes.length === 0) {
         return [];
       }
       const list = [];
+      const existingValues = new Set(codeListItems.value.map((item) => item.value));
       nodes.forEach((codeItem) => {
         var _a;
-        const index = codeListItems.value.findIndex((_item) => {
-          return _item.value === codeItem.value;
-        });
-        if (index === -1) {
+        if (!existingValues.has(codeItem.value)) {
           codeListItems.value.push(codeItem);
         }
         const tempObj = {
@@ -152,13 +149,12 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
           }
           return c.multiple ? props.value : props.value.toString();
         }
-        return (_c = props.value) == null ? void 0 : _c.toString();
+        return c.multiple ? [] : ((_c = props.value) == null ? void 0 : _c.toString()) || "";
       },
       set(_select) {
         let select = _select;
-        if (c.blankItemName && !_select) {
+        if (c.blankItemName && !_select)
           select = void 0;
-        }
         if (Array.isArray(select)) {
           if (c.allItems && c.multiple && !hasChildren.value) {
             const selection = getSelection(curValue.value, select, items.value, items.value);
@@ -174,13 +170,19 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
           }
           emit("change", selectArr);
         } else if (editorItems && editorItems.length > 0) {
-          emit("change", codeItemValueNumber.value ? Number(select) : select, editorItems[0].id);
+          let emitVal = select === void 0 ? null : select;
+          if (codeItemValueNumber.value && emitVal !== null)
+            emitVal = Number(select);
+          emit("change", emitVal, editorItems[0].id);
           const selectItem = getCodeListItemByValue(codeItemValueNumber.value ? Number(select) : select);
           if (selectItem) {
             emit("change", selectItem.text);
           }
         } else {
-          emit("change", codeItemValueNumber.value ? Number(select) : select);
+          let emitVal = select === void 0 ? null : select;
+          if (codeItemValueNumber.value && emitVal !== null)
+            emitVal = Number(select);
+          emit("change", emitVal);
         }
         if (c.editorParams.alwaysLoad === "true") {
           loadCodeList();
@@ -256,18 +258,25 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
         afterLoadCodeList(data);
     };
     useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
+    const handleClickOutside = (event) => {
+      const target = event.target;
+      if (editorState === "focus" && !editorRef.value.$el.contains(target) && !editorRef.value.$refs.popper.popperRef.contentRef.contains(target)) {
+        onBlur(event);
+      }
+    };
+    const handleClear = () => {
+      onFocus();
+    };
     onMounted(() => {
       useEditorNavParams();
-      if (editorRef.value) {
-        funcs = useClickOutside(editorRef, async (_evt) => {
-          editorState = "outside";
-        });
-      }
+      document.addEventListener("click", handleClickOutside, {
+        capture: true
+      });
     });
     onUnmounted(() => {
-      if (funcs && funcs.stop) {
-        funcs.stop();
-      }
+      document.removeEventListener("click", handleClickOutside, {
+        capture: true
+      });
     });
     const prefix = {};
     if (c.editorParams.type === "round") {
@@ -290,22 +299,23 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
       });
     }
     return {
-      ns,
       c,
-      curValue,
+      ns,
       items,
-      customNodeClass,
+      prefix,
+      curValue,
+      editorRef,
+      isLoading,
+      treeNodes,
       valueText,
       hasChildren,
       onBlur,
       onFocus,
-      editorRef,
-      treeNodes,
+      handleClear,
       handleKeyUp,
+      customNodeClass,
       getCodeListItem,
-      onVisibleChange,
-      isLoading,
-      prefix
+      onVisibleChange
     };
   },
   render() {
@@ -325,8 +335,8 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
       "loading": this.isLoading,
       "fit-input-width": isEllipsis,
       "popper-class": "".concat(this.ns.b("popper"), " ").concat(this.c.editorParams.type === "round" ? this.ns.bm("popper", "round") : "", " ").concat(this.ns.bm("popper", "".concat(this.c.model.id))),
-      "onBlur": this.onBlur,
       "onFocus": this.onFocus,
+      "onClear": this.handleClear,
       "onKeyup": this.handleKeyUp,
       "onVisibleChange": this.onVisibleChange,
       "options": this.items,