@ibiz-template/vue3-components 0.7.41-alpha.145 → 0.7.41-alpha.147

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/tree-grid-ex-edit-column.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent, h, computed, ref } from 'vue';
+import { isVNode, defineComponent, h, resolveComponent, createVNode, computed, ref } from 'vue';
 import { useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
 import { RuntimeError } from '@ibiz-template/core';
 import { TreeGridExRowState, TreeGridExNodeColumnController } from '@ibiz-template/runtime';
@@ -9,6 +9,9 @@ import { useAllEdit } from './all-edit.mjs';
 import './tree-grid-ex-edit-column.css';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const TreeGridExEditColumn = /* @__PURE__ */ defineComponent({
   name: "IBizTreeGridExEditColumn",
   props: {
@@ -19,6 +22,16 @@ const TreeGridExEditColumn = /* @__PURE__ */ defineComponent({
     row: {
       type: TreeGridExRowState,
       required: true
+    },
+    isCustomCode: {
+      type: Boolean,
+      default: false
+    },
+    panelModel: {
+      type: Object
+    },
+    customHtml: {
+      type: String
     }
   },
   setup(props) {
@@ -52,7 +65,8 @@ const TreeGridExEditColumn = /* @__PURE__ */ defineComponent({
     };
     const {
       gridEditItemProps,
-      editorProps
+      editorProps,
+      editable
     } = useByShowMode();
     const infoText = ref(void 0);
     const onInfoTextChange = (text) => {
@@ -72,6 +86,7 @@ const TreeGridExEditColumn = /* @__PURE__ */ defineComponent({
       fieldValue,
       componentRef,
       tooltip,
+      editable,
       rowDataChange,
       onInfoTextChange,
       gridEditItemProps,
@@ -81,6 +96,37 @@ const TreeGridExEditColumn = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
+    const renderEditor = () => {
+      return this.controller.editorProvider ? h(resolveComponent(this.controller.editorProvider.gridEditor), {
+        class: this.ns.e("editor"),
+        value: this.fieldValue,
+        data: this.row.data,
+        controller: this.controller.editor,
+        overflowMode: this.controller.treeGrid.overflowMode,
+        onChange: this.rowDataChange,
+        onInfoTextChange: this.onInfoTextChange,
+        title: this.tooltip,
+        ...this.editorProps
+      }) : void 0;
+    };
+    let content = null;
+    if (this.editable) {
+      content = renderEditor();
+    } else if (this.isCustomCode) {
+      content = createVNode("span", {
+        "class": this.ns.e("script"),
+        "innerHTML": this.customHtml
+      }, null);
+    } else if (this.panelModel) {
+      content = createVNode(resolveComponent("iBizControlShell"), {
+        "data": this.row.data,
+        "modelData": this.panelModel,
+        "context": this.controller.context,
+        "params": this.controller.params
+      }, null);
+    } else {
+      content = renderEditor();
+    }
     return createVNode(resolveComponent("iBizGridEditItem"), {
       ref: "componentRef",
       required: !this.controller.nodeEditItem.allowEmpty,
@@ -92,18 +138,8 @@ const TreeGridExEditColumn = /* @__PURE__ */ defineComponent({
         column: this.controller
       }),
       ...this.gridEditItemProps
-    }, {
-      default: () => [this.controller.editorProvider && h(resolveComponent(this.controller.editorProvider.gridEditor), {
-        class: this.ns.e("editor"),
-        value: this.fieldValue,
-        data: this.row.data,
-        controller: this.controller.editor,
-        overflowMode: this.controller.treeGrid.overflowMode,
-        onChange: this.rowDataChange,
-        onInfoTextChange: this.onInfoTextChange,
-        title: this.tooltip,
-        ...this.editorProps
-      })]
+    }, _isSlot(content) ? content : {
+      default: () => [content]
     });
   }
 });

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.mjs

@@ -1,9 +1,9 @@
 import { defineComponent, createVNode, resolveComponent, computed, ref } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
+import { useNamespace, computedAsync } from '@ibiz-template/vue3-util';
 import { TreeGridExRowState, TreeGridExFieldColumnController } from '@ibiz-template/runtime';
 import { isNotNil } from 'ramda';
-import './tree-grid-ex-field-column.css';
 import { showTitle } from '@ibiz-template/core';
+import './tree-grid-ex-field-column.css';
 
 "use strict";
 const TreeGridExFieldColumn = /* @__PURE__ */ defineComponent({
@@ -37,6 +37,11 @@ const TreeGridExFieldColumn = /* @__PURE__ */ defineComponent({
     const onInfoTextChange = (text) => {
       codeListText.value = text;
     };
+    const CustomHtml = computedAsync(async () => {
+      var _a;
+      const html = await ((_a = nodeColumn.value) == null ? void 0 : _a.getCustomHtml(props.row));
+      return html;
+    });
     const showText = computed(() => {
       var _a, _b;
       const nodeColumnC = nodeColumn.value;
@@ -76,6 +81,14 @@ const TreeGridExFieldColumn = /* @__PURE__ */ defineComponent({
       var _a;
       await ((_a = nodeColumn.value) == null ? void 0 : _a.onActionClick(detail, props.row, event));
     };
+    const findLayoutPanel = () => {
+      var _a, _b;
+      const {
+        controlRenders = [],
+        id
+      } = ((_a = nodeColumn.value) == null ? void 0 : _a.nodeColumn) || {};
+      return (_b = controlRenders.find((renderItem) => renderItem.renderType === "LAYOUTPANEL" && !["".concat(id == null ? void 0 : id.toLowerCase(), "_tooltip"), "".concat(id == null ? void 0 : id.toLowerCase(), "_edit_tooltip")].includes(renderItem.id))) == null ? void 0 : _b.layoutPanel;
+    };
     return {
       ns,
       zIndex,
@@ -84,20 +97,39 @@ const TreeGridExFieldColumn = /* @__PURE__ */ defineComponent({
       clickable,
       nodeColumn,
       fieldValue,
+      CustomHtml,
       onTextClick,
       onActionClick,
-      onInfoTextChange
+      onInfoTextChange,
+      findLayoutPanel
     };
   },
   render() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     let content = null;
+    const panel = this.findLayoutPanel();
     if ((_a = this.nodeColumn) == null ? void 0 : _a.nodeEditItem) {
       content = createVNode(resolveComponent("iBizTreeGridExEditColumn"), {
         "controller": this.nodeColumn,
-        "row": this.row
+        "row": this.row,
+        "panelModel": panel,
+        "customHtml": this.CustomHtml,
+        "isCustomCode": this.nodeColumn.isCustomCode
+      }, null);
+    } else if ((_b = this.nodeColumn) == null ? void 0 : _b.isCustomCode) {
+      content = createVNode("span", {
+        "class": this.ns.e("script"),
+        "innerHTML": this.CustomHtml
+      }, null);
+    } else if (panel) {
+      content = createVNode(resolveComponent("iBizControlShell"), {
+        "data": this.row.data,
+        "modelData": panel,
+        "class": this.ns.e("panel"),
+        "context": this.controller.context,
+        "params": this.controller.params
       }, null);
-    } else if ((_b = this.nodeColumn) == null ? void 0 : _b.codeList) {
+    } else if ((_c = this.nodeColumn) == null ? void 0 : _c.codeList) {
       content = createVNode(resolveComponent("iBizCodeList"), {
         "class": this.ns.e("text"),
         "codeListItems": this.nodeColumn.codeListItems,
@@ -121,7 +153,7 @@ const TreeGridExFieldColumn = /* @__PURE__ */ defineComponent({
       actions = createVNode(resolveComponent("iBizActionToolbar"), {
         "zIndex": this.zIndex,
         "class": this.ns.e("toolbar"),
-        "action-details": (_c = this.nodeColumn) == null ? void 0 : _c.nodeColumn.deuiactionGroup.uiactionGroupDetails,
+        "action-details": (_d = this.nodeColumn) == null ? void 0 : _d.nodeColumn.deuiactionGroup.uiactionGroupDetails,
         "actions-state": this.row.columnActionsStates[this.controller.name],
         "groupLevelKeys": [50, 100],
         "nowrap": this.nowrap,
@@ -129,7 +161,7 @@ const TreeGridExFieldColumn = /* @__PURE__ */ defineComponent({
       }, null);
     }
     return createVNode("div", {
-      "class": [this.ns.b(), this.clickable && this.ns.m("clickable"), this.ns.m(this.controller.treeGrid.overflowMode), (_d = this.controller.model.cellSysCss) == null ? void 0 : _d.cssName, this.ns.is("has-action", !!actions)]
+      "class": [this.ns.b(), this.clickable && this.ns.m("clickable"), this.ns.m(this.controller.treeGrid.overflowMode), (_e = this.controller.model.cellSysCss) == null ? void 0 : _e.cssName, this.ns.is("has-action", !!actions)]
     }, [createVNode("div", {
       "class": this.ns.b("text-container")
     }, [content]), createVNode("div", {

package/es/editor/ai-chat/embed-ai-chat/embed-ai-chat.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, ref, watch, onMounted, onUnmounted } from 'vue';
+import { defineComponent, createVNode, ref, watch, onMounted, onUnmounted, onDeactivated, onActivated } from 'vue';
 import { createUUID } from 'qx-util';
 import { convertNavData, calcDeCodeNameById, FormDetailEventName } from '@ibiz-template/runtime';
 import { useNamespace, getEditorEmits, getInputProps } from '@ibiz-template/vue3-util';
@@ -15,6 +15,7 @@ const IBizEmbedAIChat = /* @__PURE__ */ defineComponent({
     const ctrl = c.ctrl;
     const agentMap = /* @__PURE__ */ new Map();
     const knowledgeMap = /* @__PURE__ */ new Map();
+    const projectMap = /* @__PURE__ */ new Map();
     const aiChatElementRef = ref(null);
     let mountedFlag = false;
     const mountedAIChat = async () => {
@@ -131,6 +132,16 @@ const IBizEmbedAIChat = /* @__PURE__ */ defineComponent({
               knowledgeMap.set(key, knowledge);
             return knowledge;
           },
+          fetchProject: async (ctx, param, other) => {
+            const key = JSON.stringify(other);
+            let projects = projectMap.get(key);
+            if (projects == null ? void 0 : projects.length)
+              return projects;
+            projects = await chatOptions.fetchProject(ctx, param, other);
+            if (projects)
+              projectMap.set(key, projects);
+            return projects;
+          },
           action: (action, message) => {
             if (action === "send")
               ctrl.evt.emit("onFormDetailEvent", {
@@ -180,6 +191,18 @@ const IBizEmbedAIChat = /* @__PURE__ */ defineComponent({
       }
       mountedFlag = false;
     });
+    onDeactivated(() => {
+      const chatInstance = c.chatInstance;
+      if (chatInstance) {
+        chatInstance.onDeactivated();
+      }
+    });
+    onActivated(() => {
+      const chatInstance = c.chatInstance;
+      if (chatInstance) {
+        chatInstance.onActivated();
+      }
+    });
     return {
       c,
       ns,

package/es/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.css

@@ -1 +1 @@
-.ibiz-markdown{--ibiz-markdown-light-thumb-bg-color:rgb(var(--ibiz-grey-4));--ibiz-markdown-light-thumb-hover-bg-color:rgba(var(--ibiz-grey-4), 0.5);--ibiz-markdown-border-color:var(--ibiz-color-border);--ibiz-markdown-dark-border-color:rgb(var(--ibiz-grey-2));--ibiz-markdown-dark-thumb-bg-color:rgb(var(--ibiz-grey-4));--ibiz-markdown-dark-thumb-hover-bg-color:rgba(var(--ibiz-grey-4), 0.5);--ibiz-markdown-placeholder-color:var(--ibiz-form-item-placeholder-color);--ibiz-markdown-disabled-font-size:var(--ibiz-font-size-regular);--ibiz-markdown-disabled-color:var(--ibiz-color-text-0);--ibiz-markdown-disabled-hover-bg-color:var(--ibiz-color-bg-3);--ibiz-markdown-text-color:var(--ibiz-form-item-text-color);--ibiz-markdown-diff-inserted-color:var(--ibiz-color-success-text);--ibiz-markdown-diff-inserted-bg-color:var(--ibiz-color-success);--ibiz-markdown-diff-deleted-color:var(--ibiz-color-danger-text);--ibiz-markdown-diff-deleted-bg-color:var(--ibiz-color-danger);--ibiz-markdown-header-gap:var(--ibiz-spacing-base);--ibiz-markdown-header-height:var(--ibiz-height-control-default);--ibiz-markdown-header-padding:0 var(--ibiz-spacing-extra-loose);--ibiz-markdown-footer-gap:var(--ibiz-spacing-base);--ibiz-markdown-footer-height:var(--ibiz-height-control-default);--ibiz-markdown-footer-padding:0 var(--ibiz-spacing-extra-loose);--ibiz-markdown-footer-margin:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-tight) 0 0;--ibiz-markdown-toolbar-light-bg-color:var(--ibiz-color-bg-0);--ibiz-markdown-toolbar-dark-bg-color:var(--ibiz-color-shadow);--ibiz-markdown-toc-color:var(--ibiz-color-black);--ibiz-markdown-toc-head-color:var(--ibiz-color-primary);--ibiz-markdown-toc-light-color:var(--ibiz-color-text-0);--ibiz-markdown-toc-dark-color:var(--ibiz-color-fill-0);--ibiz-markdown-footer-button-height:var(--ibiz-height-control-default);--ibiz-markdown-footer-button-save-color:var(--ibiz-color-primary-active-text);--ibiz-markdown-footer-button-save-bg-color:var(--ibiz-color-primary);--ibiz-markdown-footer-button-save-border-radius:var(--ibiz-border-radius-small);--ibiz-markdown-footer-button-cancel-color:var(--ibiz-color-text-1);--ibiz-markdown-footer-button-cancel-hover-color:var(--ibiz-color-primary)}.ibiz-markdown__header{display:flex;flex-shrink:0;gap:var(--ibiz-markdown-header-gap);align-items:center;justify-content:end;height:var(--ibiz-markdown-header-height)}.ibiz-markdown__header--edit{cursor:pointer}.ibiz-markdown__header--full{cursor:pointer}.ibiz-markdown__header.is-fullscreen{position:fixed;top:0;right:0;left:0;z-index:1000;width:100%;height:var(--ibiz-markdown-header-height);padding:var(--ibiz-markdown-header-padding);margin-top:0;background-color:var(--ibiz-view-bg-color)}.ibiz-markdown__header.is-fullscreen+.ibiz-markdown-cherry .cherry.fullscreen{top:var(--ibiz-spacing-super-loose);height:calc(100% - var(--ibiz-spacing-super-loose))}.ibiz-markdown__footer{display:flex;gap:var(--ibiz-markdown-footer-gap);align-items:center;justify-content:end;height:var(--ibiz-markdown-footer-height);margin:var(--ibiz-markdown-footer-margin)}.ibiz-markdown__footer--save{height:var(--ibiz-markdown-footer-button-height);padding:0 var(--ibiz-spacing-base);line-height:var(--ibiz-markdown-footer-button-height);color:var(--ibiz-markdown-footer-button-save-color);text-align:center;cursor:pointer;background-color:var(--ibiz-markdown-footer-button-save-bg-color);border-radius:var(--ibiz-markdown-footer-button-border-radius)}.ibiz-markdown__footer--cancel{color:var(--ibiz-markdown-footer-button-cancel-color);cursor:pointer}.ibiz-markdown__footer--cancel:hover{color:var(--ibiz-markdown-footer-button-cancel-hover-color)}.ibiz-markdown__footer.is-fullscreen{position:fixed;right:0;bottom:0;left:0;z-index:1000;width:100%;height:calc(var(--ibiz-markdown-footer-height) * 2);padding:var(--ibiz-markdown-footer-padding);margin-top:0;background-color:var(--ibiz-view-bg-color);border-top:1px solid var(--ibiz-markdown-border-color)}.ibiz-markdown__footer.is-fullscreen+.ibiz-markdown-cherry .cherry.fullscreen{height:calc(100% - var(--ibiz-markdown-footer-height) * 2)}.ibiz-markdown__img-preview.el-image{position:absolute;height:0}.ibiz-markdown__img-preview .el-image-viewer__wrapper{width:90%;height:90%;margin:auto}.ibiz-markdown__img-preview .el-image-viewer__mask{position:fixed;width:100vw;height:100vh;cursor:zoom-out;opacity:.7}.ibiz-markdown__img-preview .el-image-viewer__close{top:-32px;right:-36px;width:32px;height:32px}.ibiz-markdown .ibiz-markdown-cherry{width:100%;outline:0}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%;border:1px solid var(--ibiz-markdown-border-color);box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-toolbar{box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-editor{border-top:1px solid var(--ibiz-markdown-border-color)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-previewer{border-top:1px solid var(--ibiz-markdown-border-color)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-previewer img{cursor:zoom-in}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-sidebar{top:49px;border-left:1px solid var(--ibiz-markdown-border-color);box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-floatmenu{left:50%!important;margin:0;transform:translateX(-50%)}.ibiz-markdown .ibiz-markdown-cherry .cherry .CodeMirror-placeholder{color:var(--ibiz-markdown-placeholder-color)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-dropdown{width:-moz-min-content;width:min-content}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-dropdown-item{white-space:nowrap}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown.is-disabled .ibiz-markdown__fullscreen{position:absolute;top:8px;right:12px;z-index:98;font-size:var(--ibiz-markdown-disabled-font-size);line-height:2.8}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen{color:var(--ibiz-markdown-disabled-color)}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen:hover{background-color:var(--ibiz-markdown-disabled-hover-bg-color)}.ibiz-markdown.is-manual{display:flex;flex-direction:column}.ibiz-markdown.is-manual .ibiz-markdown-cherry{flex-grow:1;height:calc(100% - var(--ibiz-height-control-default))!important}.ibiz-markdown.is-manual .cherry.fullscreen .cherry-previewer{padding-top:var(--ibiz-spacing-extra-loose)}.ibiz-markdown.is-manual.is-editing{flex-direction:column-reverse}.ibiz-markdown.is-manual.is-editing .cherry.fullscreen{height:calc(100% - var(--ibiz-height-control-default) * 2)}.ibiz-markdown.is-manual .ibiz-markdown-menu{display:none}.ibiz-markdown.is-manual.is-editing .ibiz-markdown-menu{display:block}.ibiz-markdown.is-show-editor-switch-menu .ibiz-composite-form-item-ex-menu{--ibiz-composite-form-item-ex-menu-height:47px;--ibiz-composite-form-item-ex-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight) 0;max-height:100%}.ibiz-markdown.is-show-editor-switch-menu .cherry-toolbar{padding-right:calc(var(--ibiz-composite-form-item-ex-menu-width) + var(--ibiz-spacing-extra-tight))}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu{position:absolute;top:1px;right:1px;z-index:var(--ibiz-composite-form-item-ex-menu-z-index);display:flex;align-items:center;height:calc(var(--ibiz-composite-form-item-ex-menu-height) - 1px);background:var(--ibiz-composite-form-item-ex-menu-bg-color);border-right:1px solid var(--ibiz-markdown-border-color);border-left:1px solid var(--ibiz-markdown-border-color)}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu.is-fullscreen{position:fixed;z-index:1000}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu .ibiz-composite-form-item-ex-menu{position:relative}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .cherry-flex-toc__fixed{color:var(--ibiz-markdown-toc-color)}.ibiz-markdown .cherry-flex-toc__fixed.cherry-flex-toc__pure .cherry-toc-head{color:var(--ibiz-markdown-toc-head-color)}.ibiz-markdown .cherry-flex-toc__fixed:hover{z-index:100}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-markdown-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}.ibiz-markdown .cherry.fullscreen{z-index:999}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff{display:inline-block;width:100%}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .code-line{display:inline-block;width:100%;line-height:1.3em}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .code-line>.token{display:flex}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .code-line>.token .line{display:inline-block}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .code-line>.token .line:empty{display:none}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .token.inserted{color:var(--ibiz-markdown-diff-inserted-color);background:var(--ibiz-markdown-diff-inserted-bg-color)}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .token.deleted{color:var(--ibiz-markdown-diff-deleted-color);background:var(--ibiz-markdown-diff-deleted-bg-color)}.ibiz-markdown--light .theme__green .cherry-toolbar,.ibiz-markdown--light .theme__light .cherry-toolbar,.ibiz-markdown--light .theme__violet .cherry-toolbar{background-color:var(--ibiz-markdown-toolbar-light-bg-color)}.ibiz-markdown--light .theme__dark.cherry .cherry-flex-toc{color:var(--ibiz-markdown-toc-light-color)}.ibiz-markdown--light .theme__dark.cherry ::-webkit-scrollbar-thumb{background:var(--ibiz-markdown-light-thumb-bg-color)}.ibiz-markdown--light .theme__dark.cherry ::-webkit-scrollbar-thumb:hover{background:var(--ibiz-markdown-light-thumb-hover-bg-color)}.ibiz-markdown--dark.ibiz-markdown-cherry .cherry{border:1px solid var(--ibiz-markdown-dark-border-color)}.ibiz-markdown--dark .theme__green .cherry-toolbar,.ibiz-markdown--dark .theme__light .cherry-toolbar,.ibiz-markdown--dark .theme__violet .cherry-toolbar{background-color:var(--ibiz-markdown-toolbar-dark-bg-color)}.ibiz-markdown--dark .theme__dark.cherry .cherry-toc-head{color:var(--ibiz-markdown-toc-dark-color)}.ibiz-markdown--dark .theme__dark.cherry ::-webkit-scrollbar-thumb{background:var(--ibiz-markdown-dark-thumb-bg-color)}.ibiz-markdown--dark .theme__dark.cherry ::-webkit-scrollbar-thumb:hover{background:var(--ibiz-markdown-dark-thumb-hover-bg-color)}
+.ibiz-markdown{--ibiz-markdown-light-thumb-bg-color:rgb(var(--ibiz-grey-4));--ibiz-markdown-light-thumb-hover-bg-color:rgba(var(--ibiz-grey-4), 0.5);--ibiz-markdown-border-color:var(--ibiz-color-border);--ibiz-markdown-dark-border-color:rgb(var(--ibiz-grey-2));--ibiz-markdown-dark-thumb-bg-color:rgb(var(--ibiz-grey-4));--ibiz-markdown-dark-thumb-hover-bg-color:rgba(var(--ibiz-grey-4), 0.5);--ibiz-markdown-placeholder-color:var(--ibiz-form-item-placeholder-color);--ibiz-markdown-disabled-font-size:var(--ibiz-font-size-regular);--ibiz-markdown-disabled-color:var(--ibiz-color-text-0);--ibiz-markdown-disabled-hover-bg-color:var(--ibiz-color-bg-3);--ibiz-markdown-text-color:var(--ibiz-form-item-text-color);--ibiz-markdown-diff-inserted-color:var(--ibiz-color-success-text);--ibiz-markdown-diff-inserted-bg-color:var(--ibiz-color-success);--ibiz-markdown-diff-deleted-color:var(--ibiz-color-danger-text);--ibiz-markdown-diff-deleted-bg-color:var(--ibiz-color-danger);--ibiz-markdown-header-gap:var(--ibiz-spacing-base);--ibiz-markdown-header-height:var(--ibiz-height-control-default);--ibiz-markdown-header-padding:0 var(--ibiz-spacing-extra-loose);--ibiz-markdown-footer-gap:var(--ibiz-spacing-base);--ibiz-markdown-footer-height:var(--ibiz-height-control-default);--ibiz-markdown-footer-padding:0 var(--ibiz-spacing-extra-loose);--ibiz-markdown-footer-margin:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-tight) 0 0;--ibiz-markdown-toolbar-light-bg-color:var(--ibiz-color-bg-0);--ibiz-markdown-toolbar-dark-bg-color:var(--ibiz-color-shadow);--ibiz-markdown-toc-color:var(--ibiz-color-black);--ibiz-markdown-toc-head-color:var(--ibiz-color-primary);--ibiz-markdown-toc-light-color:var(--ibiz-color-text-0);--ibiz-markdown-toc-dark-color:var(--ibiz-color-fill-0);--ibiz-markdown-footer-button-height:var(--ibiz-height-control-default);--ibiz-markdown-footer-button-save-color:var(--ibiz-color-primary-active-text);--ibiz-markdown-footer-button-save-bg-color:var(--ibiz-color-primary);--ibiz-markdown-footer-button-save-border-radius:var(--ibiz-border-radius-small);--ibiz-markdown-footer-button-cancel-color:var(--ibiz-color-text-1);--ibiz-markdown-footer-button-cancel-hover-color:var(--ibiz-color-primary)}.ibiz-markdown__header{display:flex;flex-shrink:0;gap:var(--ibiz-markdown-header-gap);align-items:center;justify-content:end;height:var(--ibiz-markdown-header-height)}.ibiz-markdown__header--edit{cursor:pointer}.ibiz-markdown__header--full{cursor:pointer}.ibiz-markdown__header.is-fullscreen{position:fixed;top:0;right:0;left:0;z-index:1000;width:100%;height:var(--ibiz-markdown-header-height);padding:var(--ibiz-markdown-header-padding);margin-top:0;background-color:var(--ibiz-view-bg-color)}.ibiz-markdown__header.is-fullscreen+.ibiz-markdown-cherry .cherry.fullscreen{top:var(--ibiz-spacing-super-loose);height:calc(100% - var(--ibiz-spacing-super-loose))}.ibiz-markdown__footer{display:flex;gap:var(--ibiz-markdown-footer-gap);align-items:center;justify-content:end;height:var(--ibiz-markdown-footer-height);margin:var(--ibiz-markdown-footer-margin)}.ibiz-markdown__footer--save{height:var(--ibiz-markdown-footer-button-height);padding:0 var(--ibiz-spacing-base);line-height:var(--ibiz-markdown-footer-button-height);color:var(--ibiz-markdown-footer-button-save-color);text-align:center;cursor:pointer;background-color:var(--ibiz-markdown-footer-button-save-bg-color);border-radius:var(--ibiz-markdown-footer-button-border-radius)}.ibiz-markdown__footer--cancel{color:var(--ibiz-markdown-footer-button-cancel-color);cursor:pointer}.ibiz-markdown__footer--cancel:hover{color:var(--ibiz-markdown-footer-button-cancel-hover-color)}.ibiz-markdown__footer.is-fullscreen{position:fixed;right:0;bottom:0;left:0;z-index:1000;width:100%;height:calc(var(--ibiz-markdown-footer-height) * 2);padding:var(--ibiz-markdown-footer-padding);margin-top:0;background-color:var(--ibiz-view-bg-color);border-top:1px solid var(--ibiz-markdown-border-color)}.ibiz-markdown__footer.is-fullscreen+.ibiz-markdown-cherry .cherry.fullscreen{height:calc(100% - var(--ibiz-markdown-footer-height) * 2)}.ibiz-markdown__img-preview.el-image{position:absolute;height:0}.ibiz-markdown__img-preview .el-image-viewer__wrapper{width:90%;height:90%;margin:auto}.ibiz-markdown__img-preview .el-image-viewer__mask{position:fixed;width:100vw;height:100vh;cursor:zoom-out;opacity:.7}.ibiz-markdown__img-preview .el-image-viewer__close{top:-32px;right:-36px;width:32px;height:32px}.ibiz-markdown .ibiz-markdown-cherry{width:100%;outline:0}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%;border:1px solid var(--ibiz-markdown-border-color);box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-toolbar{box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-editor{border-top:1px solid var(--ibiz-markdown-border-color)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-previewer{min-height:58px;border-top:1px solid var(--ibiz-markdown-border-color)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-previewer img{cursor:zoom-in}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-sidebar{top:49px;border-left:1px solid var(--ibiz-markdown-border-color);box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-floatmenu{left:50%!important;margin:0;transform:translateX(-50%)}.ibiz-markdown .ibiz-markdown-cherry .cherry .CodeMirror-placeholder{color:var(--ibiz-markdown-placeholder-color)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-dropdown{width:-moz-min-content;width:min-content}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-dropdown-item{white-space:nowrap}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown.is-disabled .ibiz-markdown__fullscreen{position:absolute;top:8px;right:12px;z-index:98;font-size:var(--ibiz-markdown-disabled-font-size);line-height:2.8}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen{color:var(--ibiz-markdown-disabled-color)}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen:hover{background-color:var(--ibiz-markdown-disabled-hover-bg-color)}.ibiz-markdown.is-manual{display:flex;flex-direction:column}.ibiz-markdown.is-manual .ibiz-markdown-cherry{flex-grow:1;height:calc(100% - var(--ibiz-height-control-default))!important}.ibiz-markdown.is-manual .cherry.fullscreen .cherry-previewer{padding-top:var(--ibiz-spacing-extra-loose)}.ibiz-markdown.is-manual.is-editing{flex-direction:column-reverse}.ibiz-markdown.is-manual.is-editing .cherry.fullscreen{height:calc(100% - var(--ibiz-height-control-default) * 2)}.ibiz-markdown.is-manual .ibiz-markdown-menu{display:none}.ibiz-markdown.is-manual.is-editing .ibiz-markdown-menu{display:block}.ibiz-markdown.is-show-editor-switch-menu .ibiz-composite-form-item-ex-menu{--ibiz-composite-form-item-ex-menu-height:47px;--ibiz-composite-form-item-ex-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight) 0;max-height:100%}.ibiz-markdown.is-show-editor-switch-menu .cherry-toolbar{padding-right:calc(var(--ibiz-composite-form-item-ex-menu-width) + var(--ibiz-spacing-extra-tight))}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu{position:absolute;top:1px;right:1px;z-index:var(--ibiz-composite-form-item-ex-menu-z-index);display:flex;align-items:center;height:calc(var(--ibiz-composite-form-item-ex-menu-height) - 1px);background:var(--ibiz-composite-form-item-ex-menu-bg-color);border-right:1px solid var(--ibiz-markdown-border-color);border-left:1px solid var(--ibiz-markdown-border-color)}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu.is-fullscreen{position:fixed;z-index:1000}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu .ibiz-composite-form-item-ex-menu{position:relative}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .cherry-flex-toc__fixed{color:var(--ibiz-markdown-toc-color)}.ibiz-markdown .cherry-flex-toc__fixed.cherry-flex-toc__pure .cherry-toc-head{color:var(--ibiz-markdown-toc-head-color)}.ibiz-markdown .cherry-flex-toc__fixed:hover{z-index:100}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-markdown-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}.ibiz-markdown .cherry.fullscreen{z-index:999}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff{display:inline-block;width:100%}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .code-line{display:inline-block;width:100%;line-height:1.3em}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .code-line>.token{display:flex}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .code-line>.token .line{display:inline-block}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .code-line>.token .line:empty{display:none}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .token.inserted{color:var(--ibiz-markdown-diff-inserted-color);background:var(--ibiz-markdown-diff-inserted-bg-color)}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .token.deleted{color:var(--ibiz-markdown-diff-deleted-color);background:var(--ibiz-markdown-diff-deleted-bg-color)}.ibiz-markdown--light .theme__green .cherry-toolbar,.ibiz-markdown--light .theme__light .cherry-toolbar,.ibiz-markdown--light .theme__violet .cherry-toolbar{background-color:var(--ibiz-markdown-toolbar-light-bg-color)}.ibiz-markdown--light .theme__dark.cherry .cherry-flex-toc{color:var(--ibiz-markdown-toc-light-color)}.ibiz-markdown--light .theme__dark.cherry ::-webkit-scrollbar-thumb{background:var(--ibiz-markdown-light-thumb-bg-color)}.ibiz-markdown--light .theme__dark.cherry ::-webkit-scrollbar-thumb:hover{background:var(--ibiz-markdown-light-thumb-hover-bg-color)}.ibiz-markdown--dark.ibiz-markdown-cherry .cherry{border:1px solid var(--ibiz-markdown-dark-border-color)}.ibiz-markdown--dark .theme__green .cherry-toolbar,.ibiz-markdown--dark .theme__light .cherry-toolbar,.ibiz-markdown--dark .theme__violet .cherry-toolbar{background-color:var(--ibiz-markdown-toolbar-dark-bg-color)}.ibiz-markdown--dark .theme__dark.cherry .cherry-toc-head{color:var(--ibiz-markdown-toc-dark-color)}.ibiz-markdown--dark .theme__dark.cherry ::-webkit-scrollbar-thumb{background:var(--ibiz-markdown-dark-thumb-bg-color)}.ibiz-markdown--dark .theme__dark.cherry ::-webkit-scrollbar-thumb:hover{background:var(--ibiz-markdown-dark-thumb-hover-bg-color)}

package/es/editor/text-box/input/input.mjs

@@ -87,6 +87,12 @@ const IBizInput = /* @__PURE__ */ defineComponent({
           return "string";
       }
     });
+    const showPassword = computed(() => {
+      if (c.editorParams.showpassword) {
+        return c.toBoolean(c.editorParams.showpassword);
+      }
+      return type.value === "password";
+    });
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -305,6 +311,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       isAuto,
       editorRef,
       showLimit,
+      showPassword,
       childClass,
       childStyle,
       isEditable,
@@ -395,7 +402,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
         "class": [this.ns.b("input"), this.semanticClass("editor.content")],
         "disabled": this.disabled,
         "style": this.semanticStyle("editor.content"),
-        "show-password": this.type === "password",
+        "show-password": this.showPassword,
         "autocomplete": this.shouldAutoComplete,
         "id": this.curInstanceUUID
       }, this.$attrs), _isSlot(slots) ? slots : {

package/es/locale/en/index.mjs

@@ -880,12 +880,6 @@ var index = {
       failed: "File upload failure",
       title: "Process manager"
     },
-    appUtil: {
-      aiTitle: "delete conversation",
-      aiDesc: "After deletion, the conversation will not be recoverable. Are you sure to delete?",
-      clearTopic: "Clear conversation",
-      clearTopicDesc: "Are you sure to clear all conversation data except for the current activation item?"
-    },
     appModal: {
       prev: "Previous record",
       next: "Next record"

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

@@ -876,12 +876,6 @@ var index = {
       failed: "\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25",
       title: "\u8FDB\u7A0B\u7BA1\u7406\u5668"
     },
-    appUtil: {
-      aiTitle: "\u5220\u9664\u5BF9\u8BDD",
-      aiDesc: "\u5220\u9664\u540E\uFF0C\u8BE5\u5BF9\u8BDD\u5C06\u4E0D\u53EF\u6062\u590D\u3002\u786E\u8BA4\u5220\u9664\u5417\uFF1F",
-      clearTopic: "\u6E05\u7A7A\u4F1A\u8BDD",
-      clearTopicDesc: "\u786E\u8BA4\u6E05\u7A7A\u9664\u5F53\u524D\u6FC0\u6D3B\u9879\u5916\u7684\u6240\u6709\u4F1A\u8BDD\u6570\u636E\uFF1F"
-    },
     appModal: {
       prev: "\u4E0A\u4E00\u4E2A\u8BB0\u5F55",
       next: "\u4E0B\u4E00\u4E2A\u8BB0\u5F55"

package/es/panel-component/app-extend-menu/bottom-side-menu/bottom-side-menu.mjs

@@ -48,6 +48,7 @@ const BottomSideMenu = /* @__PURE__ */ defineComponent({
     }, [createVNode(resolveComponent("iBizCommonExtendMenu"), {
       "renderMode": this.controller.rawItemParams.rendermode,
       "items": this.state.items,
+      "controller": this.controller,
       "menuItemsState": this.state.menuItemsState,
       "providers": this.controller.itemProviders,
       "position": "BOTTOM",

package/es/panel-component/app-extend-menu/extend-menu-base/common-extend-menu/common-extend-menu.mjs

@@ -59,6 +59,10 @@ const CommonExtendMenu = /* @__PURE__ */ defineComponent({
      */
     layout: {
       type: Object
+    },
+    controller: {
+      type: Object,
+      required: true
     }
   },
   emits: {
@@ -86,6 +90,7 @@ const CommonExtendMenu = /* @__PURE__ */ defineComponent({
     var _a;
     let content = createVNode(ExtendButtonMenu, mergeProps({
       "items": this.items,
+      "controller": this.controller,
       "menuItemsState": this.menuItemsState,
       "providers": this.providers,
       "position": this.position,
@@ -96,6 +101,7 @@ const CommonExtendMenu = /* @__PURE__ */ defineComponent({
     if (((_a = this.renderMode) == null ? void 0 : _a.toLocaleUpperCase()) === "MENU") {
       content = createVNode(ExtendStandardMenu, mergeProps({
         "items": this.items,
+        "controller": this.controller,
         "menuItemsState": this.menuItemsState,
         "providers": this.providers,
         "position": this.position,

package/es/panel-component/app-extend-menu/extend-menu-base/extend-button-menu/extend-button-menu.css

@@ -1 +1 @@
-.ibiz-extend-menu-button{--ibiz-extend-menu-button-color:var(--ibiz-color-text-menu);--ibiz-extend-menu-button-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-menu-button-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-menu-button-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-menu-button-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-menu-button-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-menu-button-padding:var(--ibiz-spacing-extra-tight) 0;--ibiz-extend-menu-button-content-padding:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-item-height:42px;--ibiz-extend-menu-button-item-font-size:var(--ibiz-extend-menu-button-font-size);--ibiz-extend-menu-button-item-horizontal-min-width:200px;--ibiz-extend-menu-button-item-horizontal-margin:0 0 0 var(--ibiz-spacing-extra-tight);--ibiz-extend-menu-button-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-menu-button-item-vertical-margin:var(--ibiz-spacing-extra-tight) 0 0 0;--ibiz-extend-menu-button-item-vertical-padding:var(--ibiz-spacing-tight) 0;--ibiz-extend-menu-button-item-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-menu-button-item-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-menu-button-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-menu-button-item-icon-gap:var(--ibiz-spacing-tight);--ibiz-extend-menu-button-rawitem-min-width:var(--ibiz-font-size-header-6);--ibiz-extend-menu-button-rawitem-color:var(--ibiz-extend-menu-button-color);width:100%;height:100%;padding:var(--ibiz-extend-menu-button-padding)}.ibiz-extend-menu-button__menuitem{width:100%;height:100%;font-size:var(--ibiz-extend-menu-button-item-font-size)}.ibiz-extend-menu-button__rawitem{width:100%;height:100%}.ibiz-extend-menu-button__rawitem .ibiz-rawitem{min-width:var(--ibiz-extend-menu-button-rawitem-min-width);font-size:initial;color:var(--ibiz-extend-menu-button-color)}.ibiz-extend-menu-button__separator--horizontal{margin:0}.ibiz-extend-menu-button__separator--vertical{margin:0}.ibiz-extend-menu-button__icon{display:flex;align-items:center;width:var(--ibiz-extend-menu-button-item-icon-width);height:var(--ibiz-extend-menu-button-item-icon-height);font-size:var(--ibiz-extend-menu-button-item-icon-size)}.ibiz-extend-menu-button__icon+.ibiz-extend-menu-button__caption{margin-left:var(--ibiz-extend-menu-button-item-icon-gap)}.ibiz-extend-menu-button__content{display:flex;flex-wrap:nowrap;height:100%;padding:var(--ibiz-extend-menu-button-content-padding);overflow:auto}.ibiz-extend-menu-button__content--item{display:flex;align-items:center}.ibiz-extend-menu-button__content--item.is-show-arrow{position:relative}.ibiz-extend-menu-button__content--item.is-show-arrow .ibiz-extend-menu-button__menuitem::after{display:block;width:1em;height:1em;margin-left:auto;content:""}.ibiz-extend-menu-button__content--item.is-rotate-arrow svg{transform:rotate(180deg)}.ibiz-extend-menu-button__content--item-container{display:flex;align-items:center;height:100%}.ibiz-extend-menu-button__content--menuitem{height:var(--ibiz-extend-menu-button-item-height)}.ibiz-extend-menu-button__content--rawitem{height:var(--ibiz-extend-menu-button-item-height)}.ibiz-extend-menu-button__content--item-arrow{position:absolute;top:50%;right:15px;display:flex;align-items:center;justify-content:center;color:var(--ibiz-extend-menu-button-color);transform:translateY(-50%)}.ibiz-extend-menu-button__content--item-arrow svg{transition:transform .3s ease}.ibiz-extend-menu-button__content.is-horizontal{align-items:center}.ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--item{margin:var(--ibiz-extend-menu-button-item-horizontal-margin)}.ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--item:first-child{margin-left:0}.ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--item-container:not(:has(.el-divider)){min-width:var(--ibiz-extend-menu-button-item-horizontal-min-width)}.ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--seperator{width:auto;margin:var(--ibiz-extend-menu-button-divider-horizontal-margin)}.ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--seperator+.ibiz-extend-menu-button__content--item{margin-left:0}.ibiz-extend-menu-button__content.is-vertical{flex-direction:column}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__content--item{margin:var(--ibiz-extend-menu-button-item-vertical-margin)}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__content--item:first-child{margin-top:0}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__content--seperator{margin:var(--ibiz-extend-menu-button-divider-vertical-margin)}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__content--seperator+.ibiz-extend-menu-button__content--item{margin-top:0}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__menuitem{justify-content:flex-start}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__rawitem{justify-content:flex-start}.ibiz-extend-menu-button__content .el-button{--ibiz-color-primary-hover:var(--ibiz-extend-menu-button-active-bg-color);--ibiz-color-primary-hover-text:var(--ibiz-extend-menu-button-active-color);--ibiz-color-primary-active:var(--ibiz-extend-menu-button-hover-bg-color);--ibiz-color-primary-active-text:var(--ibiz-extend-menu-button-hover-color);--el-button-text-color:var(--ibiz-extend-menu-button-color)}.ibiz-extend-menu-button__content .el-button:focus{background-color:var(--ibiz-extend-menu-button-hover-bg-color)}.ibiz-extend-menu-button__content .el-button:hover{background-color:var(--ibiz-extend-menu-button-active-bg-color)}.ibiz-extend-menu-button.is-vertical{--ibiz-extend-menu-button-padding:var(--ibiz-extend-menu-button-item-vertical-padding)}.ibiz-extend-menu-button.is-vertical .ibiz-extend-menu-button__content,.ibiz-extend-menu-button.is-vertical .ibiz-extend-menu-button__content--item,.ibiz-extend-menu-button.is-vertical .ibiz-extend-menu-button__content--item-container{width:100%}.ibiz-extend-menu-button.is-horizontal .ibiz-extend-menu-button__menuitem{font-size:var(--ibiz-extend-menu-button-item-horizontal-font-size)}.ibiz-extend-menu-button.is-horizontal .ibiz-extend-menu-button__icon{justify-content:center}.ibiz-extend-menu-button-cascader-popover{--ibiz-extend-menu-button-color:var(--ibiz-color-text-menu);--ibiz-extend-menu-button-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-menu-button-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-menu-button-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-menu-button-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-menu-button-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-menu-button-padding:var(--ibiz-spacing-extra-tight) 0;--ibiz-extend-menu-button-content-padding:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-item-height:42px;--ibiz-extend-menu-button-item-font-size:var(--ibiz-extend-menu-button-font-size);--ibiz-extend-menu-button-item-horizontal-min-width:200px;--ibiz-extend-menu-button-item-horizontal-margin:0 0 0 var(--ibiz-spacing-extra-tight);--ibiz-extend-menu-button-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-menu-button-item-vertical-margin:var(--ibiz-spacing-extra-tight) 0 0 0;--ibiz-extend-menu-button-item-vertical-padding:var(--ibiz-spacing-tight) 0;--ibiz-extend-menu-button-item-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-menu-button-item-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-menu-button-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-menu-button-item-icon-gap:var(--ibiz-spacing-tight);--ibiz-extend-menu-button-popover-padding:var(--ibiz-spacing-super-tight) var(--ibiz-spacing-extra-tight);--ibiz-extend-menu-button-popover-min-width:200px;--ibiz-extend-menu-button-popover-z-index:3;--ibiz-extend-menu-button-popover-background:var(--ibiz-color-primary);--ibiz-extend-menu-button-popover-box-shadow:var(--ibiz-shadow-elevated);--ibiz-extend-menu-button-divider-color:var(--ibiz-color-scroll-menu);--ibiz-extend-menu-button-divider-horizontal-margin:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-divider-vertical-margin:var(--ibiz-spacing-tight) 0;--ibiz-extend-menu-button-content-padding:0;--ibiz-extend-menu-button-item-vertical-margin:0;z-index:var(--ibiz-extend-menu-button-popover-z-index);width:auto;padding:var(--ibiz-extend-menu-button-popover-padding);background-color:var(--ibiz-extend-menu-button-popover-background);box-shadow:var(--ibiz-extend-menu-button-popover-box-shadow)}.ibiz-extend-menu-button-cascader-popover .ibiz-extend-menu-button__content{min-width:var(--ibiz-extend-menu-button-popover-min-width)}.ibiz-extend-menu-button-cascader-popover .ibiz-extend-menu-button__separator--horizontal{border-color:var(--ibiz-extend-menu-button-divider-color)}.ibiz-extend-menu-button-cascader-popover .ibiz-extend-menu-button__content,.ibiz-extend-menu-button-cascader-popover .ibiz-extend-menu-button__content--item,.ibiz-extend-menu-button-cascader-popover .ibiz-extend-menu-button__content--item-container{width:100%}.ibiz-extend-menu-button-border-popover{--ibiz-extend-menu-button-color:var(--ibiz-color-text-menu);--ibiz-extend-menu-button-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-menu-button-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-menu-button-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-menu-button-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-menu-button-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-menu-button-padding:var(--ibiz-spacing-extra-tight) 0;--ibiz-extend-menu-button-content-padding:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-item-height:42px;--ibiz-extend-menu-button-item-font-size:var(--ibiz-extend-menu-button-font-size);--ibiz-extend-menu-button-item-horizontal-min-width:200px;--ibiz-extend-menu-button-item-horizontal-margin:0 0 0 var(--ibiz-spacing-extra-tight);--ibiz-extend-menu-button-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-menu-button-item-vertical-margin:var(--ibiz-spacing-extra-tight) 0 0 0;--ibiz-extend-menu-button-item-vertical-padding:var(--ibiz-spacing-tight) 0;--ibiz-extend-menu-button-item-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-menu-button-item-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-menu-button-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-menu-button-item-icon-gap:var(--ibiz-spacing-tight);--ibiz-extend-menu-button-popover-padding:var(--ibiz-spacing-super-tight) var(--ibiz-spacing-extra-tight);--ibiz-extend-menu-button-popover-min-width:200px;--ibiz-extend-menu-button-popover-z-index:3;--ibiz-extend-menu-button-popover-background:var(--ibiz-color-primary);--ibiz-extend-menu-button-popover-box-shadow:var(--ibiz-shadow-elevated);--ibiz-extend-menu-button-divider-color:var(--ibiz-color-scroll-menu);--ibiz-extend-menu-button-divider-horizontal-margin:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-divider-vertical-margin:var(--ibiz-spacing-tight) 0;--ibiz-extend-menu-button-content-padding:0;--ibiz-extend-menu-button-item-vertical-margin:0;z-index:var(--ibiz-extend-menu-button-popover-z-index);width:auto;padding:var(--ibiz-extend-menu-button-popover-padding);background-color:var(--ibiz-extend-menu-button-popover-background);box-shadow:var(--ibiz-extend-menu-button-popover-box-shadow)}.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__content{min-width:var(--ibiz-extend-menu-button-popover-min-width)}.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__separator--horizontal{border-color:var(--ibiz-extend-menu-button-divider-color)}.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__content,.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__content--item,.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__content--item-container{width:100%}.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--item-arrow{transform:translateY(-50%) rotate(90deg)}.ibiz-extend-menu-button-border-popover.is-horizontal .ibiz-extend-menu-button__menuitem{font-size:var(--ibiz-extend-menu-button-item-horizontal-font-size)}.ibiz-extend-menu-button-border-popover.is-horizontal .ibiz-extend-menu-button__icon{justify-content:center}.ibiz-extend-menu-button-placehold{position:fixed;z-index:3;display:flex;align-items:center;justify-content:center;cursor:pointer}.ibiz-extend-menu-button-placehold__line{position:absolute}.ibiz-extend-menu-button-placehold__arrow{color:var(--ibiz-color-text-2)}.ibiz-extend-menu-button-placehold.is-left .ibiz-extend-menu-button-placehold__line{top:0;left:0;width:1px;height:100%}.ibiz-extend-menu-button-placehold.is-right .ibiz-extend-menu-button-placehold__line{top:0;right:0;width:1px;height:100%}.ibiz-extend-menu-button-placehold.is-right svg{transform:rotate(180deg)}.ibiz-extend-menu-button-placehold.is-top .ibiz-extend-menu-button-placehold__line{top:0;left:0;width:100%;height:1px}.ibiz-extend-menu-button-placehold.is-top svg{transform:rotate(90deg)}.ibiz-extend-menu-button-placehold.is-bottom .ibiz-extend-menu-button-placehold__line{bottom:0;left:0;width:100%;height:1px}.ibiz-extend-menu-button-placehold.is-bottom svg{transform:rotate(-90deg)}
+.ibiz-extend-menu-button{--ibiz-extend-menu-button-color:var(--ibiz-color-text-menu);--ibiz-extend-menu-button-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-menu-button-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-menu-button-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-menu-button-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-menu-button-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-menu-button-padding:var(--ibiz-spacing-extra-tight) 0;--ibiz-extend-menu-button-content-padding:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-item-height:42px;--ibiz-extend-menu-button-item-font-size:var(--ibiz-extend-menu-button-font-size);--ibiz-extend-menu-button-item-horizontal-min-width:200px;--ibiz-extend-menu-button-item-horizontal-margin:0 0 0 var(--ibiz-spacing-extra-tight);--ibiz-extend-menu-button-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-menu-button-item-vertical-margin:var(--ibiz-spacing-extra-tight) 0 0 0;--ibiz-extend-menu-button-item-vertical-padding:var(--ibiz-spacing-tight) 0;--ibiz-extend-menu-button-item-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-menu-button-item-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-menu-button-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-menu-button-item-icon-gap:var(--ibiz-spacing-tight);--ibiz-extend-menu-button-rawitem-min-width:var(--ibiz-font-size-header-6);--ibiz-extend-menu-button-rawitem-color:var(--ibiz-extend-menu-button-color);width:100%;height:100%;padding:var(--ibiz-extend-menu-button-padding)}.ibiz-extend-menu-button__panel{line-height:normal}.ibiz-extend-menu-button__menuitem{width:100%;height:100%;font-size:var(--ibiz-extend-menu-button-item-font-size)}.ibiz-extend-menu-button__rawitem{width:100%;height:100%}.ibiz-extend-menu-button__rawitem .ibiz-rawitem{min-width:var(--ibiz-extend-menu-button-rawitem-min-width);font-size:initial;color:var(--ibiz-extend-menu-button-color)}.ibiz-extend-menu-button__separator--horizontal{margin:0}.ibiz-extend-menu-button__separator--vertical{margin:0}.ibiz-extend-menu-button__icon{display:flex;align-items:center;width:var(--ibiz-extend-menu-button-item-icon-width);height:var(--ibiz-extend-menu-button-item-icon-height);font-size:var(--ibiz-extend-menu-button-item-icon-size)}.ibiz-extend-menu-button__icon+.ibiz-extend-menu-button__caption{margin-left:var(--ibiz-extend-menu-button-item-icon-gap)}.ibiz-extend-menu-button__content{display:flex;flex-wrap:nowrap;height:100%;padding:var(--ibiz-extend-menu-button-content-padding);overflow:auto}.ibiz-extend-menu-button__content--item{display:flex;align-items:center}.ibiz-extend-menu-button__content--item.is-show-arrow{position:relative}.ibiz-extend-menu-button__content--item.is-show-arrow .ibiz-extend-menu-button__menuitem::after{display:block;width:1em;height:1em;margin-left:auto;content:""}.ibiz-extend-menu-button__content--item.is-rotate-arrow svg{transform:rotate(180deg)}.ibiz-extend-menu-button__content--item-container{display:flex;align-items:center;height:100%}.ibiz-extend-menu-button__content--menuitem{height:var(--ibiz-extend-menu-button-item-height)}.ibiz-extend-menu-button__content--rawitem{height:var(--ibiz-extend-menu-button-item-height)}.ibiz-extend-menu-button__content--item-arrow{position:absolute;top:50%;right:15px;display:flex;align-items:center;justify-content:center;color:var(--ibiz-extend-menu-button-color);transform:translateY(-50%)}.ibiz-extend-menu-button__content--item-arrow svg{transition:transform .3s ease}.ibiz-extend-menu-button__content.is-horizontal{align-items:center}.ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--item{margin:var(--ibiz-extend-menu-button-item-horizontal-margin)}.ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--item:first-child{margin-left:0}.ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--item-container:not(:has(.el-divider)){min-width:var(--ibiz-extend-menu-button-item-horizontal-min-width)}.ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--seperator{width:auto;margin:var(--ibiz-extend-menu-button-divider-horizontal-margin)}.ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--seperator+.ibiz-extend-menu-button__content--item{margin-left:0}.ibiz-extend-menu-button__content.is-vertical{flex-direction:column}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__content--item{margin:var(--ibiz-extend-menu-button-item-vertical-margin)}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__content--item:first-child{margin-top:0}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__content--seperator{margin:var(--ibiz-extend-menu-button-divider-vertical-margin)}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__content--seperator+.ibiz-extend-menu-button__content--item{margin-top:0}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__menuitem{justify-content:flex-start}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__rawitem{justify-content:flex-start}.ibiz-extend-menu-button__content .el-button{--ibiz-color-primary-hover:var(--ibiz-extend-menu-button-active-bg-color);--ibiz-color-primary-hover-text:var(--ibiz-extend-menu-button-active-color);--ibiz-color-primary-active:var(--ibiz-extend-menu-button-hover-bg-color);--ibiz-color-primary-active-text:var(--ibiz-extend-menu-button-hover-color);--el-button-text-color:var(--ibiz-extend-menu-button-color)}.ibiz-extend-menu-button__content .el-button:focus{background-color:var(--ibiz-extend-menu-button-hover-bg-color)}.ibiz-extend-menu-button__content .el-button:hover{background-color:var(--ibiz-extend-menu-button-active-bg-color)}.ibiz-extend-menu-button.is-vertical{--ibiz-extend-menu-button-padding:var(--ibiz-extend-menu-button-item-vertical-padding)}.ibiz-extend-menu-button.is-vertical .ibiz-extend-menu-button__content,.ibiz-extend-menu-button.is-vertical .ibiz-extend-menu-button__content--item,.ibiz-extend-menu-button.is-vertical .ibiz-extend-menu-button__content--item-container{width:100%}.ibiz-extend-menu-button.is-horizontal .ibiz-extend-menu-button__menuitem{font-size:var(--ibiz-extend-menu-button-item-horizontal-font-size)}.ibiz-extend-menu-button.is-horizontal .ibiz-extend-menu-button__icon{justify-content:center}.ibiz-extend-menu-button-cascader-popover{--ibiz-extend-menu-button-color:var(--ibiz-color-text-menu);--ibiz-extend-menu-button-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-menu-button-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-menu-button-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-menu-button-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-menu-button-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-menu-button-padding:var(--ibiz-spacing-extra-tight) 0;--ibiz-extend-menu-button-content-padding:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-item-height:42px;--ibiz-extend-menu-button-item-font-size:var(--ibiz-extend-menu-button-font-size);--ibiz-extend-menu-button-item-horizontal-min-width:200px;--ibiz-extend-menu-button-item-horizontal-margin:0 0 0 var(--ibiz-spacing-extra-tight);--ibiz-extend-menu-button-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-menu-button-item-vertical-margin:var(--ibiz-spacing-extra-tight) 0 0 0;--ibiz-extend-menu-button-item-vertical-padding:var(--ibiz-spacing-tight) 0;--ibiz-extend-menu-button-item-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-menu-button-item-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-menu-button-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-menu-button-item-icon-gap:var(--ibiz-spacing-tight);--ibiz-extend-menu-button-popover-padding:var(--ibiz-spacing-super-tight) var(--ibiz-spacing-extra-tight);--ibiz-extend-menu-button-popover-min-width:200px;--ibiz-extend-menu-button-popover-z-index:3;--ibiz-extend-menu-button-popover-background:var(--ibiz-color-primary);--ibiz-extend-menu-button-popover-box-shadow:var(--ibiz-shadow-elevated);--ibiz-extend-menu-button-divider-color:var(--ibiz-color-scroll-menu);--ibiz-extend-menu-button-divider-horizontal-margin:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-divider-vertical-margin:var(--ibiz-spacing-tight) 0;--ibiz-extend-menu-button-content-padding:0;--ibiz-extend-menu-button-item-vertical-margin:0;z-index:var(--ibiz-extend-menu-button-popover-z-index);width:auto;padding:var(--ibiz-extend-menu-button-popover-padding);background-color:var(--ibiz-extend-menu-button-popover-background);box-shadow:var(--ibiz-extend-menu-button-popover-box-shadow)}.ibiz-extend-menu-button-cascader-popover .ibiz-extend-menu-button__content{min-width:var(--ibiz-extend-menu-button-popover-min-width)}.ibiz-extend-menu-button-cascader-popover .ibiz-extend-menu-button__separator--horizontal{border-color:var(--ibiz-extend-menu-button-divider-color)}.ibiz-extend-menu-button-cascader-popover .ibiz-extend-menu-button__content,.ibiz-extend-menu-button-cascader-popover .ibiz-extend-menu-button__content--item,.ibiz-extend-menu-button-cascader-popover .ibiz-extend-menu-button__content--item-container{width:100%}.ibiz-extend-menu-button-border-popover{--ibiz-extend-menu-button-color:var(--ibiz-color-text-menu);--ibiz-extend-menu-button-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-menu-button-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-menu-button-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-menu-button-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-menu-button-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-menu-button-padding:var(--ibiz-spacing-extra-tight) 0;--ibiz-extend-menu-button-content-padding:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-item-height:42px;--ibiz-extend-menu-button-item-font-size:var(--ibiz-extend-menu-button-font-size);--ibiz-extend-menu-button-item-horizontal-min-width:200px;--ibiz-extend-menu-button-item-horizontal-margin:0 0 0 var(--ibiz-spacing-extra-tight);--ibiz-extend-menu-button-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-menu-button-item-vertical-margin:var(--ibiz-spacing-extra-tight) 0 0 0;--ibiz-extend-menu-button-item-vertical-padding:var(--ibiz-spacing-tight) 0;--ibiz-extend-menu-button-item-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-menu-button-item-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-menu-button-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-menu-button-item-icon-gap:var(--ibiz-spacing-tight);--ibiz-extend-menu-button-popover-padding:var(--ibiz-spacing-super-tight) var(--ibiz-spacing-extra-tight);--ibiz-extend-menu-button-popover-min-width:200px;--ibiz-extend-menu-button-popover-z-index:3;--ibiz-extend-menu-button-popover-background:var(--ibiz-color-primary);--ibiz-extend-menu-button-popover-box-shadow:var(--ibiz-shadow-elevated);--ibiz-extend-menu-button-divider-color:var(--ibiz-color-scroll-menu);--ibiz-extend-menu-button-divider-horizontal-margin:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-divider-vertical-margin:var(--ibiz-spacing-tight) 0;--ibiz-extend-menu-button-content-padding:0;--ibiz-extend-menu-button-item-vertical-margin:0;z-index:var(--ibiz-extend-menu-button-popover-z-index);width:auto;padding:var(--ibiz-extend-menu-button-popover-padding);background-color:var(--ibiz-extend-menu-button-popover-background);box-shadow:var(--ibiz-extend-menu-button-popover-box-shadow)}.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__content{min-width:var(--ibiz-extend-menu-button-popover-min-width)}.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__separator--horizontal{border-color:var(--ibiz-extend-menu-button-divider-color)}.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__content,.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__content--item,.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__content--item-container{width:100%}.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--item-arrow{transform:translateY(-50%) rotate(90deg)}.ibiz-extend-menu-button-border-popover.is-horizontal .ibiz-extend-menu-button__menuitem{font-size:var(--ibiz-extend-menu-button-item-horizontal-font-size)}.ibiz-extend-menu-button-border-popover.is-horizontal .ibiz-extend-menu-button__icon{justify-content:center}.ibiz-extend-menu-button-placehold{position:fixed;z-index:3;display:flex;align-items:center;justify-content:center;cursor:pointer}.ibiz-extend-menu-button-placehold__line{position:absolute}.ibiz-extend-menu-button-placehold__arrow{color:var(--ibiz-color-text-2)}.ibiz-extend-menu-button-placehold.is-left .ibiz-extend-menu-button-placehold__line{top:0;left:0;width:1px;height:100%}.ibiz-extend-menu-button-placehold.is-right .ibiz-extend-menu-button-placehold__line{top:0;right:0;width:1px;height:100%}.ibiz-extend-menu-button-placehold.is-right svg{transform:rotate(180deg)}.ibiz-extend-menu-button-placehold.is-top .ibiz-extend-menu-button-placehold__line{top:0;left:0;width:100%;height:1px}.ibiz-extend-menu-button-placehold.is-top svg{transform:rotate(90deg)}.ibiz-extend-menu-button-placehold.is-bottom .ibiz-extend-menu-button-placehold__line{bottom:0;left:0;width:100%;height:1px}.ibiz-extend-menu-button-placehold.is-bottom svg{transform:rotate(-90deg)}

package/es/panel-component/app-extend-menu/extend-menu-base/extend-button-menu/extend-button-menu.mjs

@@ -15,6 +15,28 @@ const rightArrow = () => createVNode("svg", {
   "fill": "currentColor",
   "d": "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
 }, null)]);
+function renderItemRender(params) {
+  var _a, _b;
+  const {
+    ns,
+    menu,
+    controller
+  } = params;
+  const panel = (_b = (_a = menu.controlRenders) == null ? void 0 : _a.find((render) => render.renderType === "LAYOUTPANEL")) == null ? void 0 : _b.layoutPanel;
+  if (panel)
+    return createVNode(resolveComponent("iBizControlShell"), {
+      "class": ns.e("panel"),
+      "modelData": panel,
+      "context": controller.context,
+      "params": controller.params
+    }, null);
+  const htmlCode = controller.getCustomHtml(menu);
+  if (htmlCode)
+    return createVNode("div", {
+      "class": ns.e("script"),
+      "innerHTML": htmlCode
+    }, null);
+}
 function renderMenuItem(params) {
   var _a, _b, _c;
   const {
@@ -26,6 +48,9 @@ function renderMenuItem(params) {
   } = params;
   if (!menu.id || !((_a = menuItemsState[menu.id]) == null ? void 0 : _a.visible))
     return;
+  const render = renderItemRender(params);
+  if (render)
+    return render;
   if (menu.itemType === "MENUITEM") {
     return createVNode(resolveComponent("el-button"), {
       "class": [ns.e("menuitem"), "".concat(((_b = menu.sysCss) == null ? void 0 : _b.cssName) || ""), semantic.semanticClass("item", {
@@ -96,6 +121,7 @@ function renderMenuContent(_params) {
     menuItemsState,
     showCascaderArrow,
     semantic,
+    controller,
     handleMenuItemClick,
     handleMenuItemMouseEnter,
     handleMenuItemMouseLeave
@@ -112,7 +138,8 @@ function renderMenuContent(_params) {
         ns,
         menuAlign,
         menuItemsState,
-        semantic
+        semantic,
+        controller
       });
       if (!menuItem)
         return;
@@ -172,6 +199,10 @@ const ExtendButtonMenu = /* @__PURE__ */ defineComponent({
         semanticClass: () => "",
         semanticStyle: () => ""
       })
+    },
+    controller: {
+      type: Object,
+      required: true
     }
   },
   emits: {
@@ -197,7 +228,8 @@ const ExtendButtonMenu = /* @__PURE__ */ defineComponent({
         handleMenuItemMouseLeave,
         showCascaderArrow: true,
         isLayout: false,
-        semantic: props.semantic
+        semantic: props.semantic,
+        controller: props.controller
       });
     };
     const renderBorderContent = () => {
@@ -212,7 +244,8 @@ const ExtendButtonMenu = /* @__PURE__ */ defineComponent({
         handleMenuItemMouseLeave,
         showCascaderArrow: true,
         isLayout: false,
-        semantic: props.semantic
+        semantic: props.semantic,
+        controller: props.controller
       });
     };
     const {
@@ -265,7 +298,8 @@ const ExtendButtonMenu = /* @__PURE__ */ defineComponent({
       handleMenuItemClick: this.handleMenuItemClick,
       handleMenuItemMouseEnter: this.handleMenuItemMouseEnter,
       handleMenuItemMouseLeave: this.handleMenuItemMouseLeave,
-      semantic: this.semantic
+      semantic: this.semantic,
+      controller: this.controller
     })]);
   }
 });

package/es/panel-component/app-extend-menu/extend-menu-base/extend-menu-base.controller.mjs

@@ -1,5 +1,5 @@
 import { notNilEmpty } from 'qx-util';
-import { PanelItemController, calcDynamicMenu, getControl, getAppMenuItemProvider, AppFuncCommand } from '@ibiz-template/runtime';
+import { PanelItemController, calcDynamicMenu, getControl, getAppMenuItemProvider, AppFuncCommand, ScriptFactory } from '@ibiz-template/runtime';
 import { RuntimeModelError, recursiveIterate } from '@ibiz-template/core';
 import { ExtendMenuBase } from './extend-menu-base.state.mjs';
 
@@ -285,6 +285,34 @@ class ExtendMenuBaseController extends PanelItemController {
       }
     );
   }
+  /**
+   * @description 解析获取脚本代码html
+   * @param {IAppMenuItem} menuItem
+   * @returns {*}  {(string | undefined)}
+   * @memberof ExtendMenuBaseController
+   */
+  getCustomHtml(menuItem) {
+    var _a;
+    const { controlRenders = [] } = menuItem;
+    let scriptCode = (_a = controlRenders.find(
+      (render) => render.renderType === "LAYOUTPANEL_MODEL"
+    )) == null ? void 0 : _a.layoutPanelModel;
+    if (scriptCode) {
+      if (!scriptCode.includes("return"))
+        scriptCode = "return (".concat(scriptCode, ")");
+      return ScriptFactory.execScriptFn(
+        {
+          context: this.context,
+          params: this.params,
+          ctrl: this,
+          view: this.view,
+          metadata: { model: menuItem }
+        },
+        scriptCode,
+        { isAsync: false }
+      );
+    }
+  }
 }
 
 export { ExtendMenuBaseController };