@ibiz-template/vue3-components 0.7.41-alpha.60 → 0.7.41-alpha.62

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

@@ -1 +1 @@
-.ibiz-repeater-grid{position:relative;width:100%;--ibiz-grid-column-justify-content:center}.ibiz-repeater-grid__add-btn{position:absolute;top:0;right:0;z-index:2}.ibiz-repeater-grid__drag-icon{cursor:move}.ibiz-repeater-grid__sortable-ghost{opacity:.5}.ibiz-repeater-grid .el-table__row{height:57px}.ibiz-repeater-grid .el-table__row:hover .ibiz-repeater-grid-index__text:last-child{display:none}.ibiz-repeater-grid .el-table__row:hover .ibiz-repeater-grid-index__remove{display:inline}.ibiz-repeater-grid .ibiz-repeater-grid-index__remove.el-button.el-button--danger{--el-button-text-color:var(--ibiz-color-danger)}.ibiz-repeater-grid-index .cell{padding:var(--ibiz-spacing-extra-tight)}.ibiz-repeater-grid-index__remove{display:none}
+.ibiz-repeater-grid{position:relative;width:100%;--ibiz-grid-column-justify-content:center}.ibiz-repeater-grid__add-btn{position:absolute;top:0;right:0;z-index:2}.ibiz-repeater-grid__drag-icon{cursor:move}.ibiz-repeater-grid__sortable-ghost{opacity:.5}.ibiz-repeater-grid .el-table__row{height:57px}.ibiz-repeater-grid .el-table__cell:has(.is-editor-content-fixed){z-index:calc(var(--el-table-index) + 1)}.ibiz-repeater-grid .el-table__row:hover .ibiz-repeater-grid-index__text:last-child{display:none}.ibiz-repeater-grid .el-table__row:hover .ibiz-repeater-grid-index__remove{display:inline}.ibiz-repeater-grid .ibiz-repeater-grid-index__remove.el-button.el-button--danger{--el-button-text-color:var(--ibiz-color-danger)}.ibiz-repeater-grid-index .cell{padding:var(--ibiz-spacing-extra-tight)}.ibiz-repeater-grid-index__remove{display:none}

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

@@ -135,7 +135,7 @@ function renderFieldColumn(c, row) {
     "class": ns.b("toolbar-container")
   }, [actionToolbar])] : content]);
 }
-function renderColumn(c, model, renderColumns, index) {
+function renderColumn(c, model, renderColumns, index, slots) {
   var _a, _b, _c, _d;
   const {
     codeName: columnName,
@@ -207,13 +207,13 @@ function renderColumn(c, model, renderColumns, index) {
             ...c.getEventArgs(),
             data: rowState.data
           })
-        });
+        }, slots);
       }
       return null;
     }
   });
 }
-function renderChildColumn(c, model, renderColumns, index) {
+function renderChildColumn(c, model, renderColumns, index, slots) {
   var _a, _b;
   if (model.columnType === "GROUPGRIDCOLUMN") {
     const childColumns = ((_a = model.degridColumns) == null ? void 0 : _a.filter((item) => !item.hideDefault && !item.hiddenDataItem)) || [];
@@ -239,12 +239,12 @@ function renderChildColumn(c, model, renderColumns, index) {
       },
       default: () => {
         return childColumns.map((column, index2) => {
-          return renderChildColumn(c, column, renderColumns, index2);
+          return renderChildColumn(c, column, renderColumns, index2, slots);
         });
       }
     });
   }
-  return renderColumn(c, model, renderColumns, index);
+  return renderColumn(c, model, renderColumns, index, slots);
 }
 const GridControl = /* @__PURE__ */ defineComponent({
   name: "IBizGridControl",
@@ -437,7 +437,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
           controller: c.columns[model.codeName]
         });
       }
