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

package/lib/control/calendar/components/calendar-user2/calendar-user2.cjs

@@ -176,7 +176,8 @@ const CalendarUser2 = /* @__PURE__ */ vue.defineComponent({
             "trigger": "click",
             "persistent": false,
             "disabled": !marks.length,
-            "popperClass": this.ns.e("popover")
+            "popper-style": this.semanticStyle("popup"),
+            "popper-class": [this.ns.e("popover"), this.semanticClass("popup")]
           }, {
             default: () => {
               return vue.createVNode("div", {
@@ -201,12 +202,12 @@ const CalendarUser2 = /* @__PURE__ */ vue.defineComponent({
             }, [marks.map((mark) => {
               if (mark.isShow)
                 return vue.createVNode("div", {
-                  "class": [this.ns.e("mark"), this.ns.e("item"), this.semanticClass("item", {
+                  "class": [this.ns.e("mark"), this.ns.e("item"), this.semanticClass("mark", {
                     item: mark
                   })],
                   "style": {
                     backgroundColor: mark.bkcolor,
-                    ...this.semanticStyle("item", {
+                    ...this.semanticStyle("mark", {
                       item: mark
                     })
                   }

package/lib/control/drtab/drtab-control.util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var vue = require('vue');
-var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.113_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.cjs');
+var namespace = require('../../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.cjs');
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.cjs

@@ -138,6 +138,7 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return vue.createVNode(vue.resolveComponent("el-popconfirm"), {
           "title": core.showTitle(ibiz.i18n.t("control.form.repeaterGrid.promptInformation")),
+          "popper-class": ["el-popover", ns2.b("popper")],
           "confirm-button-text": ibiz.i18n.t("app.confirm"),
           "cancel-button-text": ibiz.i18n.t("app.cancel"),
           "onConfirm": () => props.controller.remove(index)

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid2/repeater-grid2.cjs

@@ -126,6 +126,7 @@ const RepeaterGrid2 = /* @__PURE__ */ vue.defineComponent({
     const renderRemoveBtn = (index) => {
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return vue.createVNode(vue.resolveComponent("el-popconfirm"), {
+          "popper-class": ["el-popover", ns2.b("popper")],
           "title": ibiz.i18n.t("control.form.repeaterGrid.promptInformation"),
           "confirm-button-text": ibiz.i18n.t("app.confirm"),
           "cancel-button-text": ibiz.i18n.t("app.cancel"),

package/lib/control/grid/grid/grid-control.util.cjs

@@ -278,6 +278,11 @@ function useITableEvent(c) {
   function onSelectionChange(selection) {
     if (!forbidChange && !c.state.isLoading)
       c.setSelection(selection);
+    if (c.state.selectedData.length === c.state.items.length && c.state.items.length !== 0) {
+      c.state.isSelectedAll = true;
+    } else {
+      c.state.isSelectedAll = false;
+    }
   }
   const elSelection = vue.computed(() => {
     const items = [];
@@ -416,6 +421,13 @@ function useITableEvent(c) {
       }
     }
   );
+  function onSelectAll(selections) {
+    if (selections.length === c.state.items.length) {
+      c.state.isSelectedAll = true;
+    } else {
+      c.state.isSelectedAll = false;
+    }
+  }
   return {
     tableRef,
     onRowClick,
@@ -426,7 +438,8 @@ function useITableEvent(c) {
     handleHeaderCellClassName,
     cleanClick,
     cleanEnter,
-    cleanTab
+    cleanTab,
+    onSelectAll
   };
 }
 function useAppGridPagination(c) {

package/lib/control/grid/grid/grid.cjs

@@ -346,7 +346,8 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       handleHeaderCellClassName,
       cleanClick = core.NOOP,
       cleanEnter = core.NOOP,
-      cleanTab = core.NOOP
+      cleanTab = core.NOOP,
+      onSelectAll
     } = gridControl_util.useITableEvent(c);
     const {
       pageSemantic,
@@ -581,7 +582,8 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       handleRowClassName,
       renderBatchToolBar,
       renderDragIconColumn,
-      handleHeaderCellClassName
+      handleHeaderCellClassName,
+      onSelectAll
     };
   },
   render() {
@@ -612,6 +614,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
           "default-sort": this.defaultSort,
           "show-summary": this.c.enableAgg,
           "onSortChange": this.onSortChange,
+          "onSelectAll": this.onSelectAll,
           "onRowDblclick": this.onDbRowClick,
           "summary-method": this.summaryMethod,
           "onHeaderDragend": this.headerDragend,

package/lib/control/grid/grid-column/grid-field-column/grid-field-column.css

@@ -1 +1 @@
-.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-control-grid-body-cell-padding);--ibiz-grid-field-column-clickable-text-color:var(--ibiz-control-grid-body-cell-link-color);--ibiz-grid-field-column-clickable-hover-text-color:var(--ibiz-control-grid-body-cell-link-hover-color);--ibiz-grid-field-column-color:var(--ibiz-control-grid-body-cell-text-color);--ibiz-grid-field-column-font-size:var(--ibiz-control-grid-body-cell-font-size);--ibiz-grid-field-column-font-weight:var(--ibiz-control-grid-body-cell-font-weight);display:inline-flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-grid-field-column-cell-padding)}.ibiz-grid-field-column__text{font-size:var(--ibiz-grid-field-column-font-size);font-weight:var(--ibiz-grid-field-column-font-weight);color:var(--ibiz-grid-field-column-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text{color:var(--ibiz-grid-field-column-clickable-text-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text:hover{color:var(--ibiz-grid-field-column-clickable-hover-text-color)}.ibiz-grid-field-column--clickable{cursor:pointer}.ibiz-grid-field-column--ellipsis{overflow:hidden}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-text-container{min-width:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-toolbar-container{flex-shrink:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script{max-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding));line-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding))}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script *{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--wrap{word-break:break-word;white-space:pre-wrap}.ibiz-grid-field-column.is-has-action{justify-content:space-between}.ibiz-grid-field-column-text-container{display:inline-flex;flex-grow:1;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);height:100%}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item:not(.ibiz-action-toolbar__item--level-250){display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__separator{display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item.is-group{display:inline-flex;opacity:0}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__item{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__separator{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr .ibiz-action-toolbar__item.is-expand{display:inline-flex;opacity:1}
+.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-control-grid-body-cell-padding);--ibiz-grid-field-column-clickable-text-color:var(--ibiz-control-grid-body-cell-link-color);--ibiz-grid-field-column-clickable-hover-text-color:var(--ibiz-control-grid-body-cell-link-hover-color);--ibiz-grid-field-column-color:var(--ibiz-control-grid-body-cell-text-color);--ibiz-grid-field-column-font-size:var(--ibiz-control-grid-body-cell-font-size);--ibiz-grid-field-column-font-weight:var(--ibiz-control-grid-body-cell-font-weight);display:inline-flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-grid-field-column-cell-padding)}.ibiz-grid-field-column__text{font-size:var(--ibiz-grid-field-column-font-size);font-weight:var(--ibiz-grid-field-column-font-weight);color:var(--ibiz-grid-field-column-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text{color:var(--ibiz-grid-field-column-clickable-text-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text:hover{color:var(--ibiz-grid-field-column-clickable-hover-text-color)}.ibiz-grid-field-column--clickable{cursor:pointer}.ibiz-grid-field-column--ellipsis{overflow:hidden}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-text-container{min-width:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-toolbar-container{flex-shrink:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script{max-height:calc(var(--ibiz-control-grid-body-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding));line-height:calc(var(--ibiz-control-grid-body-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding))}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script *{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--wrap{word-break:break-word;white-space:pre-wrap}.ibiz-grid-field-column.is-has-action{justify-content:space-between}.ibiz-grid-field-column-text-container{display:inline-flex;flex-grow:1;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);height:100%}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item:not(.ibiz-action-toolbar__item--level-250){display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__separator{display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item.is-group{display:inline-flex;opacity:0}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__item{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__separator{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr .ibiz-action-toolbar__item.is-expand{display:inline-flex;opacity:1}

package/lib/control/map/map.cjs

@@ -71,6 +71,32 @@ const MapControl = /* @__PURE__ */ vue.defineComponent({
       semanticClass,
       semanticStyle
     } = vue3Util.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 = vue.computed(() => {
       return {
         strAreaCode: c.state.strAreaCode,
@@ -84,6 +110,8 @@ const MapControl = /* @__PURE__ */ vue.defineComponent({
       mapRef,
       mapOpts,
       mapStyle,
+      childClass,
+      childStyle,
       semanticClass,
       semanticStyle
     };
@@ -101,15 +129,13 @@ const MapControl = /* @__PURE__ */ vue.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")
       }), null) : vue.createVNode(vue.resolveComponent("iBizMapChart"), vue.mergeProps(this.$attrs, {
         "controller": this.c,
         "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) => {
           this.c.onPointClick(e);
         },
@@ -121,7 +147,7 @@ const MapControl = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode(vue.resolveComponent("iBizControlNavigation"), {
       "controller": this.c
     }, {
-      default: () => [vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      default: () => [vue.withDirectives(vue.createVNode(vue.resolveComponent("iBizControlBase"), {
         "controller": this.c,
         "class": this.semanticClass("root"),
         "style": this.semanticStyle("root")
@@ -137,7 +163,7 @@ const MapControl = /* @__PURE__ */ vue.defineComponent({
           "name": "eye-off-outline",
           "onClick": () => this.c.onShowNavViewChange()
         }, null) : null]
-      })]
+      }), [[vue.resolveDirective("child-class"), this.childClass], [vue.resolveDirective("child-style"), this.childStyle]])]
     });
   }
 });

package/lib/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.cjs

@@ -200,7 +200,7 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
         state: c.groupActionState[detail.id]
       };
       return vue.createVNode("div", {
-        "class": [ns.e("action-item"), ns.be("popper", "item"), semanticClass("editor.popup.action", semanticParams), ns.is("disabled", c.groupActionState[detail.id].disabled)],
+        "class": [ns.e("action-item"), ns.be("popper", "action"), semanticClass("editor.popup.action", semanticParams), ns.is("disabled", c.groupActionState[detail.id].disabled)],
         "style": semanticStyle("editor.popup.action", semanticParams),
         "onClick": (event) => c.onActionClick(detail, props.data, event),
         "title": core.showTitle(detail.tooltip)
@@ -209,7 +209,7 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
         "class": [ns.em("action-item", "icon"), semanticClass("editor.popup.action.icon", semanticParams)],
         "style": semanticStyle("editor.popup.action.icon", semanticParams)
       }, null), vue.createVNode("span", {
-        "class": [ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
+        "class": [ns.em("action-item", "label"), ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
         "style": semanticStyle("editor.popup.action.label", semanticParams)
       }, [detail.showCaption ? detail.caption : ""])]);
     };

package/lib/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.css

@@ -1 +1 @@
-.ibiz-autocomplete{--ibiz-autocomplete-font-size:var(--ibiz-form-item-font-size);--ibiz-autocomplete-text-color:var(--ibiz-form-item-text-color);--ibiz-autocomplete-line-height:var(--ibiz-form-item-line-height);--ibiz-autocomplete-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-autocomplete-readonly-color:var(--ibiz-form-item-readonly-color);--ibiz-autocomplete-hover-edit-padding:var(--ibiz-form-item-hover-edit-padding);--ibiz-autocomplete-action-text-color:var(--ibiz-color-link);width:100%}.ibiz-autocomplete__transfer-item.is-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-autocomplete__action-item{color:var(--ibiz-autocomplete-action-text-color);text-align:center}.ibiz-autocomplete__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-autocomplete__suffix{cursor:pointer;visibility:inherit;transition:var(--el-transition-duration);transform:rotate(0)}.ibiz-autocomplete__suffix.is-reverse{transform:rotate(-180deg)}.ibiz-autocomplete__transfer{--ibiz-autocomplete-font-size:var(--ibiz-form-item-font-size);--ibiz-autocomplete-text-color:var(--ibiz-form-item-text-color);--ibiz-autocomplete-line-height:var(--ibiz-form-item-line-height);--ibiz-autocomplete-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-autocomplete-readonly-color:var(--ibiz-form-item-readonly-color);--ibiz-autocomplete-hover-edit-padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-autocomplete__transfer.is-empty .el-autocomplete-suggestion li{padding:0}.ibiz-autocomplete__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-autocomplete-empty-bg-color)}.ibiz-autocomplete .ibiz-autocomplete-input{width:100%}.ibiz-autocomplete--readonly{font-size:var(--ibiz-autocomplete-font-size);line-height:var(--ibiz-autocomplete-line-height);color:var(--ibiz-autocomplete-readonly-color)}.ibiz-autocomplete .el-autocomplete{vertical-align:middle}.ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-input{display:block}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-autocomplete-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-autocomplete-font-size);line-height:var(--ibiz-autocomplete-line-height);color:var(--ibiz-autocomplete-text-color)}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-input{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-input{display:block}
+.ibiz-autocomplete{--ibiz-autocomplete-font-size:var(--ibiz-form-item-font-size);--ibiz-autocomplete-text-color:var(--ibiz-form-item-text-color);--ibiz-autocomplete-line-height:var(--ibiz-form-item-line-height);--ibiz-autocomplete-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-autocomplete-readonly-color:var(--ibiz-form-item-readonly-color);--ibiz-autocomplete-disabled-color:var(--ibiz-form-item-disabled-color);--ibiz-autocomplete-hover-edit-padding:var(--ibiz-form-item-hover-edit-padding);--ibiz-autocomplete-action-text-color:var(--ibiz-color-link);width:100%}.ibiz-autocomplete__transfer-item.is-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-autocomplete__action-item{display:flex;align-items:center;justify-content:center;color:var(--ibiz-autocomplete-action-text-color)}.ibiz-autocomplete__action-item--icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-autocomplete__action-item.is-disabled{color:var(--ibiz-autocomplete-disabled-color);cursor:not-allowed}.ibiz-autocomplete__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-autocomplete__suffix{cursor:pointer;visibility:inherit;transition:var(--el-transition-duration);transform:rotate(0)}.ibiz-autocomplete__suffix.is-reverse{transform:rotate(-180deg)}.ibiz-autocomplete__transfer{--ibiz-autocomplete-font-size:var(--ibiz-form-item-font-size);--ibiz-autocomplete-text-color:var(--ibiz-form-item-text-color);--ibiz-autocomplete-line-height:var(--ibiz-form-item-line-height);--ibiz-autocomplete-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-autocomplete-readonly-color:var(--ibiz-form-item-readonly-color);--ibiz-autocomplete-disabled-color:var(--ibiz-form-item-disabled-color);--ibiz-autocomplete-hover-edit-padding:var(--ibiz-form-item-hover-edit-padding);--ibiz-autocomplete-action-text-color:var(--ibiz-color-link)}.ibiz-autocomplete__transfer.is-empty .el-autocomplete-suggestion li{padding:0}.ibiz-autocomplete__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-autocomplete-empty-bg-color)}.ibiz-autocomplete .ibiz-autocomplete-input{width:100%}.ibiz-autocomplete--readonly{font-size:var(--ibiz-autocomplete-font-size);line-height:var(--ibiz-autocomplete-line-height);color:var(--ibiz-autocomplete-readonly-color)}.ibiz-autocomplete .el-autocomplete{vertical-align:middle}.ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-input{display:block}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-autocomplete-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-autocomplete-font-size);line-height:var(--ibiz-autocomplete-line-height);color:var(--ibiz-autocomplete-text-color)}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-input{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-input{display:block}

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/color-picker/ibiz-color-mpicker-default/ibiz-color-mpicker-default.cjs

@@ -134,7 +134,7 @@ const IBizColorMPickerDefault = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f;
     return vue.withDirectives(vue.createVNode("div", {
       "style": (_a = this.semanticStyle) == null ? void 0 : _a.call(this, "editor.root"),
       "class": [this.ns.b(), (_b = this.semanticClass) == null ? void 0 : _b.call(this, "editor.root")]
@@ -142,7 +142,8 @@ const IBizColorMPickerDefault = /* @__PURE__ */ vue.defineComponent({
       "modelValue": this.curType,
       "onUpdate:modelValue": ($event) => this.curType = $event,
       "class": this.ns.b("picker"),
-      "popper-class": this.ns.b("popper"),
+      "popper-class": [this.ns.b("popper"), (_c = this.semanticClass) == null ? void 0 : _c.call(this, "editor.popup")],
+      "popper-style": (_d = this.semanticStyle) == null ? void 0 : _d.call(this, "editor.popup"),
       "onChange": this.handleSchemeChange
     }, {
       default: () => {
@@ -163,7 +164,8 @@ const IBizColorMPickerDefault = /* @__PURE__ */ vue.defineComponent({
       }
     }), this.showTemplateList && vue.createVNode(vue.resolveComponent("el-select"), {
       "class": this.ns.b("template-color-picker"),
-      "popper-class": this.ns.b("popper"),
+      "popper-class": [this.ns.b("popper"), (_e = this.semanticClass) == null ? void 0 : _e.call(this, "editor.popup")],
+      "popper-style": (_f = this.semanticStyle) == null ? void 0 : _f.call(this, "editor.popup"),
       "modelValue": this.curTemplateColor,
       "onUpdate:modelValue": ($event) => this.curTemplateColor = $event,
       "onChange": this.handleTemplateColorChange

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs

@@ -367,7 +367,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
           "value": "DEUIACTION-".concat(item.id),
           "disabled": c.groupActionState[item.id].disabled,
           "title": core.showTitle(isEllipsis ? item.tooltip : ""),
-          "class": [ns.be("popper", "item"), semanticClass("editor.popup.action")],
+          "class": [ns.be("popper", "action"), semanticClass("editor.popup.action")],
           "style": semanticStyle("editor.popup.action")
         }, {
           default: () => vue.createVNode("div", {
@@ -381,7 +381,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
             "class": [ns.em("action-item", "icon"), semanticClass("editor.popup.action.icon", semanticParams)],
             "style": semanticStyle("editor.popup.action.icon", semanticParams)
           }, null), vue.createVNode("span", {
-            "class": [ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
+            "class": [ns.em("action-item", "caption"), ns.em("action-item", "label"), semanticClass("editor.popup.action.label", semanticParams)],
             "style": semanticStyle("editor.popup.action.label", semanticParams)
           }, [item.showCaption ? item.caption : ""])])
         });

package/lib/editor/data-picker/ibiz-picker/ibiz-picker.cjs

@@ -342,7 +342,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
       };
       return vue.createVNode("div", {
         "title": core.showTitle(detail.tooltip),
-        "class": [ns.e("action-item"), ns.be("popper", "item"), semanticClass("editor.popup.action", semanticParams), ns.is("disabled", c.groupActionState[detail.id].disabled)],
+        "class": [ns.e("action-item"), ns.be("popper", "action"), semanticClass("editor.popup.action", semanticParams), ns.is("disabled", c.groupActionState[detail.id].disabled)],
         "style": semanticStyle("editor.popup.action", semanticParams),
         "onClick": (event) => {
           if (!c.groupActionState[detail.id].disabled)
@@ -353,7 +353,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
         "class": [ns.em("action-item", "icon"), semanticClass("editor.popup.action.icon", semanticParams)],
         "style": semanticStyle("editor.popup.action.icon", semanticParams)
       }, null), vue.createVNode("span", {
-        "class": [ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
+        "class": [ns.em("action-item", "label"), ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
         "style": semanticStyle("editor.popup.action.label", semanticParams)
       }, [detail.showCaption ? detail.caption : ""])]);
     };

package/lib/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.cjs

@@ -258,7 +258,7 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
         "value": detail.id,
         "title": core.showTitle(detail.tooltip),
         "disabled": c.groupActionState[detail.id].disabled,
-        "class": [ns.be("popper", "item"), semanticClass("editor.popup.action", {
+        "class": [ns.be("popper", "action"), semanticClass("editor.popup.action", {
           semanticParams
         })],
         "style": semanticStyle("editor.popup.action", {
@@ -272,7 +272,7 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
           "class": [ns.em("action-item", "icon"), semanticClass("editor.popup.action.icon", semanticParams)],
           "style": semanticStyle("editor.popup.action.icon", semanticParams)
         }, null), vue.createVNode("span", {
-          "class": [ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
+          "class": [ns.em("action-item", "caption"), ns.em("action-item", "label"), semanticClass("editor.popup.action.label", semanticParams)],
           "style": semanticStyle("editor.popup.action.label", semanticParams)
         }, [detail.showCaption ? detail.caption : ""])])]
       });

package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.cjs

@@ -462,8 +462,8 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
       "disabled": this.disabled || this.readonly,
       "class": [this.ns.b("select"), this.ns.e("content"), 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/lib/editor/date-range-select/date-range-select-picker/date-range-select.cjs

@@ -34,32 +34,32 @@ const IBizDateRangeSelect = /* @__PURE__ */ vue.defineComponent({
       class: semanticClass("editor.label"),
       selector: ".".concat(ns.e("label"))
     }, {
-      class: semanticClass("editor.input"),
+      class: semanticClass("editor.dateType"),
       selector: ".".concat(ns.em("date-range", "editor"))
     }, {
-      class: semanticClass("editor.input.suffix"),
+      class: semanticClass("editor.dateType.suffix"),
       selector: ".".concat(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"
     }];
     const childStyle = [{
       style: semanticStyle("editor.label"),
       selector: ".".concat(ns.e("label"))
     }, {
-      style: semanticStyle("editor.input"),
+      style: semanticStyle("editor.dateType"),
       selector: ".".concat(ns.em("date-range", "editor"))
     }, {
-      style: semanticStyle("editor.input.suffix"),
+      style: semanticStyle("editor.dateType.suffix"),
       selector: ".".concat(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"
     }];
     const unitValue = vue.ref(c.defaultUnit);
@@ -132,14 +132,16 @@ const IBizDateRangeSelect = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(vue.resolveComponent("el-select"), {
         "modelValue": unitValue.value,
         "onUpdate:modelValue": ($event) => unitValue.value = $event,
+        "onChange": unitChange,
         "class": ns.em("date-unit", "editor-select"),
-        "onChange": unitChange
+        "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": semanticClass("editor.popup.item", {
+          "class": [ns.em("date-unit", "item"), semanticClass("editor.dateUnit.popup.item", {
             item
-          }),
-          "style": semanticStyle("editor.popup.item", {
+          })],
+          "style": semanticStyle("editor.dateUnit.popup.item", {
             item
           }),
           "key": item.value,
@@ -272,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("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", {
@@ -291,10 +293,10 @@ const IBizDateRangeSelect = /* @__PURE__ */ vue.defineComponent({
             "class": ns.e("date-type")
           }, [timeTypes.map((item) => {
             return vue.createVNode("div", {
-              "class": [ns.em("date-type", "item"), semanticClass("editor.popup.item", {
+              "class": [ns.em("date-type", "item"), semanticClass("editor.dateType.popup.item", {
                 item
               })],
-              "style": semanticStyle("editor.popup.item", {
+              "style": semanticStyle("editor.dateType.popup.item", {
                 item
               }),
               "onClick": (event) => onTypeClick(item.type, event)

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

@@ -29,9 +29,14 @@ class DropDownListEditorController extends runtime.CodeListEditorController {
     /**
      * 默认选中第一个
      *
-     * @memberof CustomTagSelectController
+     * @memberof DropDownListEditorController
      */
     __publicField(this, "defaultFirstOption", false);
+    /**
+     * @description 自动选中第一个
+     * @memberof DropDownListEditorController
+     */
+    __publicField(this, "autoSelectFirstOption", false);
     /**
      * 预置项空白项名称
      *
@@ -46,7 +51,7 @@ class DropDownListEditorController extends runtime.CodeListEditorController {
     __publicField(this, "blankItemValue");
   }
   async onInit() {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     super.onInit();
     if (this.model.editorType === "MDROPDOWNLIST" || this.model.editorType === "MOBCHECKLIST") {
       this.multiple = true;
@@ -67,13 +72,18 @@ class DropDownListEditorController extends runtime.CodeListEditorController {
         this.editorParams.defaultfirstoption
       );
     }
-    if ((_e = this.editorParams) == null ? void 0 : _e.blankItemName) {
+    if ((_e = this.editorParams) == null ? void 0 : _e.autoselectfirstoption) {
+      this.autoSelectFirstOption = this.toBoolean(
+        this.editorParams.autoselectfirstoption
+      );
+    }
+    if ((_f = this.editorParams) == null ? void 0 : _f.blankItemName) {
       this.blankItemName = this.editorParams.blankItemName;
     }
-    if ((_f = this.editorParams) == null ? void 0 : _f.blankitemname) {
+    if ((_g = this.editorParams) == null ? void 0 : _g.blankitemname) {
       this.blankItemName = this.editorParams.blankitemname;
     }
-    if ((_g = this.editorParams) == null ? void 0 : _g.blankitemvalue)
+    if ((_h = this.editorParams) == null ? void 0 : _h.blankitemvalue)
       this.blankItemValue = this.editorParams.blankitemvalue;
   }
 }

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

@@ -101,6 +101,10 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     const codeItemValueNumber = vue.ref(false);
     const hiddenInputRef = vue.ref();
     const valueSeparator = ((_a = c.editorParams) == null ? void 0 : _a.valueseparator) || ",";
+    const {
+      getSelection,
+      getSelectionValue
+    } = runtime.useCodeListSelection(c.allItemsValue);
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -142,6 +146,20 @@ const IBizDropdown = /* @__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 ? 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);
+        emit("change", item.text, void 0, true);
+      } else {
+        emit("change", item.value, void 0, true);
+      }
+    };
     const afterLoadCodeList = (codeList) => {
       items.value = [];
       codeListItems.value = [];
@@ -164,6 +182,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
           break;
         }
       }
+      autoSelectFirstOption();
     };
     const loadCodeList = async () => {
       if (c.model.appCodeListId) {
@@ -230,10 +249,6 @@ const IBizDropdown = /* @__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 _a2, _b, _c;

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