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

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("popper"), semanticClass("editor.popup")],
+        "popper-style": semanticStyle("editor.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,7 +274,7 @@ 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-class": [ns.b("popper"), ns.b("date-range-select"), semanticClass("editor.popup")],
         "popper-style": semanticStyle("editor.popup")
       }, {
         reference: () => {
@@ -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 ? getSelectionValue(item.value).map((v) => "".concat(v)) : [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/panel-component/auth-userinfo/auth-userinfo.css

@@ -1 +1 @@
-.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-font-size:var(--ibiz-font-size-header-5);--ibiz-user-info-height:44px;--ibiz-user-info-collapse-padding:0 var(--ibiz-spacing-base-tight);--ibiz-user-info-avatar-max-width:32px;--ibiz-user-info-avatar-max-height:32px;--ibiz-user-info-avatar-gap:var(--ibiz-spacing-base);--ibiz-user-info-name-max-width:130px;--ibiz-user-info-name-font-size:var(--ibiz-user-info-font-size);--ibiz-user-info-name-person-font-size:var(--ibiz-font-size-small);--ibiz-user-info-name-person-gap:var(--ibiz-spacing-extra-tight);--ibiz-user-info-name-arrow-gap:var(--ibiz-spacing-base-tight);display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;height:var(--ibiz-user-info-height);padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info__icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-user-info.is-left .ibiz-user-info__down{display:none}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:var(--ibiz-user-info-name-arrow-gap);font-size:var(--ibiz-user-info-font-size)}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:var(--ibiz-user-info-avatar-max-width);max-height:var(--ibiz-user-info-avatar-max-height);margin-right:var(--ibiz-user-info-avatar-gap)}.ibiz-user-info.is-collapse .el-dropdown{padding:0 var(--ibiz-user-info-collapse-padding)}.ibiz-user-info.is-collapse .ibiz-user-info-avatar{max-width:var(--ibiz-user-info-avatar-max-width);max-height:var(--ibiz-user-info-avatar-max-height);margin:0}.ibiz-user-info.is-readonly .el-dropdown{cursor:default}.ibiz-user-info-avatar{width:var(--ibiz-user-info-height);height:var(--ibiz-user-info-height);margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-info.is-collapse{justify-content:center}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--ibiz-user-info-name-max-width);font-size:var(--ibiz-user-info-name-font-size);line-height:1.3}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--ibiz-user-info-name-max-width);margin-top:var(--ibiz-user-info-name-person-gap);font-size:var(--ibiz-user-info-name-person-font-size);line-height:1.2}.ibiz-user-info-name.is-collapse{display:none}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}
+.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-font-size:var(--ibiz-font-size-header-5);--ibiz-user-info-height:44px;--ibiz-user-info-collapse-padding:0 var(--ibiz-spacing-base-tight);--ibiz-user-info-avatar-max-width:32px;--ibiz-user-info-avatar-max-height:32px;--ibiz-user-info-avatar-gap:var(--ibiz-spacing-base);--ibiz-user-info-name-max-width:130px;--ibiz-user-info-name-font-size:var(--ibiz-user-info-font-size);--ibiz-user-info-name-person-font-size:var(--ibiz-font-size-small);--ibiz-user-info-name-person-gap:var(--ibiz-spacing-extra-tight);--ibiz-user-info-name-arrow-gap:var(--ibiz-spacing-base-tight);display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;height:var(--ibiz-user-info-height);padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info__icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-user-info.is-left .ibiz-user-info__down{display:none}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:var(--ibiz-user-info-name-arrow-gap);font-size:var(--ibiz-user-info-font-size)}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:var(--ibiz-user-info-avatar-max-width);max-height:var(--ibiz-user-info-avatar-max-height);margin-right:var(--ibiz-user-info-avatar-gap)}.ibiz-user-info.is-collapse .el-dropdown{padding:var(--ibiz-user-info-collapse-padding)}.ibiz-user-info.is-collapse .ibiz-user-info-avatar{max-width:var(--ibiz-user-info-avatar-max-width);max-height:var(--ibiz-user-info-avatar-max-height);margin:0}.ibiz-user-info.is-readonly .el-dropdown{cursor:default}.ibiz-user-info-avatar{width:var(--ibiz-user-info-height);height:var(--ibiz-user-info-height);margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-info.is-collapse{justify-content:center}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--ibiz-user-info-name-max-width);font-size:var(--ibiz-user-info-name-font-size);line-height:1.3}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--ibiz-user-info-name-max-width);margin-top:var(--ibiz-user-info-name-person-gap);font-size:var(--ibiz-user-info-name-person-font-size);line-height:1.2}.ibiz-user-info-name.is-collapse{display:none}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}

