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

package/es/common/button-list/button-list.mjs

@@ -169,7 +169,12 @@ const IBizButtonList = /* @__PURE__ */ defineComponent({
             }
           }]
         },
-        "popper-style": "z-index: ".concat(zIndex.zIndex)
+        "popper-style": {
+          zIndex: zIndex.zIndex,
+          ...props.semantic.semanticStyle("popup", {
+            model: detail
+          })
+        }
       }, {
         reference: () => {
           var _a2, _b;

package/es/common/data-import/data-import.mjs

@@ -1,7 +1,7 @@
 import { isVNode, defineComponent, withDirectives, createVNode, resolveComponent, resolveDirective, ref } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import './data-import.css';
 import { downloadImportTemplate, selectAndImport } from '@ibiz-template/runtime';
+import './data-import.css';
 
 "use strict";
 function _isSlot(s) {
@@ -32,6 +32,7 @@ const DataImport = /* @__PURE__ */ defineComponent({
     }
   },
   setup(props) {
+    var _a;
     const ns = useNamespace("data-import");
     const message = ref({
       state: "ready",
@@ -39,11 +40,12 @@ const DataImport = /* @__PURE__ */ defineComponent({
     });
     const errorMessage = ref("");
     const isLoading = ref(false);
+    const importTemplName = ibiz.config.common.importTemplNameMode === "custom" ? "".concat((_a = props.dataImport) == null ? void 0 : _a.name).concat(ibiz.i18n.t("component.dataImport.template")) : "".concat(props.appDataEntity.logicName).concat(ibiz.i18n.t("component.dataImport.templateFile"));
     const onCancelButtonClick = () => {
       props.dismiss();
     };
     const onLinkClick = async () => {
-      downloadImportTemplate(props.appDataEntity, props.dataImport, props.context, props.params);
+      downloadImportTemplate(props.appDataEntity, props.dataImport, props.context, props.params, ibiz.config.common.importTemplNameMode === "custom" ? importTemplName : void 0);
     };
     const selectFile = async () => {
       isLoading.value = true;
@@ -84,12 +86,13 @@ const DataImport = /* @__PURE__ */ defineComponent({
     };
     return {
       ns,
-      onLinkClick,
-      selectFile,
-      onCancelButtonClick,
-      isLoading,
       message,
-      errorMessage
+      isLoading,
+      errorMessage,
+      importTemplName,
+      selectFile,
+      onLinkClick,
+      onCancelButtonClick
     };
   },
   render() {
@@ -124,7 +127,7 @@ const DataImport = /* @__PURE__ */ defineComponent({
     }, [createVNode("ion-icon", {
       "class": this.ns.e("link-icon"),
       "name": "link"
-    }, null), this.appDataEntity.logicName, ibiz.i18n.t("component.dataImport.templateFile")])]), createVNode("div", {
+    }, null), this.importTemplName])]), createVNode("div", {
       "class": this.ns.e("button-bar")
     }, [createVNode(resolveComponent("el-button"), {
       "onClick": this.onCancelButtonClick

package/es/control/calendar/components/calendar-user2/calendar-user2.mjs

@@ -122,11 +122,11 @@ const CalendarUser2 = /* @__PURE__ */ defineComponent({
       "class": [this.ns.e("title"), this.ns.em("header", "left"), this.semanticClass("title")],
       "style": this.semanticStyle("title")
     }, [this.title]), createVNode("div", {
-      "class": [this.ns.e("legend"), this.ns.em("header", "legend"), this.semanticStyle("legend")],
+      "class": [this.ns.e("legend"), this.ns.em("header", "legend"), this.semanticClass("legend")],
       "style": this.semanticStyle("legend")
     }, [this.legends.length > 1 && this.legends.map((legend) => {
       return createVNode("div", {
-        "class": [this.ns.e("legend-item"), this.ns.em("legend", "item"), this.semanticStyle("legend.item")],
+        "class": [this.ns.e("legend-item"), this.ns.em("legend", "item"), this.semanticClass("legend.item")],
         "style": this.semanticStyle("legend.item"),
         "onClick": () => this.$emit("legendClick", legend)
       }, [createVNode("div", {

package/es/control/calendar/components/custom-calendar/custom-calendar.mjs

@@ -107,8 +107,7 @@ const CustomCalendar = /* @__PURE__ */ defineComponent({
     const renderDay = () => {
       var _a;
       return createVNode("div", {
-        "class": ns.e("calendar-day"),
-        "style": props.semanticStyle("day")
+        "class": ns.e("calendar-day")
       }, [(slots == null ? void 0 : slots.header) ? createVNode("div", {
         "class": [ns.e("header"), ns.em("calendar-day", "header"), props.semanticClass("header")],
         "style": props.semanticStyle("header")

package/es/control/dashboard/portlet/menu-portlet/app-menu-portlet/app-menu-portlet.mjs

@@ -171,6 +171,7 @@ const AppMenuPortletControl = /* @__PURE__ */ defineComponent({
       let _slot;
       content = createVNode(resolveComponent("el-collapse"), {
         "class": [this.ns.e("content"), this.semanticClass("content")],
+        "style": this.semanticStyle("content"),
         "modelValue": this.defaultOpens,
         "onUpdate:modelValue": ($event) => this.defaultOpens = $event
       }, _isSlot(_slot = model.appMenuItems.map((item) => {
@@ -184,6 +185,7 @@ const AppMenuPortletControl = /* @__PURE__ */ defineComponent({
     }
     return createVNode(resolveComponent("iBizControlBase"), {
       "class": [this.ns.b(), this.semanticClass("root")],
+      "style": this.semanticStyle("root"),
       "controller": this.c
     }, _isSlot(content) ? content : {
       default: () => [content]

package/es/control/drtab/drtab-control.util.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, watchEffect, onUnmounted } from 'vue';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.117_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.119_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/es/control/drtab/drtab.controller.mjs

@@ -32,6 +32,12 @@ class DRTabController extends ControlController {
      * @memberof DRTabController
      */
     __publicField(this, "srfCacheKeyTempl", "");
+    /**
+     * @description 显示位置
+     * @type {(string | undefined)}
+     * @memberof DRTabController
+     */
+    __publicField(this, "tabPosition");
     /**
      * Router 对象
      *
@@ -146,6 +152,7 @@ class DRTabController extends ControlController {
     super.initState();
     this.state.drTabPages = [];
     this.state.showMore = false;
+    this.state.expViewParams = {};
     this.state.hideEditItem = !!this.model.hideEditItem;
   }
   /**
@@ -155,6 +162,8 @@ class DRTabController extends ControlController {
    * @memberof DRTabController
    */
   async onCreated() {
+    var _a;
+    this.tabPosition = (_a = this.view.model.tabLayout) == null ? void 0 : _a.toLowerCase();
     await super.onCreated();
     await this.initCounter();
     this.srfCacheKeyTempl = this.controlParams.srfcachekeytempl || "";
@@ -360,7 +369,7 @@ class DRTabController extends ControlController {
         testScriptCode,
         counterMode
       } = item;
-      drTabPages.push({
+      const drTabPage = {
         tag: item.id,
         caption: item.caption,
         sysImage: item.sysImage,
@@ -372,7 +381,15 @@ class DRTabController extends ControlController {
         testAppDELogicId,
         testScriptCode,
         counterMode
-      });
+      };
+      if (this.tabPosition === "flow_noheader" || this.tabPosition === "flow") {
+        const { context, params } = this.prepareParams(item);
+        Object.assign(drTabPage, {
+          context,
+          params
+        });
+      }
+      drTabPages.push(drTabPage);
     });
     this.state.drTabPages = drTabPages;
     this.state.defaultName = drTabPages[0].tag;
@@ -449,12 +466,12 @@ class DRTabController extends ControlController {
   /**
    * 准备参数
    *
-   * @param {IDEDRCtrlItem} drTabPages 关系分页
+   * @param {IDEDRCtrlItem} drTabPage 关系分页
    * @return {*}
    * @memberof DRTabController
    */
-  prepareParams(drTabPages) {
-    const { navigateContexts, navigateParams } = drTabPages;
+  prepareParams(drTabPage) {
+    const { navigateContexts, navigateParams } = drTabPage;
     const model = {
       navContexts: navigateContexts,
       navParams: navigateParams
@@ -466,9 +483,13 @@ class DRTabController extends ControlController {
     };
     const { resultContext, resultParams } = calcNavParams(model, originParams);
     const context = Object.assign(this.context.clone(), resultContext, {
-      currentSrfNav: drTabPages.id
+      currentSrfNav: drTabPage.id
     });
-    const params = { ...this.params, ...resultParams };
+    const params = {
+      ...this.params,
+      ...resultParams,
+      ...this.state.expViewParams
+    };
     return { context, params };
   }
   /**
@@ -476,20 +497,20 @@ class DRTabController extends ControlController {
    *
    * @author lxm
    * @date 2023-12-21 05:40:07
-   * @param {IDEDRCtrlItem} drTabPages
+   * @param {IDEDRCtrlItem} drTabPage
    * @param {boolean} [isRoutePushed=false]
    * @return {*}  {Promise<void>}
    */
-  async openNavPosView(drTabPages, isRoutePushed = false, navViewKey) {
+  async openNavPosView(drTabPage, isRoutePushed = false, navViewKey) {
     var _a;
-    const { context, params } = this.prepareParams(drTabPages);
-    if (!drTabPages.appViewId)
+    const { context, params } = this.prepareParams(drTabPage);
+    if (!drTabPage.appViewId)
       return;
     (_a = this.navPos) == null ? void 0 : _a.openView({
-      key: navViewKey || drTabPages.id,
+      key: navViewKey || drTabPage.id,
       context,
       params,
-      viewId: drTabPages.appViewId,
+      viewId: drTabPage.appViewId,
       isRoutePushed
     });
   }
@@ -524,6 +545,20 @@ class DRTabController extends ControlController {
    */
   async refresh() {
     var _a;
+    if (this.tabPosition === "flow_noheader" || this.tabPosition === "flow") {
+      this.state.drTabPages.forEach((tabPageState) => {
+        var _a2;
+        const dedrtabPage = (_a2 = this.model.dedrtabPages) == null ? void 0 : _a2.find(
+          (item) => item.id === tabPageState.tag
+        );
+        if (dedrtabPage) {
+          const { context, params } = this.prepareParams(dedrtabPage);
+          tabPageState.context = context;
+          tabPageState.params = params;
+        }
+      });
+      return;
+    }
     const { activeName } = this.state;
     const drBarItem = (_a = this.model.dedrtabPages) == null ? void 0 : _a.find(
       (item) => item.id === activeName

package/es/control/drtab/drtab.mjs

@@ -259,7 +259,7 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
         "style": this.semanticStyle("root"),
         "semanticClass": this.semanticClass,
         "semanticStyle": this.semanticStyle,
-        "pagesstate": this.visibleItems,
+        "pagesState": this.visibleItems,
         "drtabpages": this.modelData.dedrtabPages,
         "context": this.c.context,
         "params": this.c.params,

package/es/control/drtab/flow-drtab.mjs

@@ -8,7 +8,7 @@ import './flow-drtab.css';
 const FlowDrtab = /* @__PURE__ */ defineComponent({
   name: "FlowDrtab",
   props: {
-    pagesstate: {
+    pagesState: {
       type: Array,
       default: () => []
     },
@@ -71,7 +71,7 @@ const FlowDrtab = /* @__PURE__ */ defineComponent({
     navbarpos.value = c.navbarpos;
     navBarWidth.value = c.navbarwidth;
     const allVisibleViews = computed(() => {
-      return props.pagesstate.filter((item) => {
+      return props.pagesState.filter((item) => {
         const target = props.drtabpages.find((page) => {
           return page.id === item.tag;
         });
@@ -79,8 +79,8 @@ const FlowDrtab = /* @__PURE__ */ defineComponent({
       }).length;
     });
     const allNavTags = computed(() => {
-      if (props.pagesstate) {
-        return props.pagesstate.map((item) => {
+      if (props.pagesState) {
+        return props.pagesState.map((item) => {
           const target = props.drtabpages.find((page) => {
             return page.id === item.tag;
           });
@@ -172,7 +172,7 @@ const FlowDrtab = /* @__PURE__ */ defineComponent({
       });
       completedViews.value += 1;
       if (completedViews.value === allVisibleViews.value && !navtag.value) {
-        navtag.value = "".concat(target == null ? void 0 : target.appViewId, "_").concat(props.pagesstate[0].tag);
+        navtag.value = "".concat(target == null ? void 0 : target.appViewId, "_").concat(props.pagesState[0].tag);
       }
       const el = document.getElementById("".concat(target == null ? void 0 : target.appViewId, "_").concat(item.tag));
       if (el) {
@@ -263,7 +263,7 @@ const FlowDrtab = /* @__PURE__ */ defineComponent({
           "ref": (el) => {
             navbarRef.value = el;
           }
-        }, [props.pagesstate.map((item) => {
+        }, [props.pagesState.map((item) => {
           const target = props.drtabpages.find((page) => {
             return page.id === item.tag;
           });
@@ -303,7 +303,7 @@ const FlowDrtab = /* @__PURE__ */ defineComponent({
   },
   render() {
     var _a, _b;
-    const tabs = this.pagesstate.map((item) => {
+    const tabs = this.pagesState.map((item) => {
       const counterNum = item.counterId ? this.counterData[item.counterId] : void 0;
       const viewShell = resolveComponent("IBizViewShell");
       const target = this.drtabpages.find((page) => {
@@ -359,8 +359,8 @@ const FlowDrtab = /* @__PURE__ */ defineComponent({
           })
         }
       }, [h(viewShell, {
-        context: this.context,
-        params: this.params,
+        context: item.context || this.context,
+        params: item.params || this.params,
         viewId: target.appViewId,
         onMounted: () => this.onViewMounted(item)
       })])]);

package/es/control/exp-bar/render-util.mjs

@@ -32,11 +32,11 @@ function useExpBarRender(c, ns) {
       "style": semanticStyle("title"),
       "class": [ns.b("caption"), expBarNs.b("caption"), semanticClass("title")]
     }, [model.sysImage && createVNode(resolveComponent("iBizIcon"), {
+      "class": [expBarNs.be("caption", "icon"), semanticClass("title.icon")],
       "style": semanticStyle("title.icon"),
-      "class": [expBarNs.be("caption", "icon"), semanticStyle("title.icon")],
       "icon": model.sysImage
     }, null), title && createVNode("span", {
-      "class": [ns.be("caption", "text"), expBarNs.be("caption", "text"), semanticStyle("title.text")],
+      "class": [ns.be("caption", "text"), expBarNs.be("caption", "text"), semanticClass("title.text")],
       "style": semanticStyle("title.text")
     }, [title])]);
   };

package/es/control/medit-view-panel/medit-view-panel.mjs

@@ -142,7 +142,7 @@ const MEditViewPanelControl = /* @__PURE__ */ defineComponent({
                   "class": [this.ns.be("tab-label", "remove"), this.semanticClass("tab.remove", {
                     item
                   })],
-                  "style": this.semanticClass("tab.remove", {
+                  "style": this.semanticStyle("tab.remove", {
                     item
                   }),
                   "name": "close-outline",

package/es/control/toolbar/toolbar.mjs

@@ -304,6 +304,9 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
             "popper-class": [ns2.b("popper"), ns2.b("dropdown-popper"), ns2.bm("dropdown-popper", toolbarStyle), ns2.em("dropdown-popper", groupButtonStyle.toLowerCase()), ns2.bm("dropdown-popper", calcCssName(item)), semanticClass("popup", {
               item
             })],
+            "popper-style": semanticStyle("popup", {
+              item
+            }),
             "placement": "right-start",
             "teleported": false,
             "popper-options": {

package/es/control/tree/tree.mjs

@@ -964,7 +964,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         "ref": "treeviewRef",
         "controller": this.c,
         "class": this.semanticClass("root"),
-        "style": this.semanticClass("root"),
+        "style": this.semanticStyle("root"),
         "element-loading-text": this.c.state.loadingText
       }, _isSlot(slots) ? slots : {
         default: () => [slots]

package/es/control/tree-grid-ex/tree-grid-ex.mjs

@@ -297,6 +297,7 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
           "ref": "tableRef",
           "key": this.tableRefreshKey,
           "class": [this.ns.e("table"), this.semanticClass("content")],
+          "style": this.semanticStyle("content"),
           "border": true,
           "row-key": "id",
           "data": this.elTableData,

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-picker/ibiz-date-picker/ibiz-date-picker.mjs

@@ -189,7 +189,8 @@ const IBizDatePicker = /* @__PURE__ */ defineComponent({
     }, this.$attrs), null);
     const readonlyContent = this.formatValue;
     const formDefaultContent = createVNode("div", {
-      "class": [this.ns.e("content"), this.ns.b("form-default-content"), this.semanticClass("editor.content")]
+      "class": [this.ns.e("content"), this.ns.b("form-default-content"), this.semanticClass("editor.content")],
+      "style": this.semanticStyle("editor.content")
     }, [this.formatValue ? this.formatValue : createVNode(resolveComponent("iBizEditorEmptyText"), {
       "showPlaceholder": this.c.emptyShowPlaceholder,
       "placeHolder": this.c.placeHolder

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