@ibiz-template/vue3-components 0.7.41-alpha.111 → 0.7.41-alpha.113

package/src/control/map/map.tsx

@@ -55,7 +55,45 @@ const MapControl = defineComponent({
 
     const mapStyle = c.model.mapStyle;
     const { semanticClass, semanticStyle } = useSemanticNode(c);
+    // 子类类名透传
+    const childClass = [
+      {
+        class: semanticClass('editor.content'),
+        selector: '.ibiz-control-map__map',
+      },
+      {
+        class: semanticClass('editor.goback'),
+        selector: '.ibiz-map-chart-user__goback',
+      },
+      {
+        class: semanticClass('editor.goback'),
+        selector: '.ibiz-map-chart__goback',
+      },
+      {
+        class: semanticClass('editor.fullscreen'),
+        selector: '.ibiz-map-chart-user__fullscreen',
+      },
+    ];
 
+    // 子类样式透传
+    const childStyle = [
+      {
+        style: semanticStyle('editor.content'),
+        selector: '.ibiz-control-map__map',
+      },
+      {
+        style: semanticStyle('editor.goback'),
+        selector: '.ibiz-map-chart-user__goback',
+      },
+      {
+        style: semanticStyle('editor.goback'),
+        selector: '.ibiz-map-chart__goback',
+      },
+      {
+        style: semanticStyle('editor.fullscreen'),
+        selector: '.ibiz-map-chart-user__fullscreen',
+      },
+    ];
     const mapOpts = computed<Partial<MapOptions>>(() => {
       return {
         strAreaCode: c.state.strAreaCode,
@@ -70,6 +108,8 @@ const MapControl = defineComponent({
       mapRef,
       mapOpts,
       mapStyle,
+      childClass,
+      childStyle,
       semanticClass,
       semanticStyle,
     };
@@ -87,8 +127,7 @@ const MapControl = defineComponent({
             options={this.mapOpts}
             areaData={state.areaData}
             pointData={state.pointData}
-            style={this.semanticStyle('content')}
-            class={[this.ns.e('map'), this.semanticClass('content')]}
+            class={this.ns.e('map')}
           ></iBizMapChartUser>
         ) : (
           <iBizMapChart
@@ -97,8 +136,7 @@ const MapControl = defineComponent({
             options={this.mapOpts}
             areaData={state.areaData}
             pointData={state.pointData}
-            style={this.semanticStyle('content')}
-            class={[this.ns.e('map'), this.semanticClass('content')]}
+            class={this.ns.e('map')}
             onPointClick={(e: IMapData) => {
               this.c.onPointClick(e);
             }}
@@ -114,6 +152,8 @@ const MapControl = defineComponent({
           controller={this.c}
           class={this.semanticClass('root')}
           style={this.semanticStyle('root')}
+          v-child-class={this.childClass}
+          v-child-style={this.childStyle}
         >
           {content}
           {this.c.state.enableNavView && this.c.state.showNavIcon ? (

package/src/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.scss

@@ -5,6 +5,7 @@ $autocomplete: (
   line-height: getCssVar(form-item, line-height),                           // 行高
   empty-bg-color: getCssVar(color, bg, 3),                                  // 空值背景色
   readonly-color: getCssVar(form-item, readonly-color),                     // 只读字体色
+  disabled-color: getCssVar(form-item, disabled-color),                     // 禁用色
   hover-edit-padding: getCssVar(form-item, hover-edit-padding),             // 悬浮编辑态内边距
 );
 
@@ -29,8 +30,17 @@ $autocomplete-action: (
 
   // 界面行为项
   @include e(action-item) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
     color: getCssVar(autocomplete-action, text-color);
-    text-align: center;
+    @include m(icon) {
+      margin-right: getCssVar(spacing, extra-tight);
+    }
+    @include when(disabled) {
+      color: getCssVar(autocomplete, disabled-color);
+      cursor: not-allowed;
+    }
   }
 
   @include e(empty) {
@@ -52,6 +62,7 @@ $autocomplete-action: (
 
   @include e(transfer) {
     @include set-component-css-var('autocomplete', $autocomplete);
+    @include set-component-css-var('autocomplete-action', $autocomplete-action);
     @include when(empty) {
       .el-autocomplete-suggestion li {
         padding: 0;

package/src/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.tsx

@@ -302,7 +302,7 @@ export const IBizAutoComplete = defineComponent({
         <div
           class={[
             ns.e('action-item'),
-            ns.be('popper', 'item'),
+            ns.be('popper', 'action'),
             semanticClass('editor.popup.action', semanticParams),
             ns.is('disabled', c.groupActionState[detail.id!].disabled),
           ]}
@@ -322,6 +322,7 @@ export const IBizAutoComplete = defineComponent({
           )}
           <span
             class={[
+              ns.em('action-item', 'label'),
               ns.em('action-item', 'caption'),
               semanticClass('editor.popup.action.label', semanticParams),
             ]}

package/src/editor/check-box-list/checkbox-list-editor.controller.ts

@@ -24,6 +24,12 @@ export class CheckBoxListEditorController extends CodeListEditorController<IChec
    */
   rowNumber: number | undefined = undefined;
 
+  /**
+   * @description 自动选中第一个
+   * @memberof CheckBoxListEditorController
+   */
+  public autoSelectFirstOption = false;
+
   protected async onInit(): Promise<void> {
     super.onInit();
     if (this.model.appCodeListId) {
@@ -36,5 +42,10 @@ export class CheckBoxListEditorController extends CodeListEditorController<IChec
     if (this.editorParams?.rownumber) {
       this.rowNumber = Number(this.editorParams.rownumber);
     }
+    if (this.editorParams?.autoselectfirstoption) {
+      this.autoSelectFirstOption = this.toBoolean(
+        this.editorParams.autoselectfirstoption,
+      );
+    }
   }
 }

package/src/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.tsx

@@ -29,6 +29,7 @@ import './ibiz-checkbox-list.scss';
  * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @editorparams {name:rendermode,parameterType:'default' | 'button',defaultvalue:'default',description:默认绘制选项框列表，当值为 'button' 时绘制按钮列表}
  * @editorparams {name:isbtnroundcorner,parameterType:boolean,defaultvalue:false,description:设置按钮是否显示圆角}
+ * @editorparams {name:autoselectfirstoption,parameterType:boolean,defaultvalue:false,description:编辑器无值时，自动选中第一个数据}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter
  */
@@ -108,13 +109,40 @@ export const IBizCheckboxList = defineComponent({
       return false;
     });
 
+    // 值分隔符
+    const valueSeparator = codeList?.valueSeparator || ',';
+
     // 代码表数据
     const items = ref<readonly CodeListItem[]>([]);
+
+    /**
+     * @description 自动选择第一条数据
+     * @returns {*}  {void}
+     */
+    const autoSelectFirstOption = (): void => {
+      const item = items.value[0];
+      if (!c.autoSelectFirstOption || props.value || !item) return;
+      const selections = c.allItems
+        ? items.value
+            .filter(_item => _item.value !== c.allItemsValue)
+            .map(_item => _item.value)
+        : [item.value];
+      emit(
+        'change',
+        c.model.valueType === 'SIMPLES'
+          ? selections
+          : selections.join(valueSeparator),
+        undefined,
+        true,
+      );
+    };
+
     watch(
       () => props.data,
       newVal => {
         c.loadCodeList(newVal).then(_codeList => {
           items.value = c.handleCodeListAllItems(_codeList);
+          autoSelectFirstOption();
         });
       },
       {
@@ -146,12 +174,6 @@ export const IBizCheckboxList = defineComponent({
 
     useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
 
-    // 值分隔符
-    let valueSeparator = ',';
-    if (codeList && codeList.valueSeparator) {
-      valueSeparator = codeList.valueSeparator;
-    }
-
     const { useInFocusAndBlur, useInValueChange } = useAutoFocusBlur(
       props,
       emit,

package/src/editor/color-picker/ibiz-color-mpicker-default/ibiz-color-mpicker-default.tsx

@@ -223,7 +223,11 @@ export const IBizColorMPickerDefault = defineComponent({
         <el-select
           v-model={this.curType}
           class={this.ns.b('picker')}
-          popper-class={this.ns.b('popper')}
+          popper-class={[
+            this.ns.b('popper'),
+            this.semanticClass?.('editor.popup'),
+          ]}
+          popper-style={this.semanticStyle?.('editor.popup')}
           onChange={this.handleSchemeChange}
         >
           {{
@@ -252,7 +256,11 @@ export const IBizColorMPickerDefault = defineComponent({
         {this.showTemplateList && (
           <el-select
             class={this.ns.b('template-color-picker')}
-            popper-class={this.ns.b('popper')}
+            popper-class={[
+              this.ns.b('popper'),
+              this.semanticClass?.('editor.popup'),
+            ]}
+            popper-style={this.semanticStyle?.('editor.popup')}
             v-model={this.curTemplateColor}
             onChange={this.handleTemplateColorChange}
           >

package/src/editor/data-picker/ibiz-mpicker/ibiz-mpicker.tsx

@@ -487,7 +487,7 @@ export const IBizMPicker = defineComponent({
             disabled={c.groupActionState[item.id!].disabled}
             title={showTitle(isEllipsis ? item.tooltip : '')}
             class={[
-              ns.be('popper', 'item'),
+              ns.be('popper', 'action'),
               semanticClass('editor.popup.action'),
             ]}
             style={semanticStyle('editor.popup.action')}
@@ -523,6 +523,7 @@ export const IBizMPicker = defineComponent({
                   <span
                     class={[
                       ns.em('action-item', 'caption'),
+                      ns.em('action-item', 'label'),
                       semanticClass(
                         'editor.popup.action.label',
                         semanticParams,

package/src/editor/data-picker/ibiz-picker/ibiz-picker.tsx

@@ -492,7 +492,7 @@ export const IBizPicker = defineComponent({
           title={showTitle(detail.tooltip)}
           class={[
             ns.e('action-item'),
-            ns.be('popper', 'item'),
+            ns.be('popper', 'action'),
             semanticClass('editor.popup.action', semanticParams),
             ns.is('disabled', c.groupActionState[detail.id!].disabled),
           ]}
@@ -514,6 +514,7 @@ export const IBizPicker = defineComponent({
           )}
           <span
             class={[
+              ns.em('action-item', 'label'),
               ns.em('action-item', 'caption'),
               semanticClass('editor.popup.action.label', semanticParams),
             ]}

package/src/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.tsx

@@ -363,7 +363,7 @@ export const IBizPickerDropDown = defineComponent({
           title={showTitle(detail.tooltip)}
           disabled={c.groupActionState[detail.id!].disabled}
           class={[
-            ns.be('popper', 'item'),
+            ns.be('popper', 'action'),
             semanticClass('editor.popup.action', { semanticParams }),
           ]}
           style={semanticStyle('editor.popup.action', { semanticParams })}
@@ -385,6 +385,7 @@ export const IBizPickerDropDown = defineComponent({
             <span
               class={[
                 ns.em('action-item', 'caption'),
+                ns.em('action-item', 'label'),
                 semanticClass('editor.popup.action.label', semanticParams),
               ]}
               style={semanticStyle('editor.popup.action.label', semanticParams)}

package/src/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.tsx

@@ -596,11 +596,8 @@ export const IBizPickerSelectView = defineComponent({
           this.semanticClass('editor.content'),
         ]}
         style={this.semanticStyle('editor.content')}
-        popper-class={[
-          this.ns.b('popper'),
-          this.semanticClass('editor.popper'),
-        ]}
-        popper-style={this.semanticStyle('editor.popper')}
+        popper-class={[this.ns.b('popper'), this.semanticClass('editor.popup')]}
+        popper-style={this.semanticStyle('editor.popup')}
         onVisibleChange={this.onVisibleChange}
         onKeydown={this.handleDropDownKeyDown}
       >

package/src/editor/date-range-select/date-range-select-picker/date-range-select.tsx

@@ -51,19 +51,19 @@ export const IBizDateRangeSelect = defineComponent({
         selector: `.${ns.e('label')}`,
       },
       {
-        class: semanticClass('editor.input'),
+        class: semanticClass('editor.dateType'),
         selector: `.${ns.em('date-range', 'editor')}`,
       },
       {
-        class: semanticClass('editor.input.suffix'),
+        class: semanticClass('editor.dateType.suffix'),
         selector: `.${ns.em('date-range', 'editor-suffix')}`,
       },
       {
-        class: semanticClass('editor.select'),
+        class: semanticClass('editor.dateUnit'),
         selector: `.el-input__inner`,
       },
       {
-        class: semanticClass('editor.select.suffix'),
+        class: semanticClass('editor.dateUnit.suffix'),
         selector: '.el-input__suffix',
       },
     ];
@@ -75,19 +75,19 @@ export const IBizDateRangeSelect = defineComponent({
         selector: `.${ns.e('label')}`,
       },
       {
-        style: semanticStyle('editor.input'),
+        style: semanticStyle('editor.dateType'),
         selector: `.${ns.em('date-range', 'editor')}`,
       },
       {
-        style: semanticStyle('editor.input.suffix'),
+        style: semanticStyle('editor.dateType.suffix'),
         selector: `.${ns.em('date-range', 'editor-suffix')}`,
       },
       {
-        style: semanticStyle('editor.select'),
+        style: semanticStyle('editor.dateUnit'),
         selector: `.el-input__inner`,
       },
       {
-        style: semanticStyle('editor.select.suffix'),
+        style: semanticStyle('editor.dateUnit.suffix'),
         selector: '.el-input__suffix',
       },
     ];
@@ -205,14 +205,26 @@ export const IBizDateRangeSelect = defineComponent({
           <div class={ns.em('date-unit', 'editor')}>
             <el-select
               v-model={unitValue.value}
-              class={ns.em('date-unit', 'editor-select')}
               onChange={unitChange}
+              class={ns.em('date-unit', 'editor-select')}
+              popper-class={[
+                ns.b('date-unit-popper'),
+                semanticClass('editor.dateUnit.popup'),
+              ]}
+              popper-style={semanticStyle('editor.dateUnit.popup')}
             >
               {units.map((item: IData) => {
                 return (
                   <el-option
-                    class={semanticClass('editor.popup.item', { item })}
-                    style={semanticStyle('editor.popup.item', { item })}
+                    class={[
+                      ns.em('date-unit', 'item'),
+                      semanticClass('editor.dateUnit.popup.item', {
+                        item,
+                      }),
+                    ]}
+                    style={semanticStyle('editor.dateUnit.popup.item', {
+                      item,
+                    })}
                     key={item.value}
                     value={item.value}
                     label={item.label}
@@ -400,10 +412,11 @@ export const IBizDateRangeSelect = defineComponent({
             trigger='click'
             width='240px'
             popper-class={[
+              ns.b('date-type-popper'),
               ns.b('date-range-select'),
-              semanticClass('editor.popup'),
+              semanticClass('editor.dateType.popup'),
             ]}
-            popper-style={semanticStyle('editor.popup')}
+            popper-style={semanticStyle('editor.dateType.popup')}
           >
             {{
               reference: () => {
@@ -430,9 +443,13 @@ export const IBizDateRangeSelect = defineComponent({
                         <div
                           class={[
                             ns.em('date-type', 'item'),
-                            semanticClass('editor.popup.item', { item }),
+                            semanticClass('editor.dateType.popup.item', {
+                              item,
+                            }),
                           ]}
-                          style={semanticStyle('editor.popup.item', { item })}
+                          style={semanticStyle('editor.dateType.popup.item', {
+                            item,
+                          })}
                           onClick={(event: MouseEvent) =>
                             onTypeClick(item.type, event)
                           }

package/src/editor/dropdown-list/dropdown-list-editor.controller.ts

@@ -27,10 +27,16 @@ export class DropDownListEditorController extends CodeListEditorController<IDrop
   /**
    * 默认选中第一个
    *
-   * @memberof CustomTagSelectController
+   * @memberof DropDownListEditorController
    */
   public defaultFirstOption = false;
 
+  /**
+   * @description 自动选中第一个
+   * @memberof DropDownListEditorController
+   */
+  public autoSelectFirstOption = false;
+
   /**
    * 预置项空白项名称
    *
@@ -72,7 +78,11 @@ export class DropDownListEditorController extends CodeListEditorController<IDrop
         this.editorParams.defaultfirstoption,
       );
     }
-
+    if (this.editorParams?.autoselectfirstoption) {
+      this.autoSelectFirstOption = this.toBoolean(
+        this.editorParams.autoselectfirstoption,
+      );
+    }
     if (this.editorParams?.blankItemName) {
       this.blankItemName = this.editorParams.blankItemName;
     }

package/src/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.tsx

@@ -29,6 +29,7 @@ import './ibiz-dropdown.scss';
  * @primary
  * @editorparams {name:forceselection,parameterType:boolean,defaultvalue:true,description:是否禁止用户创建选择项。当参数为false时，可在输入框输入内容，使其显示在下拉选项中呈现，并且可选择}
  * @editorparams {name:defaultfirstoption,parameterType:boolean,defaultvalue:false,description:默认选中第一个，在该属性为 true 的情况下，按下回车就可以选中当前选项列表中的第一个选项，无需使用鼠标或键盘方向键进行定位}
+ * @editorparams {name:autoselectfirstoption,parameterType:boolean,defaultvalue:false,description:编辑器无值时，自动选中第一个数据}
  * @editorparams {name:blankitemname,parameterType:string,description:在单选模式下，用于在下拉展示数据顶部添加一条空白项数据，其文本内容为配置的该参数值}
  * @editorparams {name:blankitemvalue,parameterType:string,description:在单选模式下，用于在下拉展示数据顶部添加一条空白项数据，其值内容为配置的该参数值}
  * @editorparams {name:alwaysload,parameterType:boolean,defaultvalue:false,description:当值改变、下拉框出现时，是否重新加载代码表数据。设置为 true 时每次相关事件触发都会重新加载数据}
@@ -202,6 +203,10 @@ export const IBizDropdown = defineComponent({
     // 值分隔符
     const valueSeparator = c.editorParams?.valueseparator || ',';
 
+    const { getSelection, getSelectionValue } = useCodeListSelection(
+      c.allItemsValue,
+    );
+
     // 是否显示表单默认内容
     const showFormDefaultContent = computed(() => {
       if (
@@ -258,6 +263,33 @@ export const IBizDropdown = defineComponent({
       return list;
     };
 
+    /**
+     * @description 自动选中第一项
+     */
+    const autoSelectFirstOption = (): void => {
+      const item = items.value[0];
+      if (!c.autoSelectFirstOption || props.value || !item) return;
+      if (c.multiple) {
+        const value =
+          c.allItems && !hasChildren.value
+            ? items.value
+                .filter(_item => _item.value !== c.allItemsValue)
+                .map(_item => _item.value)
+            : [item.value];
+        emit(
+          'change',
+          c.model.valueType === 'SIMPLES' ? value : value.join(valueSeparator),
+          undefined,
+          true,
+        );
+      } else if (editorItems && editorItems.length > 0) {
+        emit('change', item.value, editorItems[0].id!, true);
+        emit('change', item.text, undefined, true);
+      } else {
+        emit('change', item.value, undefined, true);
+      }
+    };
+
     /**
      * 加载代码表后续处理
      *
@@ -290,6 +322,7 @@ export const IBizDropdown = defineComponent({
           break;
         }
       }
+      autoSelectFirstOption();
     };
 
     // 加载代码表数据
@@ -377,10 +410,6 @@ export const IBizDropdown = defineComponent({
       return list.find(item => item.value === value);
     };
 
-    const { getSelection, getSelectionValue } = useCodeListSelection(
-      c.allItemsValue,
-    );
-
     // 当前值
     const curValue = computed({
       get() {
@@ -517,6 +546,7 @@ export const IBizDropdown = defineComponent({
         newVal.focus();
       }
     });
+
     const onFocus = (e: IData) => {
       editorState = 'focus';
       emit('focus', e);

package/src/editor/dropdown-list/ibiz-tree-picker/ibiz-tree-picker.tsx

@@ -1,4 +1,5 @@
 import { ref, Ref, defineComponent, watch, onMounted } from 'vue';
+import { recursiveIterate } from '@ibiz-template/core';
 import {
   useNamespace,
   getEditorEmits,
@@ -18,6 +19,7 @@ import './ibiz-tree-picker.scss';
  * @primary
  * @editorparams {"name":"showtoolbar","parameterType":"boolean","defaultvalue":"false","description":"是否显示顶部工具栏。默认不显示，若此值为 true，则会在顶部呈现快捷工具栏，该工具栏可用于执行全选、取消全选、全展开以及全收起操作"}
  * @editorparams {"name":"valuetype","parameterType":"string","description":"编辑器的值类型"}
+ * @editorparams {name:autoselectfirstoption,parameterType:boolean,defaultvalue:false,description:编辑器无值时，自动选中第一个数据}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */
@@ -156,6 +158,30 @@ export const IBizTreePicker = defineComponent({
       return list;
     };
 
+    /**
+     * @description 自动选中第一项
+     */
+    const autoSelectFirstOption = (): void => {
+      const item = items.value[0];
+      if (!c.autoSelectFirstOption || props.value || !item) return;
+      const selections: string[] = [];
+      recursiveIterate(
+        { children: [item] },
+        _item => {
+          selections.push(_item.value);
+        },
+        { childrenFields: ['children'] },
+      );
+      emit(
+        'change',
+        c.model.valueType === 'SIMPLES'
+          ? selections
+          : selections.join(valueSeparator),
+        undefined,
+        true,
+      );
+    };
+
     /**
      * 加载代码表后续处理
      *
@@ -179,6 +205,7 @@ export const IBizTreePicker = defineComponent({
           break;
         }
       }
+      autoSelectFirstOption();
     };
 
     /** 加载代码表数据 */
@@ -214,7 +241,7 @@ export const IBizTreePicker = defineComponent({
           }
           defaultCheckedKeys.value = val.filter(_key =>
             codeListItems.value.find(
-              (item: IData) => item.value === _key && item.isLeaf,
+              (item: IData) => item.value === _key && !item.children,
             ),
           );
         }

package/src/editor/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.tsx

@@ -35,6 +35,7 @@ import './ibiz-virtualized-list.scss';
  * @editorparams {name:itemstext,parameterType:string,defaultvalue:'全部',description:下拉列表框全部项文本}
  * @editorparams {"name":"valuetype","parameterType":"string","description":"编辑器的值类型"}
  * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
+ * @editorparams {name:autoselectfirstoption,parameterType:boolean,defaultvalue:false,description:编辑器无值时，自动选中第一个数据}
  * @ignoreprops overflowMode
  */
 export const IBizVirtualizedList = defineComponent({
@@ -185,6 +186,10 @@ export const IBizVirtualizedList = defineComponent({
     // 代码项值是否为数值
     const codeItemValueNumber = ref(false);
 
+    const { getSelection, getSelectionValue } = useCodeListSelection(
+      c.allItemsValue,
+    );
+
     // 处理树数据
     const handleTreeNodes = (nodes: readonly IData[]): IData[] => {
       if (nodes.length === 0) {
@@ -221,6 +226,31 @@ export const IBizVirtualizedList = defineComponent({
       return list;
     };
 
+    /**
+     * @description 自动选中第一项
+     */
+    const autoSelectFirstOption = (): void => {
+      const item = items.value[0];
+      if (!c.autoSelectFirstOption || props.value || !item) return;
+      if (c.multiple) {
+        const value =
+          c.allItems && !hasChildren.value
+            ? getSelectionValue(item.value).map(v => `${v}`)
+            : [item.value];
+        emit(
+          'change',
+          c.model.valueType === 'SIMPLES' ? value : value.join(','),
+          undefined,
+          true,
+        );
+      } else if (editorItems && editorItems.length > 0) {
+        emit('change', item.value, editorItems[0].id!, true);
+        emit('change', item.text, undefined, true);
+      } else {
+        emit('change', item.value, undefined, true);
+      }
+    };
+
     /**
      * 加载代码表后续处理
      *
@@ -253,6 +283,7 @@ export const IBizVirtualizedList = defineComponent({
           break;
         }
       }
+      autoSelectFirstOption();
     };
 
     // 加载代码表数据与后续操作
@@ -324,10 +355,6 @@ export const IBizVirtualizedList = defineComponent({
       return list.find(item => item.value === value);
     };
 
-    const { getSelection, getSelectionValue } = useCodeListSelection(
-      c.allItemsValue,
-    );
-
     // 当前值
     const curValue = computed({
       get() {