package/lib/util/fullscreen/fullscreen-util.cjs

@@ -2,7 +2,7 @@
 
 var vue = require('vue');
 var ElementPlus = require('element-plus');
-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');
 var fullscreenToolbar = require('../../common/fullscreen-toolbar/fullscreen-toolbar.cjs');
 
 "use strict";

package/lib/web-app/adaptive-screen-width.cjs

@@ -53,7 +53,7 @@ const fixContextMenuPosition = (el) => {
     el.style.top = fixedTop;
   }
 };
-const fixFormItemContainerPopperTransform = (el) => {
+const fixPopperTransform = (el) => {
   if (currentScale === 1)
     return;
   const transform = el.style.transform;
@@ -99,8 +99,8 @@ const startObservePoppers = () => {
           const el = node;
           if ((_a2 = el.classList) == null ? void 0 : _a2.contains("el-popper")) {
             fixPopperInset(el);
-            if (el.classList.contains("ibiz-form-item-container__popper")) {
-              fixFormItemContainerPopperTransform(el);
+            if (el.classList.contains("ibiz-form-item-container__popper") || el.classList.contains("ibiz-form-mdctrl-popper")) {
+              fixPopperTransform(el);
             }
           } else if ((_b2 = el.classList) == null ? void 0 : _b2.contains("mx-context-menu")) {
             fixContextMenuPosition(el);
@@ -110,8 +110,8 @@ const startObservePoppers = () => {
         const el = mutation.target;
         if ((_a = el.classList) == null ? void 0 : _a.contains("el-popper")) {
           fixPopperInset(el);
-          if (el.classList.contains("ibiz-form-item-container__popper")) {
-            fixFormItemContainerPopperTransform(el);
+          if (el.classList.contains("ibiz-form-item-container__popper") || el.classList.contains("ibiz-form-mdctrl-popper")) {
+            fixPopperTransform(el);
           }
         } else if ((_b = el.classList) == null ? void 0 : _b.contains("mx-context-menu")) {
           fixContextMenuPosition(el);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.41-alpha.111",
+  "version": "0.7.41-alpha.112",
   "description": "web端组件库(vue3)",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -35,14 +35,14 @@
     "@ibiz-template-plugin/gantt": "0.1.8-alpha.468",
     "@ibiz-template-plugin/bi-report": "0.0.32",
     "@ibiz-template-plugin/data-view": "0.0.7",
-    "@ibiz-template/core": "0.7.41-alpha.113",
+    "@ibiz-template/core": "0.7.41-alpha.117",
     "@ibiz-template/devtool": "0.0.16",
-    "@ibiz-template/model-helper": "0.7.41-alpha.116",
-    "@ibiz-template/runtime": "0.7.41-alpha.116",
+    "@ibiz-template/model-helper": "0.7.41-alpha.117",
+    "@ibiz-template/runtime": "0.7.41-alpha.117",
     "@ibiz-template/theme": "0.7.39",
-    "@ibiz-template/vue3-util": "0.7.41-alpha.116",
+    "@ibiz-template/vue3-util": "0.7.41-alpha.117",
     "@ibiz-template/web-theme": "3.16.0",
-    "@ibiz/model-core": "^0.1.88",
+    "@ibiz/model-core": "^0.1.89",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",
@@ -113,7 +113,7 @@
     "@ibiz-template/runtime": "^0.7.0",
     "@ibiz-template/theme": "^0.7.0",
     "@ibiz-template/vue3-util": "^0.7.0",
-    "@ibiz/model-core": "^0.1.88",
+    "@ibiz/model-core": "^0.1.89",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.3.3",
     "@wangeditor/editor": "^5.1.23",

package/src/common/map-chart/map-chart.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable eqeqeq */
 import { defineComponent, onMounted, PropType, computed } from 'vue';
 import { isNil, mergeDeepWithKey } from 'ramda';
-import { useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
+import { useNamespace } from '@ibiz-template/vue3-util';
 import { IMapData, MapController } from '@ibiz-template/runtime';
 import { defaultOpts, MapOptions } from './map-chart.util';
 import { useMapManager } from './map-manager';
@@ -27,7 +27,6 @@ export const IBizMapChart = defineComponent({
   },
   setup(props, { emit }) {
     const ns = useNamespace('map-chart');
-    const { semanticClass, semanticStyle } = useSemanticNode(props.controller);
     const options = computed<MapOptions>(() => {
       // 后一个的undefined不覆盖
       return mergeDeepWithKey(
@@ -203,7 +202,7 @@ export const IBizMapChart = defineComponent({
       changeMap(options.value.defaultAreaCode, true);
     });
 
-    return { ns, chartRef, historyNames, semanticClass, semanticStyle, goBack };
+    return { ns, chartRef, historyNames, goBack };
   },
   render() {
     return (
@@ -211,8 +210,7 @@ export const IBizMapChart = defineComponent({
         <div class={this.ns.e('chart')} ref='chartRef'></div>
         {this.historyNames.length > 1 && (
           <div
-            style={this.semanticStyle('goback')}
-            class={[this.ns.e('goback'), this.semanticClass('goback')]}
+            class={this.ns.e('goback')}
             onClick={() => {
               this.goBack();
             }}

package/src/common/map-chart-user/map-chart-user.tsx

@@ -8,7 +8,7 @@ import {
   onBeforeUnmount,
 } from 'vue';
 import { isNil, mergeDeepLeft, mergeDeepWithKey } from 'ramda';
-import { useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
+import { useNamespace } from '@ibiz-template/vue3-util';
 import {
   IMapData,
   MapController,
@@ -49,7 +49,6 @@ export const IBizMapChartUser = defineComponent({
   },
   setup(props) {
     const ns = useNamespace('map-chart-user');
-    const { semanticClass, semanticStyle } = useSemanticNode(props.controller);
     const c = props.controller;
     let option: IData = defaultOpts;
     const mapRef = ref();
@@ -182,8 +181,6 @@ export const IBizMapChartUser = defineComponent({
       isFull,
       chartRef,
       historyNames,
-      semanticClass,
-      semanticStyle,
       onBack,
       toggleFullScreen,
     };
@@ -196,8 +193,7 @@ export const IBizMapChartUser = defineComponent({
           <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')
@@ -212,8 +208,7 @@ export const IBizMapChartUser = defineComponent({
         <div class={this.ns.e('chart')} ref='chartRef'></div>
         {this.historyNames.length > 1 && (
           <div
-            style={this.semanticStyle('goback')}
-            class={[this.ns.e('goback'), this.semanticClass('goback')]}
+            class={this.ns.e('goback')}
             onClick={() => {
               this.onBack();
             }}

package/src/control/calendar/calendar.tsx

@@ -111,6 +111,22 @@ export const CalendarControl = defineComponent({
     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',
+      },
+    ];
+
     /**
      * 无限滚动元素
      */
@@ -552,6 +568,8 @@ export const CalendarControl = defineComponent({
       c,
       ns,
       legends,
+      childClass,
+      childStyle,
       semanticClass,
       semanticStyle,
       curPopover,
@@ -729,6 +747,11 @@ export const CalendarControl = 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;
             }}
@@ -737,7 +760,8 @@ export const CalendarControl = defineComponent({
               reference: () => {
                 return (
                   <span
-                    class={this.ns.b('more')}
+                    style={this.semanticStyle('more')}
+                    class={[this.ns.b('more'), this.semanticClass('more')]}
                   >{`+${items.length - 1} ${ibiz.i18n.t('app.more')}...`}</span>
                 );
               },
@@ -788,6 +812,8 @@ export const CalendarControl = defineComponent({
             ref='calendarRef'
             v-model={this.c.state.selectedDate}
             class={this.ns.b('month')}
+            v-child-class={this.childClass}
+            v-child-style={this.childStyle}
           >
             {{
               header: ({ date }: { date: string }): VNode => {

package/src/control/calendar/components/calendar-user/calendar-user.tsx

@@ -55,12 +55,17 @@ export const CalendarUser = defineComponent({
           slots.event?.({ data: items[0] }),
           <el-popover
             trigger='click'
-            popper-class={ns.e('custom-user-popover')}
             ref={(el: IData) => {
               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;
             }}
@@ -69,7 +74,8 @@ export const CalendarUser = defineComponent({
               reference: () => {
                 return (
                   <span
-                    class={ns.e('more')}
+                    style={props.semanticStyle('more')}
+                    class={[ns.e('more'), props.semanticClass('more')]}
                   >{`+${items.length - 1} ${ibiz.i18n.t('app.more')}...`}</span>
                 );
               },

package/src/control/calendar/components/calendar-user2/calendar-user2.tsx

@@ -239,7 +239,11 @@ export const CalendarUser2 = 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: () => {
@@ -277,13 +281,13 @@ export const CalendarUser2 = defineComponent({
                                         class={[
                                           this.ns.e('mark'),
                                           this.ns.e('item'),
-                                          this.semanticClass('item', {
+                                          this.semanticClass('mark', {
                                             item: mark,
                                           }),
                                         ]}
                                         style={{
                                           backgroundColor: mark.bkcolor,
-                                          ...this.semanticStyle('item', {
+                                          ...this.semanticStyle('mark', {
                                             item: mark,
                                           }),
                                         }}

package/src/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.tsx

@@ -178,6 +178,7 @@ export const RepeaterGrid: ReturnType<typeof defineComponent> = defineComponent(
               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/src/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid2/repeater-grid2.tsx

@@ -164,6 +164,7 @@ export const RepeaterGrid2: ReturnType<typeof defineComponent> =
         if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
           return (
             <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/src/control/grid/grid/grid-control.util.ts

@@ -134,6 +134,7 @@ export function useITableEvent(c: GridController): {
   cleanClick: () => void;
   cleanEnter: () => void;
   cleanTab: () => void;
+  onSelectAll: (selections: ControlVO[]) => void;
 } {
   const tableRef = ref<IData>();
   let forbidChange = false;
@@ -455,6 +456,15 @@ export function useITableEvent(c: GridController): {
   function onSelectionChange(selection: ControlVO[]): void {
     // 选中数据在回显的时候屏蔽值变更事件，否则会递归。
     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;
+    }
   }
 
   // element表格选中数据
@@ -615,6 +625,15 @@ export function useITableEvent(c: GridController): {
     },
   );
 
+  // 表格是否全选
+  function onSelectAll(selections: ControlVO[]) {
+    if (selections.length === c.state.items.length) {
+      c.state.isSelectedAll = true;
+    } else {
+      c.state.isSelectedAll = false;
+    }
+  }
+
   return {
     tableRef,
     onRowClick,
@@ -626,6 +645,7 @@ export function useITableEvent(c: GridController): {
     cleanClick,
     cleanEnter,
     cleanTab,
+    onSelectAll,
   };
 }
 

package/src/control/grid/grid/grid.tsx

@@ -453,6 +453,7 @@ export const GridControl = defineComponent({
       cleanClick = NOOP,
       cleanEnter = NOOP,
       cleanTab = NOOP,
+      onSelectAll,
     } = useITableEvent(c);
     const { pageSemantic, onPageChange, onPageRefresh, onPageSizeChange } =
       usePagination(c);
@@ -724,6 +725,7 @@ export const GridControl = defineComponent({
       renderBatchToolBar,
       renderDragIconColumn,
       handleHeaderCellClassName,
+      onSelectAll,
     };
   },
   render() {
@@ -769,6 +771,7 @@ export const GridControl = 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/src/control/grid/grid-column/grid-field-column/grid-field-column.scss

@@ -47,13 +47,13 @@ $grid-field-column: (
       flex-shrink: 0;
     }
     .#{bem('grid-field-column', 'script')} {
-      max-height: calc(getCssVar(control-grid, content-row, height) - 2 * getCssVar(grid-field-column, cell-padding));
-      line-height: calc(getCssVar(control-grid, content-row, height) - 2 * getCssVar(grid-field-column, cell-padding));
+      max-height: calc(getCssVar(control-grid, body-row, height) - 2 * getCssVar(grid-field-column, cell-padding));
+      line-height: calc(getCssVar(control-grid, body-row, height) - 2 * getCssVar(grid-field-column, cell-padding));
 
       * {
         margin: 0;
         @include utils-ellipsis;
-    }
+      }
     }
 
     span {