-      return renderChildColumn(c, model, renderColumns.value, index);
+      return renderChildColumn(c, model, renderColumns.value, index, slots);
     };
     const renderDragIconColumn = () => {
       return createVNode(resolveComponent("el-table-column"), {

package/es/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent, h, ref, nextTick, computed } from 'vue';
+import { isVNode, defineComponent, renderSlot, h, resolveComponent, createVNode, ref, nextTick, computed } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { RuntimeError } from '@ibiz-template/core';
 import { GridRowState, GridFieldEditColumnController } from '@ibiz-template/runtime';
@@ -9,6 +9,9 @@ import { useAllEdit } from './all-edit.mjs';
 import './grid-field-edit-column.css';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const GridFieldEditColumn = /* @__PURE__ */ defineComponent({
   name: "IBizGridFieldEditColumn",
   props: {
@@ -92,15 +95,24 @@ const GridFieldEditColumn = /* @__PURE__ */ defineComponent({
   render() {
     var _a;
     const val = this.row.data[this.c.fieldName];
-    return createVNode(resolveComponent("iBizGridEditItem"), {
-      ref: "componentRef",
-      required: !this.c.editItem.allowEmpty,
-      error: this.row.errors[this.c.fieldName],
-      overflowMode: this.c.grid.overflowMode,
-      class: [this.ns, this.ns.m(this.c.grid.overflowMode), (_a = this.controller.model.cellSysCss) == null ? void 0 : _a.cssName],
-      ...this.gridEditItemProps
-    }, {
-      default: () => [this.c.editorProvider && h(resolveComponent(this.c.editorProvider.gridEditor), {
+    let content = null;
+    const editorSlot = "".concat(this.controller.model.codeName, "_editor");
+    if (this.$slots[editorSlot]) {
+      content = renderSlot(this.$slots, editorSlot, {
+        class: this.ns.e("editor"),
+        value: val,
+        data: this.row.data,
+        controller: this.c.editor,
+        overflowMode: this.c.grid.overflowMode,
+        onChange: this.rowDataChange,
+        onInfoTextChange: this.onInfoTextChange,
+        title: this.tooltip,
+        ...this.editorProps,
+        ...this.attrs
+      });
+    }
+    if (this.c.editorProvider) {
+      content = h(resolveComponent(this.c.editorProvider.gridEditor), {
         class: this.ns.e("editor"),
         value: val,
         data: this.row.data,
@@ -111,7 +123,17 @@ const GridFieldEditColumn = /* @__PURE__ */ defineComponent({
         title: this.tooltip,
         ...this.editorProps,
         ...this.attrs
-      })]
+      });
+    }
+    return createVNode(resolveComponent("iBizGridEditItem"), {
+      ref: "componentRef",
+      required: !this.c.editItem.allowEmpty,
+      error: this.row.errors[this.c.fieldName],
+      overflowMode: this.c.grid.overflowMode,
+      class: [this.ns, this.ns.m(this.c.grid.overflowMode), (_a = this.controller.model.cellSysCss) == null ? void 0 : _a.cssName],
+      ...this.gridEditItemProps
+    }, _isSlot(content) ? content : {
+      default: () => [content]
     });
   }
 });

package/es/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text-0);--ibiz-control-treeview-bg-color:transparent;--ibiz-control-treeview-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-row-hover-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-row-select-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-select-bg-color:var(--ibiz-color-primary-light-default);--ibiz-control-treeview-font-size:var(--ibiz-font-size-regular);--ibiz-control-treeview-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treeview-node-icon-height:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-width:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);--ibiz-control-treeview-node-height:26px;--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2);--ibiz-control-treeview-quick-search-padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-treeview-tree-padding:0 var(--ibiz-spacing-base);position:relative;height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview__nav-icon{position:absolute;top:14px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-treeview .el-tree-node.is-load-more{pointer-events:none}.ibiz-control-treeview .el-tree-node.is-load-more .el-checkbox,.ibiz-control-treeview .el-tree-node.is-load-more .el-icon{display:none}.ibiz-control-treeview .el-tree-node.is-load-more .ibiz-control-treeview-node{justify-content:center;color:var(--ibiz-color-primary);pointer-events:all}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node .ibiz-context-menu{display:flex;flex-shrink:0}.ibiz-control-treeview-node .ibiz-context-menu__item--level-200{display:none}.ibiz-control-treeview-node:hover .ibiz-context-menu__item--level-200{display:block}.ibiz-control-treeview-node__icon{display:flex;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-control-treeview-disabled-color);cursor:not-allowed}.ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:none}.ibiz-control-treeview-node:hover .ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:block}.ibiz-control-treeview-new-node{display:flex;align-items:center;justify-content:center;padding-right:var(--ibiz-spacing-base);padding-left:calc(1em + 12px);font-size:var(--ibiz-control-treeview-font-size)}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:var(--ibiz-control-treeview-context-menu-width);text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu{--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2)}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-control-treeview-context-menu-padding);background-color:var(--ibiz-control-treeview-context-menu-bg-color);border-radius:var(--ibiz-control-treeview-context-menu-border-radius);--mx-menu-text:var(--ibiz-control-treeview-context-menu-text-color)}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{height:var(--ibiz-control-treeview-context-menu-item-height);padding:var(--ibiz-control-treeview-context-menu-item-padding);cursor:pointer}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item:hover{color:var(--ibiz-control-treeview-context-menu-text-color);background-color:var(--ibiz-control-treeview-context-menu-hover-color)}.ibiz-control-treeview-quick-search{padding:var(--ibiz-control-treeview-quick-search-padding)}.ibiz-control-treeview-tree.el-tree{--el-tree-text-color:var(--ibiz-control-treeview-text-color);--el-tree-node-content-height:var(--ibiz-control-treeview-node-height)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:hover{color:var(--ibiz-control-treeview-row-hover-color);background-color:var(--ibiz-control-treeview-row-hover-bg-color)}.ibiz-control-treeview-tree.el-tree{padding:var(--ibiz-control-treeview-tree-padding);background-color:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:has(.ibiz-control-treeview-new-node) .ibiz-control-treeview-new-node{width:100%;padding-right:0;padding-left:0}.ibiz-control-treeview-tree.el-tree.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--ibiz-control-treeview-row-select-color);background-color:var(--ibiz-control-treeview-row-select-bg-color)}.ibiz-control-treeview-editing-node{--el-input-height:var(--ibiz-control-treeview-node-height)}
+.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text-0);--ibiz-control-treeview-bg-color:transparent;--ibiz-control-treeview-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-row-hover-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-row-select-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-select-bg-color:var(--ibiz-color-primary-light-default);--ibiz-control-treeview-font-size:var(--ibiz-font-size-regular);--ibiz-control-treeview-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treeview-node-icon-height:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-width:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);--ibiz-control-treeview-node-height:26px;--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2);--ibiz-control-treeview-quick-search-padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-treeview-tree-padding:0 var(--ibiz-spacing-base);position:relative;height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview__nav-icon{position:absolute;top:14px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-treeview .el-tree-node.is-load-more{pointer-events:none}.ibiz-control-treeview .el-tree-node.is-load-more .el-checkbox,.ibiz-control-treeview .el-tree-node.is-load-more .el-icon{display:none}.ibiz-control-treeview .el-tree-node.is-load-more .ibiz-control-treeview-node{justify-content:center;color:var(--ibiz-color-primary);pointer-events:all}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node .ibiz-context-menu{display:flex;flex-shrink:0}.ibiz-control-treeview-node .ibiz-context-menu__item--level-200{display:none}.ibiz-control-treeview-node:hover .ibiz-context-menu__item--level-200{display:block}.ibiz-control-treeview-node__icon{display:flex;flex-shrink:0;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-control-treeview-disabled-color);cursor:not-allowed}.ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:none}.ibiz-control-treeview-node:hover .ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:block}.ibiz-control-treeview-new-node{display:flex;align-items:center;justify-content:center;padding-right:var(--ibiz-spacing-base);padding-left:calc(1em + 12px);font-size:var(--ibiz-control-treeview-font-size)}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:var(--ibiz-control-treeview-context-menu-width);text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu{--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2)}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-control-treeview-context-menu-padding);background-color:var(--ibiz-control-treeview-context-menu-bg-color);border-radius:var(--ibiz-control-treeview-context-menu-border-radius);--mx-menu-text:var(--ibiz-control-treeview-context-menu-text-color)}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{height:var(--ibiz-control-treeview-context-menu-item-height);padding:var(--ibiz-control-treeview-context-menu-item-padding);cursor:pointer}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item:hover{color:var(--ibiz-control-treeview-context-menu-text-color);background-color:var(--ibiz-control-treeview-context-menu-hover-color)}.ibiz-control-treeview-quick-search{padding:var(--ibiz-control-treeview-quick-search-padding)}.ibiz-control-treeview-tree.el-tree{--el-tree-text-color:var(--ibiz-control-treeview-text-color);--el-tree-node-content-height:var(--ibiz-control-treeview-node-height)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:hover{color:var(--ibiz-control-treeview-row-hover-color);background-color:var(--ibiz-control-treeview-row-hover-bg-color)}.ibiz-control-treeview-tree.el-tree{padding:var(--ibiz-control-treeview-tree-padding);background-color:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:has(.ibiz-control-treeview-new-node) .ibiz-control-treeview-new-node{width:100%;padding-right:0;padding-left:0}.ibiz-control-treeview-tree.el-tree.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--ibiz-control-treeview-row-select-color);background-color:var(--ibiz-control-treeview-row-select-bg-color)}.ibiz-control-treeview-editing-node{--el-input-height:var(--ibiz-control-treeview-node-height)}

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

@@ -22,6 +22,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
     let editor = null;
     const id = createUUID();
     const {
+      isImgPreview,
       onMDEditorCreated,
       renderImgPreview
     } = useImgPreviewRender(ns);
@@ -538,6 +539,8 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       cssVars,
       isEditing,
       showmode,
+      isFullScreen,
+      isImgPreview,
       getCherryHtml,
       getCherryContent,
       setCherryContent,
