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

package/es/common/map-chart/map-chart.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, createVNode, computed, onMounted } from 'vue';
 import { mergeDeepWithKey, isNil } from 'ramda';
-import { useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
+import { useNamespace } from '@ibiz-template/vue3-util';
 import { MapController } from '@ibiz-template/runtime';
 import { defaultOpts } from './map-chart.util.mjs';
 import { useMapManager } from './map-manager.mjs';
@@ -29,10 +29,6 @@ const IBizMapChart = /* @__PURE__ */ defineComponent({
     emit
   }) {
     const ns = useNamespace("map-chart");
-    const {
-      semanticClass,
-      semanticStyle
-    } = useSemanticNode(props.controller);
     const options = computed(() => {
       return mergeDeepWithKey((_key, x, z) => {
         return isNil(z) ? x : z;
@@ -199,8 +195,6 @@ const IBizMapChart = /* @__PURE__ */ defineComponent({
       ns,
       chartRef,
       historyNames,
-      semanticClass,
-      semanticStyle,
       goBack
     };
   },
@@ -211,8 +205,7 @@ const IBizMapChart = /* @__PURE__ */ defineComponent({
       "class": this.ns.e("chart"),
       "ref": "chartRef"
     }, null), this.historyNames.length > 1 && createVNode("div", {
-      "style": this.semanticStyle("goback"),
-      "class": [this.ns.e("goback"), this.semanticClass("goback")],
+      "class": this.ns.e("goback"),
       "onClick": () => {
         this.goBack();
       }

package/es/common/map-chart-user/map-chart-user.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, createVNode, resolveComponent, ref, computed, onMounted, onBeforeUnmount } from 'vue';
 import { mergeDeepLeft, mergeDeepWithKey, isNil } from 'ramda';
-import { useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
+import { useNamespace } from '@ibiz-template/vue3-util';
 import { getAreaLevelByCode, MapController } from '@ibiz-template/runtime';
 import { NOOP, listenJSEvent } from '@ibiz-template/core';
 import { toNumber } from 'lodash-es';
@@ -29,10 +29,6 @@ const IBizMapChartUser = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const ns = useNamespace("map-chart-user");
-    const {
-      semanticClass,
-      semanticStyle
-    } = useSemanticNode(props.controller);
     const c = props.controller;
     let option = defaultOpts;
     const mapRef = ref();
@@ -150,8 +146,6 @@ const IBizMapChartUser = /* @__PURE__ */ defineComponent({
       isFull,
       chartRef,
       historyNames,
-      semanticClass,
-      semanticStyle,
       onBack,
       toggleFullScreen
     };
@@ -166,8 +160,7 @@ const IBizMapChartUser = /* @__PURE__ */ defineComponent({
     }, [enabledFullScreen ? createVNode(resolveComponent("el-button"), {
       "type": "info",
       "onClick": this.toggleFullScreen,
-      "style": this.semanticStyle("fullscreen"),
-      "class": [this.ns.e("fullscreen"), this.semanticClass("fullscreen")],
+      "class": this.ns.e("fullscreen"),
       "title": this.isFull ? ibiz.i18n.t("app.cancelFullscreen") : ibiz.i18n.t("app.fullscreen")
     }, {
       default: () => [createVNode("ion-icon", {
@@ -177,8 +170,7 @@ const IBizMapChartUser = /* @__PURE__ */ defineComponent({
       "class": this.ns.e("chart"),
       "ref": "chartRef"
     }, null), this.historyNames.length > 1 && createVNode("div", {
-      "style": this.semanticStyle("goback"),
-      "class": [this.ns.e("goback"), this.semanticClass("goback")],
+      "class": this.ns.e("goback"),
       "onClick": () => {
         this.onBack();
       }

package/es/control/calendar/calendar.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, ref, computed, watch } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, withDirectives, resolveDirective, ref, computed, watch } from 'vue';
 import { hasEmptyPanelRenderer, IBizCustomRender, useControlController, useNamespace, useUIStore, useSemanticNode } from '@ibiz-template/vue3-util';
 import { CalendarController } from '@ibiz-template/runtime';
 import dayjs from 'dayjs';
@@ -88,6 +88,14 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
     const curPopover = ref();
     const showDateRange = ref(c.controlParams.showmode === "daterange");
     const showDateList = ref(c.controlParams.showmode === "expand");
+    const childClass = [{
+      class: semanticClass("body"),
+      selector: ".el-calendar__body"
+    }];
+    const childStyle = [{
+      style: semanticStyle("body"),
+      selector: ".el-calendar__body"
+    }];
     const infiniteScroll = ref();
     const disabledLodeMore = computed(() => {
       if (c.model.calendarStyle !== "TIMELINE" || c.state.isLoading)
@@ -391,6 +399,8 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       c,
       ns,
       legends,
+      childClass,
+      childStyle,
       semanticClass,
       semanticStyle,
       curPopover,
@@ -483,13 +493,16 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
               this.curPopover = el;
             }
           },
+          "popper-class": [this.semanticClass("popup"), this.ns.be("more", "popper")],
+          "popper-style": this.semanticStyle("popup"),
           "onShow": () => {
             this.popoverValue = items[0].id;
           }
         }, {
           reference: () => {
             return createVNode("span", {
-              "class": this.ns.b("more")
+              "style": this.semanticStyle("more"),
+              "class": [this.ns.b("more"), this.semanticClass("more")]
             }, ["+".concat(items.length - 1, " ").concat(ibiz.i18n.t("app.more"), "...")]);
           },
           default: () => {
@@ -511,7 +524,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       return createVNode("div", {
         "class": [this.ns.b("content"), this.ns.be("content", "month"), this.semanticClass("content"), this.ns.is("show-date-range", this.showDateRange)],
         "style": this.semanticStyle("content")
-      }, [createVNode(resolveComponent("el-calendar"), {
+      }, [withDirectives(createVNode(resolveComponent("el-calendar"), {
         "ref": "calendarRef",
         "modelValue": this.c.state.selectedDate,
         "onUpdate:modelValue": ($event) => this.c.state.selectedDate = $event,
@@ -615,7 +628,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
             "class": this.ns.b("items")
           }, [renderCalendarItems(date)])]);
         }
-      })]);
+      }), [[resolveDirective("child-class"), this.childClass], [resolveDirective("child-style"), this.childStyle]])]);
     };
     const renderNoData = () => {
       const {

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

@@ -45,19 +45,21 @@ const CalendarUser = /* @__PURE__ */ defineComponent({
           data: items[0]
         }), createVNode(resolveComponent("el-popover"), {
           "trigger": "click",
-          "popper-class": ns.e("custom-user-popover"),
           "ref": (el) => {
             if (el && items[0].id === popoverValue.value) {
               curPopover.value = el;
             }
           },
+          "popper-class": [ns.em("more", "popper"), ns.e("custom-user-popover"), props.semanticClass("popup")],
+          "popper-style": props.semanticStyle("popup"),
           "onShow": () => {
             popoverValue.value = items[0].id;
           }
         }, {
           reference: () => {
             return createVNode("span", {
-              "class": ns.e("more")
+              "style": props.semanticStyle("more"),
+              "class": [ns.e("more"), props.semanticClass("more")]
             }, ["+".concat(items.length - 1, " ").concat(ibiz.i18n.t("app.more"), "...")]);
           },
           default: () => {

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

@@ -174,7 +174,8 @@ const CalendarUser2 = /* @__PURE__ */ 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 createVNode("div", {
@@ -199,12 +200,12 @@ const CalendarUser2 = /* @__PURE__ */ defineComponent({
             }, [marks.map((mark) => {
               if (mark.isShow)
                 return 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/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.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.mjs';
+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';
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.mjs

@@ -136,6 +136,7 @@ const RepeaterGrid = /* @__PURE__ */ defineComponent({
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return createVNode(resolveComponent("el-popconfirm"), {
           "title": 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/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid2/repeater-grid2.mjs

@@ -124,6 +124,7 @@ const RepeaterGrid2 = /* @__PURE__ */ defineComponent({
     const renderRemoveBtn = (index) => {
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return createVNode(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/es/control/grid/grid/grid-control.util.mjs

@@ -276,6 +276,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 = computed(() => {
     const items = [];
@@ -414,6 +419,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,
@@ -424,7 +436,8 @@ function useITableEvent(c) {
     handleHeaderCellClassName,
     cleanClick,
     cleanEnter,
-    cleanTab
+    cleanTab,
+    onSelectAll
   };
 }
 function useAppGridPagination(c) {

package/es/control/grid/grid/grid.mjs

@@ -344,7 +344,8 @@ const GridControl = /* @__PURE__ */ defineComponent({
       handleHeaderCellClassName,
       cleanClick = NOOP,
       cleanEnter = NOOP,
-      cleanTab = NOOP
+      cleanTab = NOOP,
+      onSelectAll
     } = useITableEvent(c);
     const {
       pageSemantic,
@@ -579,7 +580,8 @@ const GridControl = /* @__PURE__ */ defineComponent({
       handleRowClassName,
       renderBatchToolBar,
       renderDragIconColumn,
-      handleHeaderCellClassName
+      handleHeaderCellClassName,
+      onSelectAll
     };
   },
   render() {
@@ -610,6 +612,7 @@ const GridControl = /* @__PURE__ */ 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/es/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/es/control/map/map.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent, mergeProps, ref, computed } from 'vue';
+import { defineComponent, createVNode, resolveComponent, mergeProps, withDirectives, resolveDirective, ref, computed } from 'vue';
 import { useControlController, useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
 import { MapController } from '@ibiz-template/runtime';
 import './map.css';
@@ -67,6 +67,32 @@ const MapControl = /* @__PURE__ */ defineComponent({
       semanticClass,
       semanticStyle
     } = useSemanticNode(c);
+    const childClass = [{
+      class: semanticClass("editor.content"),
+      selector: ".ibiz-control-map__map"
+    }, {
+      class: semanticClass("editor.goback"),
+      selector: ".ibiz-map-chart-user__goback"
+    }, {
+      class: semanticClass("editor.goback"),
+      selector: ".ibiz-map-chart__goback"
+    }, {
+      class: semanticClass("editor.fullscreen"),
+      selector: ".ibiz-map-chart-user__fullscreen"
+    }];
+    const childStyle = [{
+      style: semanticStyle("editor.content"),
+      selector: ".ibiz-control-map__map"
+    }, {
+      style: semanticStyle("editor.goback"),
+      selector: ".ibiz-map-chart-user__goback"
+    }, {
+      style: semanticStyle("editor.goback"),
+      selector: ".ibiz-map-chart__goback"
+    }, {
+      style: semanticStyle("editor.fullscreen"),
+      selector: ".ibiz-map-chart-user__fullscreen"
+    }];
     const mapOpts = computed(() => {
       return {
         strAreaCode: c.state.strAreaCode,
@@ -80,6 +106,8 @@ const MapControl = /* @__PURE__ */ defineComponent({
       mapRef,
       mapOpts,
       mapStyle,
+      childClass,
+      childStyle,
       semanticClass,
       semanticStyle
     };
@@ -97,15 +125,13 @@ const MapControl = /* @__PURE__ */ 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) : createVNode(resolveComponent("iBizMapChart"), 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);
         },
@@ -117,7 +143,7 @@ const MapControl = /* @__PURE__ */ defineComponent({
     return createVNode(resolveComponent("iBizControlNavigation"), {
       "controller": this.c
     }, {
-      default: () => [createVNode(resolveComponent("iBizControlBase"), {
+      default: () => [withDirectives(createVNode(resolveComponent("iBizControlBase"), {
         "controller": this.c,
         "class": this.semanticClass("root"),
         "style": this.semanticStyle("root")
@@ -133,7 +159,7 @@ const MapControl = /* @__PURE__ */ defineComponent({
           "name": "eye-off-outline",
           "onClick": () => this.c.onShowNavViewChange()
         }, null) : null]
-      })]
+      }), [[resolveDirective("child-class"), this.childClass], [resolveDirective("child-style"), this.childStyle]])]
     });
   }
 });

package/es/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/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.mjs

@@ -198,7 +198,7 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
         state: c.groupActionState[detail.id]
       };
       return 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": showTitle(detail.tooltip)
@@ -207,7 +207,7 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
         "class": [ns.em("action-item", "icon"), semanticClass("editor.popup.action.icon", semanticParams)],
         "style": semanticStyle("editor.popup.action.icon", semanticParams)
       }, null), 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/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/color-picker/ibiz-color-mpicker-default/ibiz-color-mpicker-default.mjs

@@ -132,7 +132,7 @@ const IBizColorMPickerDefault = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f;
     return withDirectives(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")]
@@ -140,7 +140,8 @@ const IBizColorMPickerDefault = /* @__PURE__ */ 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: () => {
@@ -161,7 +162,8 @@ const IBizColorMPickerDefault = /* @__PURE__ */ defineComponent({
       }
     }), this.showTemplateList && createVNode(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/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs

@@ -365,7 +365,7 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
           "value": "DEUIACTION-".concat(item.id),
           "disabled": c.groupActionState[item.id].disabled,
           "title": 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: () => createVNode("div", {
@@ -379,7 +379,7 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
             "class": [ns.em("action-item", "icon"), semanticClass("editor.popup.action.icon", semanticParams)],
             "style": semanticStyle("editor.popup.action.icon", semanticParams)
           }, null), 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/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs

@@ -340,7 +340,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       };
       return createVNode("div", {
         "title": 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)
@@ -351,7 +351,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         "class": [ns.em("action-item", "icon"), semanticClass("editor.popup.action.icon", semanticParams)],
         "style": semanticStyle("editor.popup.action.icon", semanticParams)
       }, null), 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/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.mjs

@@ -256,7 +256,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
         "value": detail.id,
         "title": 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", {
@@ -270,7 +270,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
           "class": [ns.em("action-item", "icon"), semanticClass("editor.popup.action.icon", semanticParams)],
           "style": semanticStyle("editor.popup.action.icon", semanticParams)
         }, null), 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/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.mjs

@@ -460,8 +460,8 @@ const IBizPickerSelectView = /* @__PURE__ */ 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
     }, {