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

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("popper"), semanticClass("editor.popup")],
+        "popper-style": semanticStyle("editor.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,7 +272,7 @@ 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-class": [ns.b("popper"), ns.b("date-range-select"), semanticClass("editor.popup")],
         "popper-style": semanticStyle("editor.popup")
       }, {
         reference: () => {
@@ -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 ? 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 = [];
@@ -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/markdown/ibiz-markdown-editor/ibiz-markdown-editor.mjs

@@ -107,7 +107,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       selector: ".cherry-bubble"
     }, {
       style: semanticStyle == null ? void 0 : semanticStyle("editor.hoverToolbar.item"),
-      selector: "..cherry-bubble .cherry-toolbar-button"
+      selector: ".cherry-bubble .cherry-toolbar-button"
     }, {
       style: semanticStyle == null ? void 0 : semanticStyle("editor.floatMenu"),
       selector: ".cherry-floatmenu"
@@ -810,19 +810,20 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
+    var _a, _b, _c, _d;
     const isShowEditorSwitchMenu = !!this.$slots.editorSwitchMenu;
     return withDirectives(createVNode("div", {
       "ref": "markDownBox",
-      "class": [this.ns.b(), this.semanticClass("editor.root"), this.ns.is("disabled", this.disabled), this.ns.is("manual", this.showmode === "manual"), this.ns.is("editing", this.isEditing), this.ns.is("show-editor-switch-menu", isShowEditorSwitchMenu), this.ns.is("editor-content-fixed", this.isFullScreen || this.isImgPreview)],
-      "style": this.semanticStyle("editor.root")
+      "class": [this.ns.b(), (_a = this.semanticClass) == null ? void 0 : _a.call(this, "editor.root"), this.ns.is("disabled", this.disabled), this.ns.is("manual", this.showmode === "manual"), this.ns.is("editing", this.isEditing), this.ns.is("show-editor-switch-menu", isShowEditorSwitchMenu), this.ns.is("editor-content-fixed", this.isFullScreen || this.isImgPreview)],
+      "style": (_b = this.semanticStyle) == null ? void 0 : _b.call(this, "editor.root")
     }, [isShowEditorSwitchMenu ? this.renderEditorSwitchMenu() : null, this.renderHeader(), this.renderFooter(), this.renderImgPreview(), createVNode("div", {
       "tabindex": "-1",
       "id": this.id,
       "style": {
         ...this.cssVars,
-        ...this.semanticStyle("editor.content")
+        ...(_c = this.semanticStyle) == null ? void 0 : _c.call(this, "editor.content")
       },
-      "class": [this.ns.b("cherry"), this.semanticClass("editor.content"), this.ns.m(this.UIStore.theme === "dark" ? "dark" : "light")]
+      "class": [this.ns.b("cherry"), (_d = this.semanticClass) == null ? void 0 : _d.call(this, "editor.content"), this.ns.m(this.UIStore.theme === "dark" ? "dark" : "light")]
     }, null)]), [[resolveDirective("child-class"), this.childClass], [resolveDirective("child-style"), this.childStyle]]);
   }
 });

package/es/index.mjs

@@ -115,6 +115,7 @@ export { LoginView } from './view/login-view/login-view.mjs';
 export { IBizWFStepTraceView } from './view/wf-step-trace-view/index.mjs';
 export { IBizSubAppRefView } from './view/sub-app-ref-view/index.mjs';
 export { ErrorView } from './view/error-view/error-view.mjs';
+export { UnauthorizedView } from './view/unauthorized-view/unauthorized-view.mjs';
 export { GridViewEngine } from './view-engine/grid-view.engine.mjs';
 export { IndexViewEngine } from './view-engine/index-view.engine.mjs';
 export { DataViewEngine } from './view-engine/data-view.engine.mjs';

package/es/locale/en/index.mjs