@@ -551,7 +554,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
     const isShowEditorSwitchMenu = !!this.$slots.editorSwitchMenu;
     return createVNode("div", {
       "ref": "markDownBox",
-      "class": [this.ns.b(), 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)]
+      "class": [this.ns.b(), 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)]
     }, [isShowEditorSwitchMenu ? this.renderEditorSwitchMenu() : null, this.renderHeader(), this.renderFooter(), this.renderImgPreview(), createVNode("div", {
       "tabindex": "-1",
       "id": this.id,

package/es/editor/markdown/ibiz-markdown-editor/render-util.mjs

@@ -33,9 +33,11 @@ function useImgPreviewRender(ns) {
   const imgPreviewUrl = ref("");
   const imgPreviewUrlList = ref([]);
   const imgPreviewRef = ref();
+  const isImgPreview = ref(false);
   let mdPreviewerDom = null;
   const openImgPreview = async (url) => {
     var _a;
+    isImgPreview.value = true;
     imgPreviewUrl.value = url;
     imgPreviewUrlList.value = [url];
     await nextTick();
@@ -53,6 +55,7 @@ function useImgPreviewRender(ns) {
       event.stopPropagation();
       event.preventDefault();
       imgPreviewUrlList.value = [];
+      isImgPreview.value = false;
       removeKeydownListener();
     }
   };
@@ -84,6 +87,10 @@ function useImgPreviewRender(ns) {
       openImgPreview(svgToBase64(mermaidSvg));
     }
   };
+  const onPreviewClose = () => {
+    imgPreviewUrlList.value = [];
+    isImgPreview.value = false;
+  };
   const renderImgPreview = () => {
     return createVNode(resolveComponent("el-image"), {
       "class": ns.e("img-preview"),
@@ -93,6 +100,7 @@ function useImgPreviewRender(ns) {
       "preview-src-list": imgPreviewUrlList.value,
       "hide-on-click-modal": true,
       "onShow": addKeydownListener,
+      "onClose": onPreviewClose,
       "fit": "cover"
     }, null);
   };
@@ -109,6 +117,7 @@ function useImgPreviewRender(ns) {
     removeKeydownListener();
   });
   return {
+    isImgPreview,
     renderImgPreview,
     onMDEditorCreated
   };

package/es/util/ai-chat-util/ai-chat-util.mjs

@@ -81,6 +81,13 @@ class AIChatUtil {
     if (editorParams.srfaiagent) {
       chatOptions.activeAIAgentID = editorParams.srfaiagent;
     }
+    if (editorParams.summarymaxtokens) {
+      chatOptions.summaryMaxTokens = Number(editorParams.summarymaxtokens);
+    } else {
+      chatOptions.summaryMaxTokens = Number(
+        ibiz.config.common.aiChatSummaryMaxTokens
+      );
+    }
     chatOptions.fetchAgentList = () => {
       return this.getAIAgentList(context, params, editorParams);
     };
@@ -529,6 +536,14 @@ class AIChatUtil {
       delete params.srfenableaiagentchange;
     }
     chatOptions.enableAIAgentChange = enableAIAgentChange;
+    if (params.hasOwnProperty("summarymaxtokens")) {
+      chatOptions.summaryMaxTokens = Number(params.summarymaxtokens);
+      delete params.summarymaxtokens;
+    } else {
+      chatOptions.summaryMaxTokens = Number(
+        ibiz.config.common.aiChatSummaryMaxTokens
+      );
+    }
     chatOptions.fetchAgentList = () => {
       return this.getAIAgentList(context, params);
     };

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

@@ -1 +1 @@
-.ibiz-repeater-grid{position:relative;width:100%;--ibiz-grid-column-justify-content:center}.ibiz-repeater-grid__add-btn{position:absolute;top:0;right:0;z-index:2}.ibiz-repeater-grid__drag-icon{cursor:move}.ibiz-repeater-grid__sortable-ghost{opacity:.5}.ibiz-repeater-grid .el-table__row{height:57px}.ibiz-repeater-grid .el-table__row:hover .ibiz-repeater-grid-index__text:last-child{display:none}.ibiz-repeater-grid .el-table__row:hover .ibiz-repeater-grid-index__remove{display:inline}.ibiz-repeater-grid .ibiz-repeater-grid-index__remove.el-button.el-button--danger{--el-button-text-color:var(--ibiz-color-danger)}.ibiz-repeater-grid-index .cell{padding:var(--ibiz-spacing-extra-tight)}.ibiz-repeater-grid-index__remove{display:none}
+.ibiz-repeater-grid{position:relative;width:100%;--ibiz-grid-column-justify-content:center}.ibiz-repeater-grid__add-btn{position:absolute;top:0;right:0;z-index:2}.ibiz-repeater-grid__drag-icon{cursor:move}.ibiz-repeater-grid__sortable-ghost{opacity:.5}.ibiz-repeater-grid .el-table__row{height:57px}.ibiz-repeater-grid .el-table__cell:has(.is-editor-content-fixed){z-index:calc(var(--el-table-index) + 1)}.ibiz-repeater-grid .el-table__row:hover .ibiz-repeater-grid-index__text:last-child{display:none}.ibiz-repeater-grid .el-table__row:hover .ibiz-repeater-grid-index__remove{display:inline}.ibiz-repeater-grid .ibiz-repeater-grid-index__remove.el-button.el-button--danger{--el-button-text-color:var(--ibiz-color-danger)}.ibiz-repeater-grid-index .cell{padding:var(--ibiz-spacing-extra-tight)}.ibiz-repeater-grid-index__remove{display:none}

package/lib/control/grid/grid/grid.cjs

@@ -137,7 +137,7 @@ function renderFieldColumn(c, row) {
     "class": ns.b("toolbar-container")
   }, [actionToolbar])] : content]);
 }
-function renderColumn(c, model, renderColumns, index) {
+function renderColumn(c, model, renderColumns, index, slots) {
   var _a, _b, _c, _d;
   const {
     codeName: columnName,
@@ -209,13 +209,13 @@ function renderColumn(c, model, renderColumns, index) {
             ...c.getEventArgs(),
             data: rowState.data
           })
-        });
+        }, slots);
       }
       return null;
     }
   });
 }
-function renderChildColumn(c, model, renderColumns, index) {
+function renderChildColumn(c, model, renderColumns, index, slots) {
   var _a, _b;
   if (model.columnType === "GROUPGRIDCOLUMN") {
     const childColumns = ((_a = model.degridColumns) == null ? void 0 : _a.filter((item) => !item.hideDefault && !item.hiddenDataItem)) || [];
@@ -241,12 +241,12 @@ function renderChildColumn(c, model, renderColumns, index) {
       },
       default: () => {
         return childColumns.map((column, index2) => {
-          return renderChildColumn(c, column, renderColumns, index2);
+          return renderChildColumn(c, column, renderColumns, index2, slots);
         });
       }
     });
   }
-  return renderColumn(c, model, renderColumns, index);
+  return renderColumn(c, model, renderColumns, index, slots);
 }
 const GridControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizGridControl",
@@ -439,7 +439,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
           controller: c.columns[model.codeName]
         });
       }
