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

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

@@ -24,9 +24,14 @@ class CheckBoxListEditorController extends CodeListEditorController {
      * @type {(number | undefined)}
      */
     __publicField(this, "rowNumber");
+    /**
+     * @description 自动选中第一个
+     * @memberof CheckBoxListEditorController
+     */
+    __publicField(this, "autoSelectFirstOption", false);
   }
   async onInit() {
-    var _a, _b;
+    var _a, _b, _c;
     super.onInit();
     if (this.model.appCodeListId) {
       const app = await ibiz.hub.getApp(this.context.srfappid);
@@ -38,6 +43,11 @@ class CheckBoxListEditorController extends CodeListEditorController {
     if ((_b = this.editorParams) == null ? void 0 : _b.rownumber) {
       this.rowNumber = Number(this.editorParams.rownumber);
     }
+    if ((_c = this.editorParams) == null ? void 0 : _c.autoselectfirstoption) {
+      this.autoSelectFirstOption = this.toBoolean(
+        this.editorParams.autoselectfirstoption
+      );
+    }
   }
 }
 

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

@@ -55,10 +55,19 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
+    const valueSeparator = (codeList == null ? void 0 : codeList.valueSeparator) || ",";
     const items = ref([]);
+    const autoSelectFirstOption = () => {
+      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), void 0, true);
+    };
     watch(() => props.data, (newVal) => {
       c.loadCodeList(newVal).then((_codeList) => {
         items.value = c.handleCodeListAllItems(_codeList);
+        autoSelectFirstOption();
       });
     }, {
       immediate: true,
@@ -80,10 +89,6 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
         items.value = c.handleCodeListAllItems(data);
     };
     useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
-    let valueSeparator = ",";
-    if (codeList && codeList.valueSeparator) {
-      valueSeparator = codeList.valueSeparator;
-    }
     const {
       useInFocusAndBlur,
       useInValueChange

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

@@ -132,8 +132,8 @@ const IBizDateRangeSelect = /* @__PURE__ */ defineComponent({
         "onUpdate:modelValue": ($event) => unitValue.value = $event,
         "onChange": unitChange,
         "class": ns.em("date-unit", "editor-select"),
-        "popper-class": [ns.b("popper"), semanticClass("editor.popup")],
-        "popper-style": semanticStyle("editor.popup")
+        "popper-class": [ns.b("date-unit-popper"), semanticClass("editor.dateUnit.popup")],
+        "popper-style": semanticStyle("editor.dateUnit.popup")
       }, _isSlot(_slot = units.map((item) => {
         return createVNode(resolveComponent("el-option"), {
           "class": [ns.em("date-unit", "item"), semanticClass("editor.dateUnit.popup.item", {
@@ -272,8 +272,8 @@ const IBizDateRangeSelect = /* @__PURE__ */ defineComponent({
         "visible": popVisible.value.ALL || popVisible.value.DYNAMIC || popVisible.value.STATIC,
         "trigger": "click",
         "width": "240px",
-        "popper-class": [ns.b("popper"), ns.b("date-range-select"), semanticClass("editor.popup")],
-        "popper-style": semanticStyle("editor.popup")
+        "popper-class": [ns.b("date-type-popper"), ns.b("date-range-select"), semanticClass("editor.dateType.popup")],
+        "popper-style": semanticStyle("editor.dateType.popup")
       }, {
         reference: () => {
           return createVNode("div", {

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

@@ -149,7 +149,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       if (!c.autoSelectFirstOption || props.value || !item)
         return;
       if (c.multiple) {
-        const value = c.allItems && !hasChildren.value ? getSelectionValue(item.value).map((v) => "".concat(v)) : [item.value];
+        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), void 0, true);
       } else if (editorItems && editorItems.length > 0) {
         emit("change", item.value, editorItems[0].id, true);

package/es/editor/dropdown-list/ibiz-tree-picker/ibiz-tree-picker.mjs

@@ -1,4 +1,5 @@
 import { isVNode, defineComponent, createVNode, resolveComponent, withDirectives, resolveDirective, ref, watch, onMounted } from 'vue';
+import { recursiveIterate } from '@ibiz-template/core';
 import { useNamespace, useSemanticNode, useCodeListListen, getEditorEmits, getDropdownProps } from '@ibiz-template/vue3-util';
 import { isArray, isString } from 'lodash-es';
 import './ibiz-tree-picker.css';
@@ -108,6 +109,20 @@ const IBizTreePicker = /* @__PURE__ */ defineComponent({
       });
       return list;
     };
+    const autoSelectFirstOption = () => {
+      const item = items.value[0];
+      if (!c.autoSelectFirstOption || props.value || !item)
+        return;
+      const selections = [];
+      recursiveIterate({
+        children: [item]
+      }, (_item) => {
+        selections.push(_item.value);
+      }, {
+        childrenFields: ["children"]
+      });
+      emit("change", c.model.valueType === "SIMPLES" ? selections : selections.join(valueSeparator), void 0, true);
+    };
     const afterLoadCodeList = (codeList) => {
       items.value = [];
       codeListItems.value = [];
@@ -123,6 +138,7 @@ const IBizTreePicker = /* @__PURE__ */ defineComponent({
           break;
         }
       }
+      autoSelectFirstOption();
     };
     const loadCodeList = async () => {
       if (c.model.appCodeListId) {
@@ -149,7 +165,7 @@ const IBizTreePicker = /* @__PURE__ */ defineComponent({
         } else if (isString(newVal)) {
           val = newVal.split(valueSeparator);
         }
-        defaultCheckedKeys.value = val.filter((_key) => codeListItems.value.find((item) => item.value === _key && item.isLeaf));
+        defaultCheckedKeys.value = val.filter((_key) => codeListItems.value.find((item) => item.value === _key && !item.children));
       }
     }, {
       immediate: true

package/es/editor/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.mjs

@@ -94,6 +94,10 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
     const isLoading = ref(false);
     let editorState = "";
     const codeItemValueNumber = ref(false);
+    const {
+      getSelection,
+      getSelectionValue
+    } = useCodeListSelection(c.allItemsValue);
     const handleTreeNodes = (nodes) => {
       if (nodes.length === 0) {
         return [];
@@ -121,6 +125,20 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
       });
       return list;
     };
+    const autoSelectFirstOption = () => {
+      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) => "".concat(v)) : [item.value];
+        emit("change", c.model.valueType === "SIMPLES" ? value : value.join(","), void 0, true);
+      } else if (editorItems && editorItems.length > 0) {
+        emit("change", item.value, editorItems[0].id, true);
+        emit("change", item.text, void 0, true);
+      } else {
+        emit("change", item.value, void 0, true);
+      }
+    };
     const afterLoadCodeList = (codeList) => {
       items.value = [];
       codeListItems.value = [];
@@ -143,6 +161,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
           break;
         }
       }
+      autoSelectFirstOption();
     };
     const loadCodeList = async () => {
       if (c.model.appCodeListId) {
@@ -194,10 +213,6 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
       const list = hasChildren.value ? codeListItems.value : items.value;
       return list.find((item) => item.value === value);
     };
-    const {
-      getSelection,
-      getSelectionValue
-    } = useCodeListSelection(c.allItemsValue);
     const curValue = computed({
       get() {
         var _a, _b, _c;

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

@@ -64,16 +64,31 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
     });
     const codeList = c.codeList;
     const editorType = editorModel.editorType;
+    const valueSeparator = (codeList == null ? void 0 : codeList.valueSeparator) || ",";
     const items = ref([]);
+    const autoSelectFirstOption = () => {
+      const item = items.value[0];
+      if (!c.autoSelectFirstOption || props.value || !item)
+        return;
+      let value;
+      if (multiple) {
+        const selections = c.allItems ? items.value.filter((_item) => _item.value !== c.allItemsValue).map((_item) => _item.value) : [item.value];
+        value = c.model.valueType === "SIMPLES" ? selections : selections.join(valueSeparator);
+      } else {
+        value = item.value;
+      }
+      emit("change", value, void 0, true);
+    };
     const loadListBoxItems = async () => {
       if (Object.is("LISTBOX", editorType)) {
         const controller = c;
         controller.loadCodeList(props.data).then((_codeList) => {
           if (multiple) {
             items.value = controller.handleCodeListAllItems(_codeList);
-            return;
+          } else {
+            items.value = _codeList;
           }
-          items.value = _codeList;
+          autoSelectFirstOption();
         });
       } else if (Object.is("LISTBOXPICKUP", editorType)) {
         const controller = c;
@@ -84,11 +99,17 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
               value: item[controller.keyName],
               text: item[controller.textName]
             }));
+            autoSelectFirstOption();
           }
         }
       }
     };
-    loadListBoxItems();
+    watch(() => props.data, () => {
+      loadListBoxItems();
+    }, {
+      immediate: true,
+      deep: true
+    });
     const fn = (data) => {
       if (data) {
         if (Object.is("LISTBOX", editorType) && multiple) {
@@ -106,10 +127,6 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
       return "STR";
     });
     const calcOrMode = useCalcOrMode(currentMode.value, c.model.valueType);
-    let valueSeparator = ",";
-    if (codeList && codeList.valueSeparator) {
-      valueSeparator = codeList.valueSeparator;
-    }
     const {
       getSelection,
       getSelectionValue

package/es/editor/list-box/list-box-editor.controller.mjs

@@ -17,13 +17,24 @@ class ListBoxEditorController extends CodeListEditorController {
      * @Date: 2023-05-24 10:55:50
      */
     __publicField(this, "codeList");
+    /**
+     * @description 自动选中第一个
+     * @memberof ListBoxEditorController
+     */
+    __publicField(this, "autoSelectFirstOption", false);
   }
   async onInit() {
+    var _a;
     super.onInit();
     if (this.model.appCodeListId) {
       const app = await ibiz.hub.getApp(this.context.srfappid);
       this.codeList = app.codeList.getCodeList(this.model.appCodeListId);
     }
+    if ((_a = this.editorParams) == null ? void 0 : _a.autoselectfirstoption) {
+      this.autoSelectFirstOption = this.toBoolean(
+        this.editorParams.autoselectfirstoption
+      );
+    }
   }
 }
 

package/es/editor/list-box/list-box-picker-editor.controller.mjs

@@ -40,9 +40,20 @@ class ListBoxPickerEditorController extends EditorController {
      * @type {IAcItemProvider}
      */
     __publicField(this, "acItemProvider");
+    /**
+     * @description 自动选中第一个
+     * @memberof ListBoxPickerEditorController
+     */
+    __publicField(this, "autoSelectFirstOption", false);
   }
   async onInit() {
+    var _a;
     super.onInit();
+    if ((_a = this.editorParams) == null ? void 0 : _a.autoselectfirstoption) {
+      this.autoSelectFirstOption = this.toBoolean(
+        this.editorParams.autoselectfirstoption
+      );
+    }
     if (this.model.editorType === "LISTBOXPICKUP") {
       if (this.model.appDEDataSetId) {
         this.interfaceName = this.model.appDEDataSetId;

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.mjs

@@ -71,9 +71,16 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       useInValueChange();
     };
     const items = ref([]);
+    const autoSelectFirstOption = () => {
+      const item = items.value[0];
+      if (!c.autoSelectFirstOption || props.value || !item)
+        return;
+      emit("change", item.value, void 0, true);
+    };
     watch(() => props.data, (newVal) => {
       c.loadCodeList(newVal).then((_codeList) => {
         items.value = _codeList;
+        autoSelectFirstOption();
       });
     }, {
       immediate: true,

package/es/editor/radio-button-list/radio-button-list.controller.mjs

@@ -17,9 +17,14 @@ class RadioButtonListEditorController extends CodeListEditorController {
      * @type {(number | undefined)}
      */
     __publicField(this, "rowNumber");
+    /**
+     * @description 自动选中第一个
+     * @memberof RadioButtonListEditorController
+     */
+    __publicField(this, "autoSelectFirstOption", false);
   }
   async onInit() {
-    var _a, _b;
+    var _a, _b, _c;
     super.onInit();
     if ((_a = this.editorParams) == null ? void 0 : _a.rowNumber) {
       this.rowNumber = Number(this.editorParams.rowNumber);
@@ -27,6 +32,11 @@ class RadioButtonListEditorController extends CodeListEditorController {
     if ((_b = this.editorParams) == null ? void 0 : _b.rownumber) {
       this.rowNumber = Number(this.editorParams.rownumber);
     }
+    if ((_c = this.editorParams) == null ? void 0 : _c.autoselectfirstoption) {
+      this.autoSelectFirstOption = this.toBoolean(
+        this.editorParams.autoselectfirstoption
+      );
+    }
   }
 }
 

package/lib/editor/check-box-list/checkbox-list-editor.controller.cjs

@@ -26,9 +26,14 @@ class CheckBoxListEditorController extends runtime.CodeListEditorController {
      * @type {(number | undefined)}
      */
     __publicField(this, "rowNumber");
+    /**
+     * @description 自动选中第一个
+     * @memberof CheckBoxListEditorController
+     */
+    __publicField(this, "autoSelectFirstOption", false);
   }
   async onInit() {
-    var _a, _b;
+    var _a, _b, _c;
     super.onInit();
     if (this.model.appCodeListId) {
       const app = await ibiz.hub.getApp(this.context.srfappid);
@@ -40,6 +45,11 @@ class CheckBoxListEditorController extends runtime.CodeListEditorController {
     if ((_b = this.editorParams) == null ? void 0 : _b.rownumber) {
       this.rowNumber = Number(this.editorParams.rownumber);
     }
+    if ((_c = this.editorParams) == null ? void 0 : _c.autoselectfirstoption) {
+      this.autoSelectFirstOption = this.toBoolean(
+        this.editorParams.autoselectfirstoption
+      );
+    }
   }
 }
 

package/lib/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.cjs

@@ -57,10 +57,19 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
       }
       return false;
     });
+    const valueSeparator = (codeList == null ? void 0 : codeList.valueSeparator) || ",";
     const items = vue.ref([]);
+    const autoSelectFirstOption = () => {
+      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), void 0, true);
+    };
     vue.watch(() => props.data, (newVal) => {
       c.loadCodeList(newVal).then((_codeList) => {
         items.value = c.handleCodeListAllItems(_codeList);
+        autoSelectFirstOption();
       });
     }, {
       immediate: true,
@@ -82,10 +91,6 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
         items.value = c.handleCodeListAllItems(data);
     };
     vue3Util.useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
-    let valueSeparator = ",";
-    if (codeList && codeList.valueSeparator) {
-      valueSeparator = codeList.valueSeparator;
-    }
     const {
       useInFocusAndBlur,
       useInValueChange

package/lib/editor/date-range-select/date-range-select-picker/date-range-select.cjs

@@ -134,8 +134,8 @@ const IBizDateRangeSelect = /* @__PURE__ */ vue.defineComponent({
         "onUpdate:modelValue": ($event) => unitValue.value = $event,
         "onChange": unitChange,
         "class": ns.em("date-unit", "editor-select"),
-        "popper-class": [ns.b("popper"), semanticClass("editor.popup")],
-        "popper-style": semanticStyle("editor.popup")
+        "popper-class": [ns.b("date-unit-popper"), semanticClass("editor.dateUnit.popup")],
+        "popper-style": semanticStyle("editor.dateUnit.popup")
       }, _isSlot(_slot = units.map((item) => {
         return vue.createVNode(vue.resolveComponent("el-option"), {
           "class": [ns.em("date-unit", "item"), semanticClass("editor.dateUnit.popup.item", {
@@ -274,8 +274,8 @@ const IBizDateRangeSelect = /* @__PURE__ */ vue.defineComponent({
         "visible": popVisible.value.ALL || popVisible.value.DYNAMIC || popVisible.value.STATIC,
         "trigger": "click",
         "width": "240px",
-        "popper-class": [ns.b("popper"), ns.b("date-range-select"), semanticClass("editor.popup")],
-        "popper-style": semanticStyle("editor.popup")
+        "popper-class": [ns.b("date-type-popper"), ns.b("date-range-select"), semanticClass("editor.dateType.popup")],
+        "popper-style": semanticStyle("editor.dateType.popup")
       }, {
         reference: () => {
           return vue.createVNode("div", {

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -151,7 +151,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       if (!c.autoSelectFirstOption || props.value || !item)
         return;
       if (c.multiple) {
-        const value = c.allItems && !hasChildren.value ? getSelectionValue(item.value).map((v) => "".concat(v)) : [item.value];
+        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), void 0, true);
       } else if (editorItems && editorItems.length > 0) {
         emit("change", item.value, editorItems[0].id, true);

package/lib/editor/dropdown-list/ibiz-tree-picker/ibiz-tree-picker.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var vue = require('vue');
+var core = require('@ibiz-template/core');
 var vue3Util = require('@ibiz-template/vue3-util');
 var lodashEs = require('lodash-es');
 require('./ibiz-tree-picker.css');
@@ -110,6 +111,20 @@ const IBizTreePicker = /* @__PURE__ */ vue.defineComponent({
       });
       return list;
     };
+    const autoSelectFirstOption = () => {
+      const item = items.value[0];
+      if (!c.autoSelectFirstOption || props.value || !item)
+        return;
+      const selections = [];
+      core.recursiveIterate({
+        children: [item]
+      }, (_item) => {
+        selections.push(_item.value);
+      }, {
+        childrenFields: ["children"]
+      });
+      emit("change", c.model.valueType === "SIMPLES" ? selections : selections.join(valueSeparator), void 0, true);
+    };
     const afterLoadCodeList = (codeList) => {
       items.value = [];
       codeListItems.value = [];
@@ -125,6 +140,7 @@ const IBizTreePicker = /* @__PURE__ */ vue.defineComponent({
           break;
         }
       }
+      autoSelectFirstOption();
     };
     const loadCodeList = async () => {
       if (c.model.appCodeListId) {
@@ -151,7 +167,7 @@ const IBizTreePicker = /* @__PURE__ */ vue.defineComponent({
         } else if (lodashEs.isString(newVal)) {
           val = newVal.split(valueSeparator);
         }
-        defaultCheckedKeys.value = val.filter((_key) => codeListItems.value.find((item) => item.value === _key && item.isLeaf));
+        defaultCheckedKeys.value = val.filter((_key) => codeListItems.value.find((item) => item.value === _key && !item.children));
       }
     }, {
       immediate: true

package/lib/editor/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.cjs

@@ -96,6 +96,10 @@ const IBizVirtualizedList = /* @__PURE__ */ vue.defineComponent({
     const isLoading = vue.ref(false);
     let editorState = "";
     const codeItemValueNumber = vue.ref(false);
+    const {
+      getSelection,
+      getSelectionValue
+    } = runtime.useCodeListSelection(c.allItemsValue);
     const handleTreeNodes = (nodes) => {
       if (nodes.length === 0) {
         return [];
@@ -123,6 +127,20 @@ const IBizVirtualizedList = /* @__PURE__ */ vue.defineComponent({
       });
       return list;
     };
+    const autoSelectFirstOption = () => {
+      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) => "".concat(v)) : [item.value];
+        emit("change", c.model.valueType === "SIMPLES" ? value : value.join(","), void 0, true);
+      } else if (editorItems && editorItems.length > 0) {
+        emit("change", item.value, editorItems[0].id, true);
+        emit("change", item.text, void 0, true);
+      } else {
+        emit("change", item.value, void 0, true);
+      }
+    };
     const afterLoadCodeList = (codeList) => {
       items.value = [];
       codeListItems.value = [];
@@ -145,6 +163,7 @@ const IBizVirtualizedList = /* @__PURE__ */ vue.defineComponent({
           break;
         }
       }
+      autoSelectFirstOption();
     };
     const loadCodeList = async () => {
       if (c.model.appCodeListId) {
@@ -196,10 +215,6 @@ const IBizVirtualizedList = /* @__PURE__ */ vue.defineComponent({
       const list = hasChildren.value ? codeListItems.value : items.value;
       return list.find((item) => item.value === value);
     };
-    const {
-      getSelection,
-      getSelectionValue
-    } = runtime.useCodeListSelection(c.allItemsValue);
     const curValue = vue.computed({
       get() {
         var _a, _b, _c;

package/lib/editor/list-box/ibiz-list-box/ibiz-list-box.cjs

@@ -66,16 +66,31 @@ const IBizListBox = /* @__PURE__ */ vue.defineComponent({
     });
     const codeList = c.codeList;
     const editorType = editorModel.editorType;
+    const valueSeparator = (codeList == null ? void 0 : codeList.valueSeparator) || ",";
     const items = vue.ref([]);
+    const autoSelectFirstOption = () => {
+      const item = items.value[0];
+      if (!c.autoSelectFirstOption || props.value || !item)
+        return;
+      let value;
+      if (multiple) {
+        const selections = c.allItems ? items.value.filter((_item) => _item.value !== c.allItemsValue).map((_item) => _item.value) : [item.value];
+        value = c.model.valueType === "SIMPLES" ? selections : selections.join(valueSeparator);
+      } else {
+        value = item.value;
+      }
+      emit("change", value, void 0, true);
+    };
     const loadListBoxItems = async () => {
       if (Object.is("LISTBOX", editorType)) {
         const controller = c;
         controller.loadCodeList(props.data).then((_codeList) => {
           if (multiple) {
             items.value = controller.handleCodeListAllItems(_codeList);
-            return;
+          } else {
+            items.value = _codeList;
           }
-          items.value = _codeList;
+          autoSelectFirstOption();
         });
       } else if (Object.is("LISTBOXPICKUP", editorType)) {
         const controller = c;
@@ -86,11 +101,17 @@ const IBizListBox = /* @__PURE__ */ vue.defineComponent({
               value: item[controller.keyName],
               text: item[controller.textName]
             }));
+            autoSelectFirstOption();
           }
         }
       }
     };
-    loadListBoxItems();
+    vue.watch(() => props.data, () => {
+      loadListBoxItems();
+    }, {
+      immediate: true,
+      deep: true
+    });
     const fn = (data) => {
       if (data) {
         if (Object.is("LISTBOX", editorType) && multiple) {
@@ -108,10 +129,6 @@ const IBizListBox = /* @__PURE__ */ vue.defineComponent({
       return "STR";
     });
     const calcOrMode = runtime.useCalcOrMode(currentMode.value, c.model.valueType);
-    let valueSeparator = ",";
-    if (codeList && codeList.valueSeparator) {
-      valueSeparator = codeList.valueSeparator;
-    }
     const {
       getSelection,
       getSelectionValue

package/lib/editor/list-box/list-box-editor.controller.cjs

@@ -19,13 +19,24 @@ class ListBoxEditorController extends runtime.CodeListEditorController {
      * @Date: 2023-05-24 10:55:50
      */
     __publicField(this, "codeList");
+    /**
+     * @description 自动选中第一个
+     * @memberof ListBoxEditorController
+     */
+    __publicField(this, "autoSelectFirstOption", false);
   }
   async onInit() {
+    var _a;
     super.onInit();
     if (this.model.appCodeListId) {
       const app = await ibiz.hub.getApp(this.context.srfappid);
       this.codeList = app.codeList.getCodeList(this.model.appCodeListId);
     }
+    if ((_a = this.editorParams) == null ? void 0 : _a.autoselectfirstoption) {
+      this.autoSelectFirstOption = this.toBoolean(
+        this.editorParams.autoselectfirstoption
+      );
+    }
   }
 }
 

package/lib/editor/list-box/list-box-picker-editor.controller.cjs

@@ -42,9 +42,20 @@ class ListBoxPickerEditorController extends runtime.EditorController {
      * @type {IAcItemProvider}
      */
     __publicField(this, "acItemProvider");
+    /**
+     * @description 自动选中第一个
+     * @memberof ListBoxPickerEditorController
+     */
+    __publicField(this, "autoSelectFirstOption", false);
   }
   async onInit() {
+    var _a;
     super.onInit();
+    if ((_a = this.editorParams) == null ? void 0 : _a.autoselectfirstoption) {
+      this.autoSelectFirstOption = this.toBoolean(
+        this.editorParams.autoselectfirstoption
+      );
+    }
     if (this.model.editorType === "LISTBOXPICKUP") {
       if (this.model.appDEDataSetId) {
         this.interfaceName = this.model.appDEDataSetId;

package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.cjs

@@ -73,9 +73,16 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
       useInValueChange();
     };
     const items = vue.ref([]);
+    const autoSelectFirstOption = () => {
+      const item = items.value[0];
+      if (!c.autoSelectFirstOption || props.value || !item)
+        return;
+      emit("change", item.value, void 0, true);
+    };
     vue.watch(() => props.data, (newVal) => {
       c.loadCodeList(newVal).then((_codeList) => {
         items.value = _codeList;
+        autoSelectFirstOption();
       });
     }, {
       immediate: true,