@@ -50,7 +50,8 @@ var index = {
     },
     noResourcesView: {
       noResourcePrompt: "Sorry, the resource you are accessing does not exist",
-      resourceNoExist: "The resource you are looking for does not exist. Please"
+      resourceNoExist: "The resource you are looking for does not exist. Please",
+      noExistPrompt: "Application view does not exist{code}"
     },
     errorView: {
       noExistPrompt: "Error view does not exist {code}"

package/es/locale/zh-CN/index.mjs

@@ -50,7 +50,8 @@ var index = {
     },
     noResourcesView: {
       noResourcePrompt: "\u62B1\u6B49\uFF0C\u60A8\u8BBF\u95EE\u7684\u8D44\u6E90\u4E0D\u5B58\u5728",
-      resourceNoExist: "\u60A8\u8981\u627E\u7684\u8D44\u6E90\u4E0D\u5B58\u5728\uFF0C\u8BF7"
+      resourceNoExist: "\u60A8\u8981\u627E\u7684\u8D44\u6E90\u4E0D\u5B58\u5728\uFF0C\u8BF7",
+      noExistPrompt: "\u5E94\u7528\u89C6\u56FE\u4E0D\u5B58\u5728{code}"
     },
     errorView: {
       noExistPrompt: "\u9519\u8BEF\u89C6\u56FE\u4E0D\u5B58\u5728{code}"

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.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/view/index.mjs

@@ -4,5 +4,6 @@ export { LoginView } from './login-view/login-view.mjs';
 export { IBizWFStepTraceView } from './wf-step-trace-view/index.mjs';
 export { IBizSubAppRefView } from './sub-app-ref-view/index.mjs';
 export { ErrorView } from './error-view/error-view.mjs';
+export { UnauthorizedView } from './unauthorized-view/unauthorized-view.mjs';
 
 "use strict";

package/es/view/unauthorized-view/unauthorized-view.css

@@ -0,0 +1 @@
+.ibiz-unauthorized-view{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-unauthorized-view__img{width:375px;max-width:100%;-o-object-fit:contain;object-fit:contain;overflow:hidden}.ibiz-unauthorized-view__tips{margin-top:var(--ibiz-spacing-super-loose);text-align:center;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}

package/es/view/unauthorized-view/unauthorized-view.mjs

@@ -0,0 +1,56 @@
+import { defineComponent, computed, ref, resolveComponent, onMounted, h, createVNode } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { useRoute } from 'vue-router';
+import { IBizContext } from '@ibiz-template/core';
+import './unauthorized-view.css';
+
+"use strict";
+const UnauthorizedView = /* @__PURE__ */ defineComponent({
+  setup() {
+    const ns = useNamespace("unauthorized-view");
+    const route = useRoute();
+    const viewCodeName = computed(() => {
+      return "".concat(route.params.viewcodename);
+    });
+    const hasAppView = ref(false);
+    const appView = ref(null);
+    const viewShell = resolveComponent("IBizViewShell");
+    const context = IBizContext.create({});
+    const params = {};
+    const isMounted = ref(false);
+    onMounted(async () => {
+      try {
+        const appViewConfig = await ibiz.hub.config.view.get(viewCodeName.value);
+        if (appViewConfig) {
+          appView.value = appViewConfig;
+          hasAppView.value = true;
+        }
+      } catch (err) {
+        ibiz.log.warn(err);
+      }
+      ibiz.util.hiddenAppLoading();
+      isMounted.value = true;
+    });
+    return () => {
+      if (isMounted.value) {
+        return hasAppView.value ? h(viewShell, {
+          context,
+          params,
+          viewId: appView.value.id
+        }) : createVNode("div", {
+          "class": ns.b()
+        }, [createVNode("img", {
+          "class": ns.e("img"),
+          "src": "".concat(ibiz.env.assetsUrl, "/images/404.png")
+        }, null), createVNode("div", {
+          "class": ns.e("tips")
+        }, [ibiz.i18n.t("view.noResourcesView.noResourcePrompt"), createVNode("br", null, null), ibiz.i18n.t("view.noResourcesView.noExistPrompt", {
+          code: viewCodeName.value
+        })])]);
+      }
+      return null;
+    };
+  }
+});
+
+export { UnauthorizedView };

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;
@@ -61,8 +61,8 @@ const fixFormItemContainerPopperTransform = (el) => {
     return;
   el.dataset.zoomOriginalTransform = transform;
   const fixed = transform.replace(
-    /translate3d\(\s*([^,)]+),\s*([^,)]+),\s*([^,)]+)\s*\)/g,
-    (_, x, y, z) => {
+    /translate3d\(\s*([^,)]+),\s*([^,)]+),\s*([^,)]+)\s*\)|translate\(\s*([^,)]+),\s*([^,)]+)\s*\)/g,
+    (_, x3d, y3d, z3d, x2d, y2d) => {
       const fixAxis = (val) => {
         const part = val.trim();
         const match = part.match(/^(-?[\d.]+)(px|rem|em|%)?$/);
@@ -73,7 +73,10 @@ const fixFormItemContainerPopperTransform = (el) => {
         }
         return part;
       };
-      return "translate3d(".concat(fixAxis(x), ", ").concat(fixAxis(y), ", ").concat(fixAxis(z), ")");
+      if (x3d !== void 0) {
+        return "translate3d(".concat(fixAxis(x3d), ", ").concat(fixAxis(y3d), ", ").concat(fixAxis(z3d), ")");
+      }
+      return "translate(".concat(fixAxis(x2d), ", ").concat(fixAxis(y2d), ")");
     }
   );
   el.style.transform = fixed;