-      return renderChildColumn(c, model, renderColumns.value, index);
+      return renderChildColumn(c, model, renderColumns.value, index, slots);
     };
     const renderDragIconColumn = () => {
       return vue.createVNode(vue.resolveComponent("el-table-column"), {

package/lib/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.cjs

@@ -13,6 +13,9 @@ var allEdit = require('./all-edit.cjs');
 require('./grid-field-edit-column.css');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
   name: "IBizGridFieldEditColumn",
   props: {
@@ -96,15 +99,24 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
   render() {
     var _a;
     const val = this.row.data[this.c.fieldName];
-    return vue.createVNode(vue.resolveComponent("iBizGridEditItem"), {
-      ref: "componentRef",
-      required: !this.c.editItem.allowEmpty,
-      error: this.row.errors[this.c.fieldName],
-      overflowMode: this.c.grid.overflowMode,
-      class: [this.ns, this.ns.m(this.c.grid.overflowMode), (_a = this.controller.model.cellSysCss) == null ? void 0 : _a.cssName],
-      ...this.gridEditItemProps
-    }, {
-      default: () => [this.c.editorProvider && vue.h(vue.resolveComponent(this.c.editorProvider.gridEditor), {
+    let content = null;
+    const editorSlot = "".concat(this.controller.model.codeName, "_editor");
+    if (this.$slots[editorSlot]) {
+      content = vue.renderSlot(this.$slots, editorSlot, {
+        class: this.ns.e("editor"),
+        value: val,
+        data: this.row.data,
+        controller: this.c.editor,
+        overflowMode: this.c.grid.overflowMode,
+        onChange: this.rowDataChange,
+        onInfoTextChange: this.onInfoTextChange,
+        title: this.tooltip,
+        ...this.editorProps,
+        ...this.attrs
+      });
+    }
+    if (this.c.editorProvider) {
+      content = vue.h(vue.resolveComponent(this.c.editorProvider.gridEditor), {
         class: this.ns.e("editor"),
         value: val,
         data: this.row.data,
@@ -115,7 +127,17 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
         title: this.tooltip,
         ...this.editorProps,
         ...this.attrs
-      })]
+      });
+    }
+    return vue.createVNode(vue.resolveComponent("iBizGridEditItem"), {
+      ref: "componentRef",
+      required: !this.c.editItem.allowEmpty,
+      error: this.row.errors[this.c.fieldName],
+      overflowMode: this.c.grid.overflowMode,
+      class: [this.ns, this.ns.m(this.c.grid.overflowMode), (_a = this.controller.model.cellSysCss) == null ? void 0 : _a.cssName],
+      ...this.gridEditItemProps
+    }, _isSlot(content) ? content : {
+      default: () => [content]
     });
   }
 });

package/lib/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text-0);--ibiz-control-treeview-bg-color:transparent;--ibiz-control-treeview-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-row-hover-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-row-select-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-select-bg-color:var(--ibiz-color-primary-light-default);--ibiz-control-treeview-font-size:var(--ibiz-font-size-regular);--ibiz-control-treeview-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treeview-node-icon-height:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-width:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);--ibiz-control-treeview-node-height:26px;--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2);--ibiz-control-treeview-quick-search-padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-treeview-tree-padding:0 var(--ibiz-spacing-base);position:relative;height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview__nav-icon{position:absolute;top:14px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-treeview .el-tree-node.is-load-more{pointer-events:none}.ibiz-control-treeview .el-tree-node.is-load-more .el-checkbox,.ibiz-control-treeview .el-tree-node.is-load-more .el-icon{display:none}.ibiz-control-treeview .el-tree-node.is-load-more .ibiz-control-treeview-node{justify-content:center;color:var(--ibiz-color-primary);pointer-events:all}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node .ibiz-context-menu{display:flex;flex-shrink:0}.ibiz-control-treeview-node .ibiz-context-menu__item--level-200{display:none}.ibiz-control-treeview-node:hover .ibiz-context-menu__item--level-200{display:block}.ibiz-control-treeview-node__icon{display:flex;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-control-treeview-disabled-color);cursor:not-allowed}.ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:none}.ibiz-control-treeview-node:hover .ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:block}.ibiz-control-treeview-new-node{display:flex;align-items:center;justify-content:center;padding-right:var(--ibiz-spacing-base);padding-left:calc(1em + 12px);font-size:var(--ibiz-control-treeview-font-size)}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:var(--ibiz-control-treeview-context-menu-width);text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu{--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2)}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-control-treeview-context-menu-padding);background-color:var(--ibiz-control-treeview-context-menu-bg-color);border-radius:var(--ibiz-control-treeview-context-menu-border-radius);--mx-menu-text:var(--ibiz-control-treeview-context-menu-text-color)}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{height:var(--ibiz-control-treeview-context-menu-item-height);padding:var(--ibiz-control-treeview-context-menu-item-padding);cursor:pointer}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item:hover{color:var(--ibiz-control-treeview-context-menu-text-color);background-color:var(--ibiz-control-treeview-context-menu-hover-color)}.ibiz-control-treeview-quick-search{padding:var(--ibiz-control-treeview-quick-search-padding)}.ibiz-control-treeview-tree.el-tree{--el-tree-text-color:var(--ibiz-control-treeview-text-color);--el-tree-node-content-height:var(--ibiz-control-treeview-node-height)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:hover{color:var(--ibiz-control-treeview-row-hover-color);background-color:var(--ibiz-control-treeview-row-hover-bg-color)}.ibiz-control-treeview-tree.el-tree{padding:var(--ibiz-control-treeview-tree-padding);background-color:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:has(.ibiz-control-treeview-new-node) .ibiz-control-treeview-new-node{width:100%;padding-right:0;padding-left:0}.ibiz-control-treeview-tree.el-tree.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--ibiz-control-treeview-row-select-color);background-color:var(--ibiz-control-treeview-row-select-bg-color)}.ibiz-control-treeview-editing-node{--el-input-height:var(--ibiz-control-treeview-node-height)}
+.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text-0);--ibiz-control-treeview-bg-color:transparent;--ibiz-control-treeview-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-row-hover-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-row-select-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-select-bg-color:var(--ibiz-color-primary-light-default);--ibiz-control-treeview-font-size:var(--ibiz-font-size-regular);--ibiz-control-treeview-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treeview-node-icon-height:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-width:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);--ibiz-control-treeview-node-height:26px;--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2);--ibiz-control-treeview-quick-search-padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-treeview-tree-padding:0 var(--ibiz-spacing-base);position:relative;height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview__nav-icon{position:absolute;top:14px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-treeview .el-tree-node.is-load-more{pointer-events:none}.ibiz-control-treeview .el-tree-node.is-load-more .el-checkbox,.ibiz-control-treeview .el-tree-node.is-load-more .el-icon{display:none}.ibiz-control-treeview .el-tree-node.is-load-more .ibiz-control-treeview-node{justify-content:center;color:var(--ibiz-color-primary);pointer-events:all}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node .ibiz-context-menu{display:flex;flex-shrink:0}.ibiz-control-treeview-node .ibiz-context-menu__item--level-200{display:none}.ibiz-control-treeview-node:hover .ibiz-context-menu__item--level-200{display:block}.ibiz-control-treeview-node__icon{display:flex;flex-shrink:0;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-control-treeview-disabled-color);cursor:not-allowed}.ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:none}.ibiz-control-treeview-node:hover .ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:block}.ibiz-control-treeview-new-node{display:flex;align-items:center;justify-content:center;padding-right:var(--ibiz-spacing-base);padding-left:calc(1em + 12px);font-size:var(--ibiz-control-treeview-font-size)}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:var(--ibiz-control-treeview-context-menu-width);text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu{--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2)}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-control-treeview-context-menu-padding);background-color:var(--ibiz-control-treeview-context-menu-bg-color);border-radius:var(--ibiz-control-treeview-context-menu-border-radius);--mx-menu-text:var(--ibiz-control-treeview-context-menu-text-color)}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{height:var(--ibiz-control-treeview-context-menu-item-height);padding:var(--ibiz-control-treeview-context-menu-item-padding);cursor:pointer}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item:hover{color:var(--ibiz-control-treeview-context-menu-text-color);background-color:var(--ibiz-control-treeview-context-menu-hover-color)}.ibiz-control-treeview-quick-search{padding:var(--ibiz-control-treeview-quick-search-padding)}.ibiz-control-treeview-tree.el-tree{--el-tree-text-color:var(--ibiz-control-treeview-text-color);--el-tree-node-content-height:var(--ibiz-control-treeview-node-height)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:hover{color:var(--ibiz-control-treeview-row-hover-color);background-color:var(--ibiz-control-treeview-row-hover-bg-color)}.ibiz-control-treeview-tree.el-tree{padding:var(--ibiz-control-treeview-tree-padding);background-color:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:has(.ibiz-control-treeview-new-node) .ibiz-control-treeview-new-node{width:100%;padding-right:0;padding-left:0}.ibiz-control-treeview-tree.el-tree.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--ibiz-control-treeview-row-select-color);background-color:var(--ibiz-control-treeview-row-select-bg-color)}.ibiz-control-treeview-editing-node{--el-input-height:var(--ibiz-control-treeview-node-height)}

