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

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

@@ -32,32 +32,32 @@ const IBizDateRangeSelect = /* @__PURE__ */ 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 = ref(c.defaultUnit);
@@ -130,14 +130,16 @@ const IBizDateRangeSelect = /* @__PURE__ */ defineComponent({
       }, [createVNode(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 createVNode(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,
@@ -270,8 +272,8 @@ const IBizDateRangeSelect = /* @__PURE__ */ defineComponent({
         "visible": popVisible.value.ALL || popVisible.value.DYNAMIC || popVisible.value.STATIC,
         "trigger": "click",
         "width": "240px",
-        "popper-class": [ns.b("date-range-select"), semanticClass("editor.popup")],
-        "popper-style": semanticStyle("editor.popup")
+        "popper-class": [ns.b("date-type-popper"), ns.b("date-range-select"), semanticClass("editor.dateType.popup")],
+        "popper-style": semanticStyle("editor.dateType.popup")
       }, {
         reference: () => {
           return createVNode("div", {
@@ -289,10 +291,10 @@ const IBizDateRangeSelect = /* @__PURE__ */ defineComponent({
             "class": ns.e("date-type")
           }, [timeTypes.map((item) => {
             return 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/es/editor/dropdown-list/dropdown-list-editor.controller.mjs

@@ -27,9 +27,14 @@ class DropDownListEditorController extends CodeListEditorController {
     /**
      * 默认选中第一个
      *
-     * @memberof CustomTagSelectController
+     * @memberof DropDownListEditorController
      */
     __publicField(this, "defaultFirstOption", false);
+    /**
+     * @description 自动选中第一个
+     * @memberof DropDownListEditorController
+     */
+    __publicField(this, "autoSelectFirstOption", false);
     /**
      * 预置项空白项名称
      *
@@ -44,7 +49,7 @@ class DropDownListEditorController extends 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;
@@ -65,13 +70,18 @@ class DropDownListEditorController extends 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/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -99,6 +99,10 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     const codeItemValueNumber = ref(false);
     const hiddenInputRef = ref();
     const valueSeparator = ((_a = c.editorParams) == null ? void 0 : _a.valueseparator) || ",";
+    const {
+      getSelection,
+      getSelectionValue
+    } = useCodeListSelection(c.allItemsValue);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -140,6 +144,20 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       });
       return list;
     };
+    const autoSelectFirstOption = () => {
+      const item = items.value[0];
+      if (!c.autoSelectFirstOption || props.value || !item)
+        return;
+      if (c.multiple) {
+        const value = c.allItems && !hasChildren.value ? 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 = [];
@@ -162,6 +180,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           break;
         }
       }
+      autoSelectFirstOption();
     };
     const loadCodeList = async () => {
       if (c.model.appCodeListId) {
@@ -228,10 +247,6 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       const list = hasChildren.value ? codeListItems.value : items.value;
       return list.find((item) => item.value === value);
     };
-    const {
-      getSelection,
-      getSelectionValue
-    } = useCodeListSelection(c.allItemsValue);
     const curValue = computed({
       get() {
         var _a2, _b, _c;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/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/es/util/fullscreen/fullscreen-util.mjs

@@ -1,6 +1,6 @@
 import { createApp } from 'vue';
 import ElementPlus from 'element-plus';
-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';
 import { IBizFullscreenToolbar } from '../../common/fullscreen-toolbar/fullscreen-toolbar.mjs';
 
 "use strict";

package/es/web-app/adaptive-screen-width.mjs

@@ -51,7 +51,7 @@ const fixContextMenuPosition = (el) => {
     el.style.top = fixedTop;
   }
 };
-const fixFormItemContainerPopperTransform = (el) => {
+const fixPopperTransform = (el) => {
   if (currentScale === 1)
     return;
   const transform = el.style.transform;
@@ -97,8 +97,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);
@@ -108,8 +108,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/lib/common/map-chart/map-chart.cjs

@@ -33,10 +33,6 @@ const IBizMapChart = /* @__PURE__ */ vue.defineComponent({
     emit
   }) {
     const ns = vue3Util.useNamespace("map-chart");
-    const {
-      semanticClass,
-      semanticStyle
-    } = vue3Util.useSemanticNode(props.controller);
     const options = vue.computed(() => {
       return ramda.mergeDeepWithKey((_key, x, z) => {
         return ramda.isNil(z) ? x : z;
@@ -203,8 +199,6 @@ const IBizMapChart = /* @__PURE__ */ vue.defineComponent({
       ns,
       chartRef,
       historyNames,
-      semanticClass,
-      semanticStyle,
       goBack
     };
   },
@@ -215,8 +209,7 @@ const IBizMapChart = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.e("chart"),
       "ref": "chartRef"
     }, null), this.historyNames.length > 1 && vue.createVNode("div", {
-      "style": this.semanticStyle("goback"),
-      "class": [this.ns.e("goback"), this.semanticClass("goback")],
+      "class": this.ns.e("goback"),
       "onClick": () => {
         this.goBack();
       }

package/lib/common/map-chart-user/map-chart-user.cjs

@@ -33,10 +33,6 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const ns = vue3Util.useNamespace("map-chart-user");
-    const {
-      semanticClass,
-      semanticStyle
-    } = vue3Util.useSemanticNode(props.controller);
     const c = props.controller;
     let option = mapChartUser_util.defaultOpts;
     const mapRef = vue.ref();
@@ -154,8 +150,6 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
       isFull,
       chartRef,
       historyNames,
-      semanticClass,
-      semanticStyle,
       onBack,
       toggleFullScreen
     };
@@ -170,8 +164,7 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
     }, [enabledFullScreen ? vue.createVNode(vue.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: () => [vue.createVNode("ion-icon", {
@@ -181,8 +174,7 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.e("chart"),
       "ref": "chartRef"
     }, null), this.historyNames.length > 1 && vue.createVNode("div", {
-      "style": this.semanticStyle("goback"),
-      "class": [this.ns.e("goback"), this.semanticClass("goback")],
+      "class": this.ns.e("goback"),
       "onClick": () => {
         this.onBack();
       }

package/lib/control/calendar/calendar.cjs

@@ -90,6 +90,14 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
     const curPopover = vue.ref();
     const showDateRange = vue.ref(c.controlParams.showmode === "daterange");
     const showDateList = vue.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 = vue.ref();
     const disabledLodeMore = vue.computed(() => {
       if (c.model.calendarStyle !== "TIMELINE" || c.state.isLoading)
@@ -393,6 +401,8 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       c,
       ns,
       legends,
+      childClass,
+      childStyle,
       semanticClass,
       semanticStyle,
       curPopover,
@@ -485,13 +495,16 @@ const CalendarControl = /* @__PURE__ */ vue.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 vue.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: () => {
@@ -513,7 +526,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       return vue.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")
-      }, [vue.createVNode(vue.resolveComponent("el-calendar"), {
+      }, [vue.withDirectives(vue.createVNode(vue.resolveComponent("el-calendar"), {
         "ref": "calendarRef",
         "modelValue": this.c.state.selectedDate,
         "onUpdate:modelValue": ($event) => this.c.state.selectedDate = $event,
@@ -617,7 +630,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
             "class": this.ns.b("items")
           }, [renderCalendarItems(date)])]);
         }
-      })]);
+      }), [[vue.resolveDirective("child-class"), this.childClass], [vue.resolveDirective("child-style"), this.childStyle]])]);
     };
     const renderNoData = () => {
       const {

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

@@ -47,19 +47,21 @@ const CalendarUser = /* @__PURE__ */ vue.defineComponent({
           data: items[0]
         }), vue.createVNode(vue.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 vue.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: () => {