@@ -94,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);
@@ -105,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/es/web-app/router/index.mjs

@@ -10,6 +10,7 @@ import '../../util/index.mjs';
 import 'nprogress/nprogress.css';
 import { LoginView } from '../../view/login-view/login-view.mjs';
 import { ErrorView } from '../../view/error-view/error-view.mjs';
+import { UnauthorizedView } from '../../view/unauthorized-view/unauthorized-view.mjs';
 import { ModalRouterShell } from '../components/modal-router-shell/modal-router-shell.mjs';
 import { RouterShell } from '../components/router-shell/router-shell.mjs';
 import { splitPathToSegments, validateRouteSegments } from '../../util/user-route-util/user-route-util.mjs';
@@ -84,6 +85,15 @@ class AppRouter {
         },
         component: AppRedirectView
       },
+      {
+        path: "/unauthorized/:viewcodename",
+        name: "unauthorizedView",
+        beforeEnter: async (_to, from, next) => {
+          await this.authGuard(this.getAppContext(_to), false);
+          next();
+        },
+        component: UnauthorizedView
+      },
       {
         path: "/:appContext(".concat(paramReg, ")/:view1(").concat(viewReg, ")/:params1(").concat(paramReg, ")"),
         beforeEnter: async (_to, from, next) => {

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: () => {

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

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

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var vue = require('vue');
-var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.113_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
+var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.117_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/lib/control/drtab/drtab.cjs

@@ -145,7 +145,8 @@ const DRTabControl = /* @__PURE__ */ vue.defineComponent({
         "style": semanticStyle("dropdown", {
           item: activeTab.value
         }),
-        "popper-class": ns.be("dropdown-list", "popper"),
+        "popper-class": [semanticClass("popup"), ns.be("dropdown-list", "popper")],
+        "popper-style": semanticStyle("popup"),
         "class": [ns.b("dropdown-list"), ns.e("dropdown"), semanticClass("dropdown", {
           item: activeTab.value
         })]
@@ -274,7 +275,8 @@ const DRTabControl = /* @__PURE__ */ vue.defineComponent({
     const more = vue.createVNode(vue.resolveComponent("el-dropdown"), {
       "trigger": "click",
       "style": this.semanticStyle("more"),
-      "popper-class": this.ns.b("more-dropdown-popper"),
+      "popper-class": [this.semanticClass("popup"), this.ns.b("more-dropdown-popper")],
+      "popper-style": this.semanticStyle("popup"),
       "class": [this.ns.b("more-dropdown"), this.semanticClass("more")]
     }, {
       default: () => {

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

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