@ibiz-template/vue3-components 0.7.41-alpha.5 → 0.7.41-alpha.51

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

@@ -0,0 +1,147 @@
+import { h, createApp } from 'vue';
+import ContextMenu from '@imengyu/vue3-context-menu';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { InlineAITextArea } from './inline-ai-textarea/inline-ai-textarea.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class InLineAIUtil {
+  /**
+   * Creates an instance of InLineAIUtil.
+   * @memberof InLineAIUtil
+   */
+  constructor() {
+    __publicField(this, "currentApp", null);
+    __publicField(this, "container", null);
+    __publicField(this, "ns", useNamespace("inline-ai-container"));
+  }
+  /**
+   * 计算上下文菜单
+   * @param deACMode
+   * @param clickCallBack
+   * @returns
+   */
+  calcContextMenus(deACMode, clickCallBack) {
+    var _a, _b;
+    const menus = [];
+    if (!deACMode || !deACMode.deuiactionGroup || !deACMode.deuiactionGroup.uiactionGroupDetails)
+      return menus;
+    (_b = (_a = deACMode.deuiactionGroup) == null ? void 0 : _a.uiactionGroupDetails) == null ? void 0 : _b.forEach((item) => {
+      var _a2, _b2, _c;
+      const menuItem = {};
+      if (item.detailType === "DEUIACTION" && ((_a2 = item.uiactionId) == null ? void 0 : _a2.startsWith("inline"))) {
+        if (item.showCaption && item.caption) {
+          menuItem.label = item.caption;
+        }
+        if (item.sysImage && item.showIcon) {
+          menuItem.icon = h("iBizIcon", {
+            icon: item.sysImage
+          });
+        }
+        menuItem.clickClose = true;
+        const { uiactionId } = item;
+        if (uiactionId) {
+          menuItem.onClick = () => {
+            clickCallBack(uiactionId);
+          };
+        }
+        menus.push(menuItem);
+      } else if (item.detailType === "DEUIACTIONGROUP" && item.refUIActionGroup && ((_b2 = item.refUIActionGroup.id) == null ? void 0 : _b2.startsWith("inline"))) {
+        menuItem.label = item.refUIActionGroup.name;
+        const menuItems = (_c = item.refUIActionGroup.uiactionGroupDetails) == null ? void 0 : _c.filter((detail) => {
+          var _a3;
+          return detail.detailType === "DEUIACTION" && ((_a3 = detail.uiactionId) == null ? void 0 : _a3.startsWith("inline"));
+        }).map((detail) => {
+          return {
+            label: detail.showCaption ? detail.caption : void 0,
+            icon: detail.showIcon && detail.sysImage ? h("iBizIcon", {
+              icon: detail.sysImage
+            }) : void 0,
+            clickableWhenHasChildren: true,
+            onClick: () => {
+              ContextMenu.closeContextMenu();
+              clickCallBack(detail.uiactionId);
+            }
+          };
+        });
+        menuItem.children = menuItems;
+        menus.push(menuItem);
+      }
+    });
+    return menus;
+  }
+  /**
+   * 显示上下文菜单
+   * @param x 距离左侧距离
+   * @param y 距离上方距离
+   * @param menus 菜单集合
+   */
+  showContextMenus(x, y, menus, options = {}) {
+    ContextMenu.showContextMenu({
+      x,
+      y,
+      customClass: this.ns.b("context-menu"),
+      items: menus,
+      ...options
+    });
+  }
+  /**
+   * 销毁组件实例
+   */
+  destroyInlineAIComponent() {
+    if (this.currentApp && this.container) {
+      this.currentApp.unmount();
+      this.currentApp = null;
+    }
+    if (this.container && document.body.contains(this.container)) {
+      document.body.removeChild(this.container);
+      this.container = null;
+    }
+  }
+  /**
+   *  显示AI聊天组件
+   * @param selectText
+   * @param options
+   * @returns
+   */
+  showAIChat(context, params, data, selectText, deACMode, options) {
+    this.destroyInlineAIComponent();
+    this.container = document.createElement("div");
+    this.container.id = this.ns.b();
+    this.container.className = this.ns.b();
+    document.body.appendChild(this.container);
+    const { editor } = params;
+    const { insertText, replaceSelectionText, restoreSelection, editorParams } = editor;
+    delete params.editor;
+    const unMountAIChat = () => {
+      this.destroyInlineAIComponent();
+    };
+    this.currentApp = createApp(InlineAITextArea, {
+      context,
+      params,
+      data,
+      editorParams,
+      content: selectText,
+      deACMode,
+      options,
+      insertText: insertText.bind(editor),
+      replaceSelectionText: replaceSelectionText.bind(editor),
+      restoreSelection: restoreSelection.bind(editor),
+      unMountAIChat
+    });
+    this.currentApp.mount(this.container);
+  }
+  /**
+   * 隐藏AI聊天组件
+   */
+  hideAIChat() {
+    this.destroyInlineAIComponent();
+  }
+}
+
+export { InLineAIUtil };