package/lib/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.cjs

@@ -26,6 +26,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     let editor = null;
     const id = qxUtil.createUUID();
     const {
+      isImgPreview,
       onMDEditorCreated,
       renderImgPreview
     } = renderUtil.useImgPreviewRender(ns);
@@ -542,6 +543,8 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       cssVars,
       isEditing,
       showmode,
+      isFullScreen,
+      isImgPreview,
       getCherryHtml,
       getCherryContent,
       setCherryContent,
@@ -555,7 +558,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     const isShowEditorSwitchMenu = !!this.$slots.editorSwitchMenu;
     return vue.createVNode("div", {
       "ref": "markDownBox",
-      "class": [this.ns.b(), 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)]
+      "class": [this.ns.b(), 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)]
     }, [isShowEditorSwitchMenu ? this.renderEditorSwitchMenu() : null, this.renderHeader(), this.renderFooter(), this.renderImgPreview(), vue.createVNode("div", {
       "tabindex": "-1",
       "id": this.id,

package/lib/editor/markdown/ibiz-markdown-editor/render-util.cjs

@@ -35,9 +35,11 @@ function useImgPreviewRender(ns) {
   const imgPreviewUrl = vue.ref("");
   const imgPreviewUrlList = vue.ref([]);
   const imgPreviewRef = vue.ref();
+  const isImgPreview = vue.ref(false);
   let mdPreviewerDom = null;
   const openImgPreview = async (url) => {
     var _a;
+    isImgPreview.value = true;
     imgPreviewUrl.value = url;
     imgPreviewUrlList.value = [url];
     await vue.nextTick();
@@ -55,6 +57,7 @@ function useImgPreviewRender(ns) {
       event.stopPropagation();
       event.preventDefault();
       imgPreviewUrlList.value = [];
+      isImgPreview.value = false;
       removeKeydownListener();
     }
   };
@@ -86,6 +89,10 @@ function useImgPreviewRender(ns) {
       openImgPreview(svgToBase64(mermaidSvg));
     }
   };
+  const onPreviewClose = () => {
+    imgPreviewUrlList.value = [];
+    isImgPreview.value = false;
+  };
   const renderImgPreview = () => {
     return vue.createVNode(vue.resolveComponent("el-image"), {
       "class": ns.e("img-preview"),
@@ -95,6 +102,7 @@ function useImgPreviewRender(ns) {
       "preview-src-list": imgPreviewUrlList.value,
       "hide-on-click-modal": true,
       "onShow": addKeydownListener,
+      "onClose": onPreviewClose,
       "fit": "cover"
     }, null);
   };
@@ -111,6 +119,7 @@ function useImgPreviewRender(ns) {
     removeKeydownListener();
   });
   return {
+    isImgPreview,
     renderImgPreview,
     onMDEditorCreated
   };

package/lib/util/ai-chat-util/ai-chat-util.cjs

@@ -83,6 +83,13 @@ class AIChatUtil {
     if (editorParams.srfaiagent) {
       chatOptions.activeAIAgentID = editorParams.srfaiagent;
     }
+    if (editorParams.summarymaxtokens) {
+      chatOptions.summaryMaxTokens = Number(editorParams.summarymaxtokens);
+    } else {
+      chatOptions.summaryMaxTokens = Number(
+        ibiz.config.common.aiChatSummaryMaxTokens
+      );
+    }
     chatOptions.fetchAgentList = () => {
       return this.getAIAgentList(context, params, editorParams);
     };
@@ -531,6 +538,14 @@ class AIChatUtil {
       delete params.srfenableaiagentchange;
     }
     chatOptions.enableAIAgentChange = enableAIAgentChange;
+    if (params.hasOwnProperty("summarymaxtokens")) {
+      chatOptions.summaryMaxTokens = Number(params.summarymaxtokens);
+      delete params.summarymaxtokens;
+    } else {
+      chatOptions.summaryMaxTokens = Number(
+        ibiz.config.common.aiChatSummaryMaxTokens
+      );
+    }
     chatOptions.fetchAgentList = () => {
       return this.getAIAgentList(context, params);
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.41-alpha.60",
+  "version": "0.7.41-alpha.62",
   "description": "web端组件库(vue3)",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -30,16 +30,16 @@
   "dependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
     "@floating-ui/dom": "^1.5.3",
-    "@ibiz-template-plugin/ai-chat": "^0.0.51",
+    "@ibiz-template-plugin/ai-chat": "^0.0.53",
     "@ibiz-template-plugin/gantt": "0.1.8-alpha.378",
     "@ibiz-template-plugin/bi-report": "0.0.32",
     "@ibiz-template-plugin/data-view": "0.0.6",
     "@ibiz-template/core": "0.7.41-alpha.63",
     "@ibiz-template/devtool": "0.0.14",
-    "@ibiz-template/model-helper": "0.7.41-alpha.64",
-    "@ibiz-template/runtime": "0.7.41-alpha.64",
+    "@ibiz-template/model-helper": "0.7.41-alpha.69",
+    "@ibiz-template/runtime": "0.7.41-alpha.69",
     "@ibiz-template/theme": "0.7.39",
-    "@ibiz-template/vue3-util": "0.7.41-alpha.64",
+    "@ibiz-template/vue3-util": "0.7.41-alpha.69",
     "@ibiz-template/web-theme": "3.10.0",
     "@ibiz/model-core": "^0.1.84",
     "@imengyu/vue3-context-menu": "^1.3.5",

package/dist/ibiz-markdown-editor-uRNoNVHw.js

@@ -1 +0,0 @@
-System.register(["vue","@ibiz-template/vue3-util","qx-util","cherry-markdown"],function(e){"use strict";var t,n,i,l,o,a,r,s,c,d,u,m,h,v,p;return{setters:[function(e){t=e.nextTick,n=e.ref,i=e.onBeforeUnmount,l=e.createVNode,o=e.resolveComponent,a=e.defineComponent,r=e.watch,s=e.onMounted,c=e.onUnmounted},function(e){d=e.useUIStore,u=e.getEditorEmits,m=e.getMarkDownProps,h=e.useNamespace},function(e){v=e.createUUID},function(e){p=e.default}],execute:function(){function f(e,t){return!(!e||1!==e.nodeType||e.nodeName!==t)}function b(e){const a=n(""),r=n([]),s=n();let c=null;const d=async e=>{var n;if(a.value=e,r.value=[e],await t(),s.value){const{container:e}=s.value.$refs;e&&(null==(n=e.children[0])||n.click())}},u=e=>{"Escape"!==e.key&&27!==e.keyCode||(e.stopPropagation(),e.preventDefault(),r.value=[],h())},m=async()=>{var e;await t();const n=null==(e=s.value)?void 0:e.$refs.container;if(!n)return;const i=n.querySelector(".el-image-viewer__wrapper");null==i||i.addEventListener("keydown",u)},h=()=>{var e;const t=null==(e=s.value)?void 0:e.$refs.container;if(!t)return;const n=t.querySelector(".el-image-viewer__wrapper");null==n||n.removeEventListener("keydown",u)},v=e=>{const t=null==e?void 0:e.target;if(f(t,"IMG")&&t)return void d(t.src);const n=function(e){let t=e;for(;t;){if(t.classList.contains("cherry-previewer"))return null;const e=t.parentElement;if(f(t,"svg")&&e&&"mermaid"===e.dataset.type)return t;t=t.parentElement}return null}(t);n&&d(function(e){const t=e.cloneNode(!0),n=e.width.baseVal.value||e.clientWidth,i=e.height.baseVal.value||e.clientHeight;t.setAttribute("width",n),t.setAttribute("height",i),t.style.backgroundColor="white";const l=(new XMLSerializer).serializeToString(t),o=btoa(unescape(encodeURIComponent(l)));return"data:image/svg+xml;base64,".concat(o)}(n))};return i(()=>{c&&(c.removeEventListener("click",v),c=null),h()}),{renderImgPreview:()=>l(o("el-image"),{class:e.e("img-preview"),ref:s,"zoom-rate":1.1,src:a.value,"preview-src-list":r.value,"hide-on-click-modal":!0,onShow:m,fit:"cover"},null),onMDEditorCreated:e=>{var t,n;c=(null==(n=null==(t=null==e?void 0:e.previewer)?void 0:t.previewerBubble)?void 0:n.previewerDom)||null,null==c||c.addEventListener("click",v)}}}e("default",a({name:"IBizMarkDown",props:m(),emits:u(),setup(e,{emit:o,slots:a}){var u,m,f,g,w,C;const k=h("markdown"),y=e.controller,x=n("");let z=null;const M=v(),{onMDEditorCreated:I,renderImgPreview:E}=b(k),P=ibiz.util.file.getUploadHeaders(),A=n({...P}),D=n(""),U=(null==(u=null==y?void 0:y.editorParams)?void 0:u.customTheme)||(null==(m=null==y?void 0:y.editorParams)?void 0:m.customtheme),S="true"===(null==(f=null==y?void 0:y.editorParams)?void 0:f.enablenoaccess),{UIStore:T}=d(),B=n(U||T.theme),L=n(!1);let O="default";y&&(null==(g=y.editorParams)?void 0:g.showmode)&&(O=y.editorParams.showmode);const N=n(!1),V=n("editOnly");let R=null,H=null,q=0;const F=n({}),$=n({}),_=n("pure");let j=!1,W=!1;(null==(w=null==y?void 0:y.editorParams)?void 0:w.disabledirectory)&&(W="true"===y.editorParams.disabledirectory);let J="absolute";(null==(C=null==y?void 0:y.editorParams)?void 0:C.tocpos)&&(J="fixed"===y.editorParams.tocpos?"fixed":"absolute");const[Y,G]=function(e,n){const{props:i,isEditing:l,currentVal:o,emit:a}=n;let r=n.chatInstance;return[p.createMenuHook("AI",{icon:{type:"svg",content:"<svg\n                viewBox='0 0 16 16'\n                xmlns='http://www.w3.org/2000/svg'\n                fill='currentColor'\n                height='1em'\n                width='1em'\n                preserveAspectRatio='xMidYMid meet'\n                focusable='false'\n              >\n                <g\n                  id='aae1.Base基础/1.icon图标/2.normal/ai-star'\n                  stroke-width='1'\n                  fill-rule='evenodd'\n                >\n                  <path\n                    d='M5.817 1.53l3.158 8.797h.054v.152l1.443 4.021-1.402.001-1.041-2.982H2.495l-1.03 2.982L0 14.5 4.671 1.533l1.146-.003zm7.86 5.424V14.5h-1.213V6.954h1.212zM5.248 3.549l-2.342 6.778h4.706L5.249 3.55zM13.046 0c.075 0 .147.02.204.071a.318.318 0 01.094.181l.064.273c.097.417.17.727.255.968.084.24.177.4.31.523.134.124.318.218.599.306.281.088.65.166 1.15.265a.358.358 0 01.195.095c.056.057.083.13.083.213a.289.289 0 01-.083.21.362.362 0 01-.197.094c-.528.093-.918.167-1.214.255-.295.088-.485.187-.621.324-.137.138-.23.324-.31.606-.08.283-.145.651-.23 1.147a.329.329 0 01-.093.184.293.293 0 01-.206.075.308.308 0 01-.207-.072.322.322 0 01-.1-.188l-.006-.033c-.085-.486-.149-.845-.228-1.12-.079-.274-.17-.452-.305-.585-.135-.133-.323-.23-.618-.32s-.683-.168-1.21-.273a.353.353 0 01-.2-.096.29.29 0 01-.08-.208c0-.079.023-.153.079-.211a.35.35 0 01.2-.097c.5-.098.869-.176 1.15-.263.282-.087.465-.18.597-.302.132-.12.224-.278.306-.511.082-.236.151-.539.244-.947l.071-.312a.312.312 0 01.102-.183.311.311 0 01.205-.069z'\n                    id='aae形状结合'\n                  ></path>\n                </g>\n              </svg>\n            "},onClick:(n,i,l)=>{l.stopPropagation(),l.preventDefault(),t(()=>{var t;if(null==(t=e.mdeditor)?void 0:t.bubble){e.mdeditor.bubble.showBubble();const t=e.mdeditor.bubble.bubbleDom.getBoundingClientRect();if(!t||!t.left||!t.top)return;const n=ibiz.inLineAIUtil.calcContextMenus(e.deACMode,t=>{e.doInLineAIUIAction(t,e.model.appId)});if(0===n.length)return;const{zIndex:i}=d(),l=i.increment();ibiz.inLineAIUtil.showContextMenus(t.left,t.top+43,n,{zIndex:l,onClose:()=>{i.decrement()}})}})}}),p.createMenuHook("AIChart",{icon:{type:"svg",content:"<svg\n                viewBox='0 0 16 16'\n                xmlns='http://www.w3.org/2000/svg'\n                fill='currentColor'\n                height='1em'\n                width='1em'\n                preserveAspectRatio='xMidYMid meet'\n                focusable='false'\n              >\n                <g\n                  id='aae1.Base基础/1.icon图标/2.normal/ai-star'\n                  stroke-width='1'\n                  fill-rule='evenodd'\n                >\n                  <path\n                    d='M5.817 1.53l3.158 8.797h.054v.152l1.443 4.021-1.402.001-1.041-2.982H2.495l-1.03 2.982L0 14.5 4.671 1.533l1.146-.003zm7.86 5.424V14.5h-1.213V6.954h1.212zM5.248 3.549l-2.342 6.778h4.706L5.249 3.55zM13.046 0c.075 0 .147.02.204.071a.318.318 0 01.094.181l.064.273c.097.417.17.727.255.968.084.24.177.4.31.523.134.124.318.218.599.306.281.088.65.166 1.15.265a.358.358 0 01.195.095c.056.057.083.13.083.213a.289.289 0 01-.083.21.362.362 0 01-.197.094c-.528.093-.918.167-1.214.255-.295.088-.485.187-.621.324-.137.138-.23.324-.31.606-.08.283-.145.651-.23 1.147a.329.329 0 01-.093.184.293.293 0 01-.206.075.308.308 0 01-.207-.072.322.322 0 01-.1-.188l-.006-.033c-.085-.486-.149-.845-.228-1.12-.079-.274-.17-.452-.305-.585-.135-.133-.323-.23-.618-.32s-.683-.168-1.21-.273a.353.353 0 01-.2-.096.29.29 0 01-.08-.208c0-.079.023-.153.079-.211a.35.35 0 01.2-.097c.5-.098.869-.176 1.15-.263.282-.087.465-.18.597-.302.132-.12.224-.278.306-.511.082-.236.151-.539.244-.947l.071-.312a.312.312 0 01.102-.183.311.311 0 01.205-.069z'\n                    id='aae形状结合'\n                  ></path>\n                </g>\n              </svg>\n            "},onClick:async()=>{const t=e.model.appDataEntityId;if(!t||!e.deACMode)return;const{zIndex:n}=d(),s=n.increment();r=await ibiz.aiChatUtil.getAIChat();const{containerOptions:c,chatOptions:u}=await ibiz.aiChatUtil.getEditorExAIChatParams(e.editorParams,e.context,e.params,i.data,e.deACMode,{chatInstance:r,view:e.view,ctrl:e.ctrl}),m=await ibiz.aiChatUtil.getAIResourceOptions(e.context,e.params);r.create({resourceOptions:m,containerOptions:{zIndex:s,...c},chatOptions:{caption:e.deACMode.logicName,context:{...e.context},params:{...e.params,srfactag:e.deACMode.codeName},appDataEntityId:t,...u,action:(e,t)=>{"backfill"===e&&(l.value?o.value=t.realcontent||"":a("change",t.realcontent))}}})}})]}(y,{props:e,chatInstance:undefined,isEditing:L,currentVal:x,emit:o});r(()=>e.data,e=>{if(e&&y){const t={...y.editorParams,enableNoAccess:S};t.uploadparams&&(t.uploadParams=JSON.parse(t.uploadparams));const n=ibiz.util.file.calcFileUpDownUrl(y.context,y.params,e,t);D.value=n.uploadUrl}},{immediate:!0,deep:!0});const X=n(),K=async(t,n)=>{const i=await ibiz.util.file.fileUpload(D.value,t,A.value),l=((e,t)=>{if(!y)return"";const n={...y.editorParams,enableNoAccess:S};return n.exportparams&&(n.exportParams=JSON.parse(n.exportparams)),n.globaldownloadprifix?n.globalDownloadPrifix="true"===n.globaldownloadprifix:n.globalDownloadPrifix=ibiz.config.common.globalDownloadPrifix,t&&t.folder&&(n.osscat=t.folder),ibiz.util.file.calcFileUpDownUrl(y.context,y.params,e,n).downloadUrl})(e.data||{},i.fileid);let o=l.replace("%fileId%",i.fileid);if(ibiz.config.common.enableDownloadTicket&&y&&y.editorParams&&!S){const t=await ibiz.util.file.getDownloadTicket(y.context,y.params,e.data||{},{fileId:i.fileid},y.downloadTicketParams);t&&t.ticket&&(o=l.replace("%fileId%",t.ticket),n(o))}else n(o)},Q=()=>null==z?void 0:z.getMarkdown(),Z=e=>{j=!0,null==z||z.setMarkdown(e,!0)};r(()=>e.value,(e,t)=>{e!==t&&(x.value=e||"")},{immediate:!0}),r(x,(e,t)=>{const n=Q();e!==t&&n!==e&&Z(e)});const ee=e=>{"manual"!==O&&(o("change",Q(),null==y?void 0:y.model.id,j),j=!1)},te=(e,t)=>({[e]:t}),ne=(e,t="")=>{const n=document.createElement(e);return n.className=t,n},ie=e=>ne("i","ch-icon ch-icon-".concat(e)),le=k.e("fullscreen"),oe=e=>{for(;e.firstChild;)e.removeChild(e.firstChild)},ae=()=>{if(z&&X.value){const e=z.editor.options.editorDom.parentElement;if(!e)return{};const t=e.classList,n=X.value.querySelector(".".concat(le));return n?{parentElement:e,cherryClass:t,fullscreenNode:n}:{}}return{}},re=()=>{const{parentElement:e,cherryClass:t,fullscreenNode:n}=ae();e&&t&&n&&(oe(n),n.appendChild(ie("fullscreen")),n.title=ibiz.i18n.t("editor.common.fullscreen"),t.remove("fullscreen"),null==e||e.blur(),e.setAttribute("tabindex","-1"))},se=()=>{const{cherryClass:e}=ae();return null==e?void 0:e.contains("fullscreen")},ce=()=>{z&&X.value&&(se()?(re(),z.toggleToc(_.value),N.value=!1):((()=>{const{parentElement:e,cherryClass:n,fullscreenNode:i}=ae();e&&n&&i&&(oe(i),i.appendChild(ie("minscreen")),n.add("fullscreen"),i.title=ibiz.i18n.t("editor.common.minimize"),e.setAttribute("tabindex","-1"),t(()=>null==e?void 0:e.focus()))})(),_.value=z.toc.model,z.toggleToc("full"),N.value=!0))},de=e=>{e.stopPropagation(),"Escape"===e.key&&(e.preventDefault(),se()&&(re(),z.toggleToc(_.value),N.value=!1))},ue=e=>{null==y||y.setCurrentEditorTheme(e)},me=e=>{var t,n;const{info:i}=e;let l=!0;const o=i.ranges&&i.ranges[0];if(o){const{anchor:e,head:t}=o;l=y.isPositionBefore(e,t)}else l=!0;const a=null==(t=y.mdeditor)?void 0:t.editor.editor.getCursor("start"),r=null==(n=y.mdeditor)?void 0:n.editor.editor.getCursor("end");y.setCursorPos(a,r),y.setSelectionDirection(l)};r(()=>T.theme,e=>{B.value=U||e,null==z||z.setTheme(B.value),null==z||z.setCodeBlockTheme(B.value)});const he=()=>{L.value=!0,V.value="editOnly",null==z||z.switchModel(V.value)},ve=()=>{L.value=!1,V.value="previewOnly",null==z||z.switchModel(V.value)},pe=()=>{Z(x.value),ve()},fe=()=>{o("change",Q(),null==y?void 0:y.model.id,j),j=!1,ve()},be=()=>{const e=document.getElementById(M);null==e||e.focus()};return s(()=>{var n;(e.disabled||e.readonly||"manual"===O)&&(V.value="previewOnly"),t(()=>{var t,n,i;const l=["bold","italic","underline","strikethrough","sub","sup","|","size","color"],o=["bold","italic","underline","strikethrough","|","color","header","|","list","image",{insert:["link","hr","br","code","formula","toc","table","line-table","bar-table"]},"settings","togglePreview"];y&&y.chatCompletion&&(o.unshift("AIChart"),l.unshift("AI")),z=new p({id:M,value:x.value,previewer:{enablePreviewerBubble:!(e.disabled||e.readonly)},themeSettings:{mainTheme:B.value,codeBlockTheme:B.value},fileUpload:K,emoji:{useUnicode:!0},header:{anchorStyle:"autonumber"},editor:{height:"100%",defaultModel:V.value,codemirror:{autofocus:!1}},toolbars:{toolbar:o,bubble:l,float:["h1","h2","h3","|","checklist","quote","quickTable","code"],customMenu:{AI:Y,AIChart:G},sidebar:["theme","copy"],toolbarRight:[],toc:!W&&{updateLocationHash:!1,defaultModel:"pure",showAutoNumber:!0,position:J,cssText:""}},callback:{afterChange:ee,beforeImageMounted:te},event:{changeMainTheme:ue,selectionChange:me},engine:{syntax:{table:{enableChart:!1,externals:["echarts"]}}}}),z.toggleToc("pure");const r=z.engine.makeHtml(x.value);z.previewer.update(r),null==(n=null==(t=z.toc)?void 0:t.updateTocList)||n.call(t),z.setTheme(B.value),U&&(z.setTheme(U),z.setCodeBlockTheme(U));const s=ne("span","".concat(le," cherry-toolbar-button"));s.title=ibiz.i18n.t("editor.common.fullscreen"),s.onclick=ce,s.appendChild(ie("fullscreen"));const c=e.disabled?z.editor.options.editorDom.parentElement:null==(i=z.editor.options.editorDom.parentElement)?void 0:i.querySelector(".cherry-toolbar>.toolbar-right");if(null==c||c.appendChild(s),null==y||y.setMDEditor(z),I(z),a.editorSwitchMenu&&window.ResizeObserver&&X.value){const e=X.value.querySelector(".cherry-toolbar");e&&(H=new ResizeObserver(e=>{var t;const n=null==(t=e[0])?void 0:t.contentRect.height;$.value=k.cssVarBlock({"toolbar-height":"".concat(n,"px")})}),H.observe(e))}}),(()=>{if(window.ResizeObserver&&X.value){const e={width:X.value.offsetWidth?"".concat(X.value.offsetWidth,"px"):"100%"};y&&"number"==typeof y.parent.model.height&&Object.assign(e,{height:"".concat(y.parent.model.height,"px")}),F.value=k.cssVarBlock(e),R=new ResizeObserver(e=>{const t=e[0].contentRect.width;if(t!==q){const n={width:"".concat(e[0].contentRect.width,"px")};y&&"number"==typeof y.parent.model.height&&Object.assign(n,{height:"".concat(y.parent.model.height,"px")}),F.value=k.cssVarBlock(n),q=t}}),R.observe(X.value)}})(),null==(n=X.value)||n.addEventListener("keydown",de.bind(this))}),i(()=>{var e;null==(e=X.value)||e.removeEventListener("keydown",de.bind(this))}),c(()=>{z=null,R&&R.disconnect(),H&&H.disconnect()}),{ns:k,currentVal:x,id:M,editor:z,markDownBox:X,headers:A,theme:B,UIStore:T,defaultModel:V,cssVars:F,isEditing:L,showmode:O,getCherryHtml:()=>null==z?void 0:z.getHtml(),getCherryContent:Q,setCherryContent:Z,renderHeader:()=>{if("manual"===O&&!L.value)return l("div",{onClick:be,class:[k.e("header"),k.is("fullscreen",N.value)]},[!e.disabled&&!e.readonly&&l("div",{class:k.em("header","edit"),onClick:he,title:ibiz.i18n.t("editor.markdown.edit")},[l("i",{class:"fa fa-edit","aria-hidden":"true"},null)]),l("div",{class:k.em("header","full"),onClick:ce},[N.value?l("i",{class:"fa fa-compress","aria-hidden":"true",title:ibiz.i18n.t("editor.html.reduce")},null):l("i",{class:"fa fa-expand","aria-hidden":"true",title:ibiz.i18n.t("editor.common.fullscreen")},null)])])},renderFooter:()=>{if("manual"===O&&L.value&&!e.disabled&&!e.readonly)return l("div",{onClick:be,class:[k.e("footer"),k.is("fullscreen",N.value)]},[l("div",{class:k.em("footer","cancel"),onClick:pe},[ibiz.i18n.t("editor.common.cancel")]),l("div",{class:k.em("footer","save"),onClick:fe},[ibiz.i18n.t("editor.common.confirm")])])},renderImgPreview:E,renderEditorSwitchMenu:()=>{var e;return l("div",{class:[k.b("menu"),k.is("fullscreen",N.value)],style:$.value},[null==(e=a.editorSwitchMenu)?void 0:e.call(a)])}}},render(){const e=!!this.$slots.editorSwitchMenu;return l("div",{ref:"markDownBox",class:[this.ns.b(),this.ns.is("disabled",this.disabled),this.ns.is("manual","manual"===this.showmode),this.ns.is("editing",this.isEditing),this.ns.is("show-editor-switch-menu",e)]},[e?this.renderEditorSwitchMenu():null,this.renderHeader(),this.renderFooter(),this.renderImgPreview(),l("div",{tabindex:"-1",id:this.id,style:this.cssVars,class:[this.ns.b("cherry"),this.ns.m("dark"===this.UIStore.theme?"dark":"light")]},null)])}}))}}});