package/es/util/modal-util/modal-util.mjs

@@ -31,6 +31,16 @@ class ModalUtil {
       ElMessageBox.confirm(params.desc, params.title, params).then(() => resolve(true)).catch(() => resolve(false));
     });
   }
+  async extendConfirm(params) {
+    return new Promise((resolve) => {
+      ElMessageBox.confirm(params.desc, params.title, {
+        ...params,
+        ...params.options
+      }).then(() => resolve("yes")).catch(
+        (action) => resolve(action === "cancel" ? "no" : "cancel")
+      );
+    });
+  }
 }
 
 export { ModalUtil };

package/es/util/notification-util/upload-manager/upload-manager.mjs

@@ -1,6 +1,5 @@
-import { ref, computed, watch, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, ref, computed, watch, onMounted } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import { CoreConst, getAppCookie } from '@ibiz-template/core';
 import { getFileSvgByType } from './file-type.mjs';
 import './upload-manager.css';
 
@@ -55,10 +54,7 @@ const IBizUploadManager = /* @__PURE__ */ defineComponent({
     const uploadFile = async (item) => {
       const data = new FormData();
       data.append("file", item.file);
-      const headers = {
-        ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(getAppCookie(CoreConst.TOKEN)),
-        ...props.params.headers
-      };
+      const headers = ibiz.util.file.getUploadHeaders();
       const res = await ibiz.net.axios({
         url: props.params.uploadUrl,
         method: "post",

package/es/util/open-view-util/open-view-util.mjs

@@ -193,7 +193,7 @@ class OpenViewUtil {
       context,
       params
     );
-    window.open("".concat(UrlHelper.routeBase).concat(path), "_blank", "popup");
+    window.open("".concat(UrlHelper.routeBase).concat(path), "_blank");
   }
 }
 

package/es/util/pagination/use-pagination.mjs

@@ -1,4 +1,4 @@
-import { ControlVO, GridRowState } from '@ibiz-template/runtime';
+import { GridRowState, ControlVO } from '@ibiz-template/runtime';
 import { chunk } from 'lodash-es';
 
 "use strict";

package/es/util/render-util/render-util.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, h } from 'vue';
+import { h, resolveComponent } from 'vue';
 
 "use strict";
 class RenderUtil {

package/es/util/screen-shot-util/screen-shot/components/index.mjs

@@ -0,0 +1,3 @@
+export { ScreenShot } from './screen-shot/screen-shot.mjs';
+
+"use strict";

package/es/util/screen-shot-util/screen-shot/components/screen-shot/screen-shot.css

@@ -0,0 +1 @@
+.ibiz-screen-shot{--ibiz-screen-shot-mask-color-bg:rgba(122, 122, 122, 0.8);--ibiz-screen-shot-color-border:var(--ibiz-color-border);--ibiz-screen-shot-color-disabled:var(--ibiz-color-disabled-text);--ibiz-screen-shot-toolbar-color-0:var(--ibiz-color-text-3);--ibiz-screen-shot-toolbar-color-1:var(--ibiz-color-text-1);--ibiz-screen-shot-toolbar-color-bg:var(--ibiz-color-bg-2);--ibiz-screen-shot-toolbar-color-active:var(--ibiz-color-primary);position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;background-color:var(--ibiz-screen-shot-mask-color-bg)}.ibiz-screen-shot__toolber{position:absolute;top:40px;left:50%;z-index:2;transform:translateX(-50%)}.ibiz-screen-shot__canvas{position:absolute}.ibiz-screen-shot__text{position:absolute;top:0;left:0;z-index:1;box-sizing:border-box;display:none;min-width:20px;min-height:20px;padding:0;margin:0;font-weight:700;border:none;outline:0}.ibiz-screen-shot__text.is-show{display:block}.ibiz-screen-shot.ibiz-screen-shot--arrow .ibiz-screen-shot__canvas,.ibiz-screen-shot.ibiz-screen-shot--brush .ibiz-screen-shot__canvas,.ibiz-screen-shot.ibiz-screen-shot--circle .ibiz-screen-shot__canvas,.ibiz-screen-shot.ibiz-screen-shot--mosaic .ibiz-screen-shot__canvas,.ibiz-screen-shot.ibiz-screen-shot--rect .ibiz-screen-shot__canvas{cursor:crosshair}.ibiz-screen-shot.ibiz-screen-shot--text .ibiz-screen-shot__canvas{cursor:text}

package/es/util/screen-shot-util/screen-shot/components/screen-shot/screen-shot.mjs

@@ -0,0 +1,134 @@
+import { defineComponent, createVNode, onMounted, onUnmounted } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import '../../controller/index.mjs';
+import { ToolbarItemType } from '../../type/index.mjs';
+import { ScreenShotToolbar } from '../screen-shot-toolbar/screen-shot-toolbar.mjs';
+import './screen-shot.css';
+import { ScreenShotController } from '../../controller/screen-shot.controller.mjs';
+
+"use strict";
+const ScreenShot = /* @__PURE__ */ defineComponent({
+  name: "IBizScreenShot",
+  props: {
+    /**
+     * 生成Canvas的画布元素
+     */
+    element: {
+      type: Object,
+      required: true
+    },
+    /**
+     * dom中的滚动容器
+     */
+    container: {
+      type: Object
+    },
+    /**
+     * 滚动项类名，用于排除不在滚动容器的项绘制
+     */
+    itemClassName: {
+      type: String
+    }
+  },
+  emits: {
+    complete: (_base64) => true,
+    cancel: () => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("screen-shot");
+    const c = new ScreenShotController();
+    const {
+      isLoading,
+      history,
+      textStatus,
+      toolbarStatus,
+      canvasElement,
+      textInputElement
+    } = c.store;
+    const handleClose = () => {
+      emit("cancel");
+    };
+    const handleToolBarClick = (type, opt) => {
+      if (type === ToolbarItemType.CLOSE) {
+        handleClose();
+        return;
+      }
+      c.onToolClick(type, opt);
+      if (type === ToolbarItemType.AI)
+        emit("complete", canvasElement.value.toDataURL("png"));
+    };
+    const keydownHandle = (e) => {
+      if (e.code === "Escape")
+        handleClose();
+      if (e.ctrlKey && e.code === "KeyZ") {
+        c.goBackToHistory();
+      }
+      if (e.ctrlKey && e.code === "KeyY") {
+        c.goForwardToHistory();
+      }
+    };
+    onMounted(() => {
+      c.domToCanvas(props.element, {
+        container: props.container,
+        itemClassName: props.itemClassName
+      });
+      document.addEventListener("keydown", keydownHandle);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("keydown", keydownHandle);
+    });
+    return {
+      c,
+      ns,
+      history,
+      isLoading,
+      textStatus,
+      toolbarStatus,
+      canvasElement,
+      textInputElement,
+      handleToolBarClick
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b(), this.c.store.toolbarName.value ? this.ns.m(this.c.store.toolbarName.value.toLowerCase()) : ""],
+      "id": "screenShotContainer",
+      "onMouseup": () => this.c.mouseUpEvent()
+    }, [this.isLoading && createVNode("div", {
+      "class": "el-loading-mask"
+    }, [createVNode("div", {
+      "class": "el-loading-spinner"
+    }, [createVNode("svg", {
+      "class": "circular",
+      "viewBox": "0 0 50 50"
+    }, [createVNode("circle", {
+      "class": "path",
+      "cx": "25",
+      "cy": "25",
+      "r": "20",
+      "fill": "none"
+    }, null)]), createVNode("p", {
+      "class": "el-loading-text"
+    }, [ibiz.i18n.t("util.screenShotUtil.prepareCanvas")])])]), this.toolbarStatus && createVNode(ScreenShotToolbar, {
+      "history": this.history,
+      "class": this.ns.e("toolber"),
+      "onItemClick": this.handleToolBarClick
+    }, null), createVNode("canvas", {
+      "ref": "canvasElement",
+      "id": "canvasContainer",
+      "class": this.ns.e("canvas"),
+      "onMousedown": (evt) => this.c.mouseDownEvent(evt),
+      "onMousemove": (evt) => this.c.mouseMoveEvent(evt)
+    }, null), createVNode("div", {
+      "ref": "textInputElement",
+      "id": "textInputContainer",
+      "spellcheck": false,
+      "contenteditable": true,
+      "class": [this.ns.e("text"), this.ns.is("show", this.textStatus)]
+    }, null)]);
+  }
+});
+
+export { ScreenShot };

package/es/util/screen-shot-util/screen-shot/components/screen-shot-toolbar/screen-shot-toolbar.css

@@ -0,0 +1 @@
+.ibiz-screen-shot-toolbar__item{display:flex;align-items:center;justify-content:center;cursor:pointer}.ibiz-screen-shot-toolbar__item--icon{display:flex;align-items:center;justify-content:center}.ibiz-screen-shot-toolbar__item--icon svg{width:1em;height:1em;fill:var(--ibiz-color-text-1)}.ibiz-screen-shot-toolbar__item--divider{width:1px;height:14px;padding:0;pointer-events:none;background:var(--ibiz-color-text-2)}.ibiz-screen-shot-toolbar__item.is-active svg{fill:var(--ibiz-screen-shot-toolbar-color-active)}.ibiz-screen-shot-toolbar__item.is-disabled{pointer-events:none}.ibiz-screen-shot-toolbar__item.is-disabled svg{fill:var(--ibiz-screen-shot-color-disabled)}.ibiz-screen-shot-toolbar__content{display:flex;gap:20px;align-items:center;height:40px;padding:8px 12px;overflow:hidden;font-size:20px;background-color:var(--ibiz-screen-shot-toolbar-color-bg);border:1px solid var(--ibiz-screen-shot-color-border);border-radius:2px}.ibiz-screen-shot-toolbar__item-options{position:relative;height:40px;margin-top:4px}.ibiz-screen-shot-toolbar__item-options--content{position:absolute;display:flex;gap:4px;align-items:center;width:auto;height:40px;padding:4px;background-color:var(--ibiz-screen-shot-toolbar-color-bg);border:1px solid var(--ibiz-screen-shot-color-border);border-radius:2px}.ibiz-screen-shot-toolbar__size{display:flex;align-items:center;height:100%}.ibiz-screen-shot-toolbar__size--item{display:flex;align-items:center;height:100%;padding:0 8px;cursor:pointer}.ibiz-screen-shot-toolbar__size--item::before{display:block;content:"";background-color:var(--ibiz-screen-shot-toolbar-color-0);border-radius:50%}.ibiz-screen-shot-toolbar__size--item.is-active::before{background-color:var(--ibiz-screen-shot-toolbar-color-1)}.ibiz-screen-shot-toolbar__size--small::before{width:4px;height:4px}.ibiz-screen-shot-toolbar__size--medium::before{width:12px;height:12px}.ibiz-screen-shot-toolbar__size--big::before{width:20px;height:20px}.ibiz-screen-shot-toolbar__color-picker .el-button.is-text{display:none}

package/es/util/screen-shot-util/screen-shot/components/screen-shot-toolbar/screen-shot-toolbar.mjs

@@ -0,0 +1,105 @@
+import { defineComponent, createVNode, reactive, ref } from 'vue';
+import { ElColorPicker } from 'element-plus';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { ToolbarItemType } from '../../type/index.mjs';
+import { getDefaultToolbarItems } from '../../constant/index.mjs';
+import './screen-shot-toolbar.css';
+
+"use strict";
+const ScreenShotToolbar = /* @__PURE__ */ defineComponent({
+  name: "IBizScreenShotToolbar",
+  props: {
+    history: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: {
+    itemClick: (_type, _opt) => true
+  },
+  setup(_props, {
+    emit
+  }) {
+    const ns = useNamespace("screen-shot-toolbar");
+    const items = reactive(getDefaultToolbarItems());
+    const activeItem = ref(null);
+    const onChange = () => {
+      const {
+        type,
+        color,
+        size
+      } = activeItem.value || {};
+      if (!type)
+        return;
+      emit("itemClick", type, {
+        size,
+        color
+      });
+    };
+    const handleSizeClick = (size) => {
+      if (activeItem.value)
+        activeItem.value.size = size;
+      onChange();
+    };
+    const handleColorChange = (color) => {
+      if (activeItem.value)
+        activeItem.value.color = color;
+      onChange();
+    };
+    const handleItemClick = (item) => {
+      activeItem.value = item;
+      onChange();
+    };
+    const stopPropagation = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+    };
+    return {
+      ns,
+      items,
+      activeItem,
+      stopPropagation,
+      handleItemClick,
+      handleSizeClick,
+      handleColorChange
+    };
+  },
+  render() {
+    var _a, _b;
+    return createVNode("div", {
+      "class": this.ns.b(),
+      "onClick": this.stopPropagation
+    }, [createVNode("div", {
+      "class": this.ns.e("content"),
+      "onMouseup": this.stopPropagation
+    }, [this.items.map((item) => {
+      var _a2;
+      return createVNode("div", {
+        "class": [this.ns.e("item"), this.ns.em("item", item.type), this.ns.is("active", item.type !== ToolbarItemType.DRAWDOWN && item.type === ((_a2 = this.activeItem) == null ? void 0 : _a2.type)), this.ns.is("disabled", item.type === ToolbarItemType.DRAWDOWN && this.history.length <= 1)],
+        "onClick": () => this.handleItemClick(item)
+      }, [createVNode("div", {
+        "class": this.ns.em("item", "icon"),
+        "title": item.text
+      }, [item.icon])]);
+    })]), ((_a = this.activeItem) == null ? void 0 : _a.size) || ((_b = this.activeItem) == null ? void 0 : _b.color) ? createVNode("div", {
+      "class": this.ns.e("item-options")
+    }, [createVNode("div", {
+      "class": this.ns.em("item-options", "content")
+    }, [this.activeItem.sizeOpts ? createVNode("div", {
+      "class": this.ns.e("size")
+    }, [this.activeItem.sizeOpts.map((item) => createVNode("div", {
+      "class": [this.ns.em("size", "item"), this.ns.em("size", item.type), this.ns.is("active", item.value === this.activeItem.size)],
+      "title": item.text,
+      "onClick": () => this.handleSizeClick(item.value)
+    }, null))]) : null, this.activeItem.color ? createVNode("div", {
+      "class": this.ns.e("color-picker")
+    }, [createVNode(ElColorPicker, {
+      "teleported": false,
+      "modelValue": this.activeItem.color,
+      "onUpdate:modelValue": ($event) => this.activeItem.color = $event,
+      "onChange": this.handleColorChange
+    }, null)]) : null])]) : null]);
+  }
+});
+
+export { ScreenShotToolbar };

package/es/util/screen-shot-util/screen-shot/constant/index.mjs

@@ -0,0 +1,178 @@
+import '../icon/index.mjs';
+import { ToolbarItemType } from '../type/index.mjs';
+import { BrushIcon, RectIcon, CircleIcon, MosaicIcon, TextIcon, ArrowIcon, DrawdownIcon, AIIcon, CloseIcon } from '../icon/icon.mjs';
+
+"use strict";
+function getDefaultToolbarItems() {
+  return [
+    {
+      icon: BrushIcon,
+      type: ToolbarItemType.BRUSH,
+      text: ibiz.i18n.t("util.screenShotUtil.brush"),
+      sizeOpts: [
+        {
+          value: 2,
+          type: "small",
+          text: ibiz.i18n.t("util.screenShotUtil.small")
+        },
+        {
+          value: 4,
+          type: "medium",
+          text: ibiz.i18n.t("util.screenShotUtil.medium")
+        },
+        {
+          value: 8,
+          type: "big",
+          text: ibiz.i18n.t("util.screenShotUtil.big")
+        }
+      ],
+      size: 2,
+      color: "#F53340"
+    },
+    {
+      icon: RectIcon,
+      type: ToolbarItemType.RECT,
+      text: ibiz.i18n.t("util.screenShotUtil.rect"),
+      sizeOpts: [
+        {
+          value: 2,
+          type: "small",
+          text: ibiz.i18n.t("util.screenShotUtil.small")
+        },
+        {
+          value: 4,
+          type: "medium",
+          text: ibiz.i18n.t("util.screenShotUtil.medium")
+        },
+        {
+          value: 8,
+          type: "big",
+          text: ibiz.i18n.t("util.screenShotUtil.big")
+        }
+      ],
+      size: 2,
+      color: "#F53340"
+    },
+    {
+      icon: CircleIcon,
+      type: ToolbarItemType.CIRCLE,
+      text: ibiz.i18n.t("util.screenShotUtil.circle"),
+      sizeOpts: [
+        {
+          value: 2,
+          type: "small",
+          text: ibiz.i18n.t("util.screenShotUtil.small")
+        },
+        {
+          value: 4,
+          type: "medium",
+          text: ibiz.i18n.t("util.screenShotUtil.medium")
+        },
+        {
+          value: 8,
+          type: "big",
+          text: ibiz.i18n.t("util.screenShotUtil.big")
+        }
+      ],
+      size: 2,
+      color: "#F53340"
+    },
+    {
+      icon: MosaicIcon,
+      type: ToolbarItemType.MOSAIC,
+      text: ibiz.i18n.t("util.screenShotUtil.mosaic"),
+      sizeOpts: [
+        {
+          value: 10,
+          type: "small",
+          text: ibiz.i18n.t("util.screenShotUtil.small")
+        },
+        {
+          value: 15,
+          type: "medium",
+          text: ibiz.i18n.t("util.screenShotUtil.medium")
+        },
+        {
+          value: 20,
+          type: "big",
+          text: ibiz.i18n.t("util.screenShotUtil.big")
+        }
+      ],
+      size: 10
+    },
+    {
+      // 文本注释 - 文字标注
+      icon: TextIcon,
+      type: ToolbarItemType.TEXT,
+      text: ibiz.i18n.t("util.screenShotUtil.text"),
+      sizeOpts: [
+        {
+          value: 16,
+          type: "small",
+          text: ibiz.i18n.t("util.screenShotUtil.small")
+        },
+        {
+          value: 20,
+          type: "medium",
+          text: ibiz.i18n.t("util.screenShotUtil.medium")
+        },
+        {
+          value: 24,
+          type: "big",
+          text: ibiz.i18n.t("util.screenShotUtil.big")
+        }
+      ],
+      size: 16,
+      color: "#F53340"
+    },
+    {
+      // 箭头工具 - 箭头标注
+      icon: ArrowIcon,
+      type: ToolbarItemType.ARROW,
+      text: ibiz.i18n.t("util.screenShotUtil.arrow"),
+      sizeOpts: [
+        {
+          value: 2,
+          type: "small",
+          text: ibiz.i18n.t("util.screenShotUtil.small")
+        },
+        {
+          value: 4,
+          type: "medium",
+          text: ibiz.i18n.t("util.screenShotUtil.medium")
+        },
+        {
+          value: 8,
+          type: "big",
+          text: ibiz.i18n.t("util.screenShotUtil.big")
+        }
+      ],
+      size: 2,
+      color: "#F53340"
+    },
+    {
+      // 分割项 - 视觉分隔线（无交互）
+      type: ToolbarItemType.DIVIDER
+    },
+    {
+      // 回撤
+      icon: DrawdownIcon,
+      type: ToolbarItemType.DRAWDOWN,
+      text: ibiz.i18n.t("util.screenShotUtil.drawdown")
+    },
+    {
+      // AI助手 - AI分析/标注
+      icon: AIIcon,
+      type: ToolbarItemType.AI,
+      text: "AI"
+    },
+    {
+      // 关闭
+      icon: CloseIcon,
+      type: ToolbarItemType.CLOSE,
+      text: ibiz.i18n.t("app.close")
+    }
+  ];
+}
+
+export { getDefaultToolbarItems };

package/es/util/screen-shot-util/screen-shot/controller/index.mjs

@@ -0,0 +1,3 @@
+export { ScreenShotController } from './screen-shot.controller.mjs';
+
+"use strict";