@ibiz-template/vue3-components 0.7.41-alpha.45 → 0.7.41-alpha.46

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

@@ -71,6 +71,11 @@ class AIChatUtil {
     if (editorParams.srfmode) {
       chatOptions.srfMode = editorParams.srfmode;
     }
+    let enableAIAgentChange = ibiz.config.common.enableAIAgentChange;
+    if (editorParams.srfenableaiagentchange) {
+      enableAIAgentChange = editorParams.srfenableaiagentchange === "true";
+    }
+    chatOptions.enableAIAgentChange = enableAIAgentChange;
     if (editorParams.srfaiagent) {
       chatOptions.activeAIAgentID = editorParams.srfaiagent;
     }
@@ -347,6 +352,16 @@ class AIChatUtil {
     } else {
       topicOptions.captionMode = ibiz.config.common.aiChatTopicCaptionMode;
     }
+    topicOptions.hideTopicSidebar = false;
+    if (params.hasOwnProperty("hidetopicsidebar")) {
+      topicOptions.hideTopicSidebar = params.hidetopicsidebar === "true";
+      delete params.hidetopicsidebar;
+    }
+    topicOptions.disableStorage = false;
+    if (params.hasOwnProperty("disabletopicstorage")) {
+      topicOptions.disableStorage = params.disabletopicstorage === "true";
+      delete params.disabletopicstorage;
+    }
     topicOptions.beforeDelete = async (...args2) => {
       const isBatchRemove = args2[4];
       const result = await ibiz.confirm.warning({
@@ -405,6 +420,12 @@ class AIChatUtil {
       chatOptions.activeAIAgentID = params.srfaiagent;
       delete params.srfaiagent;
     }
+    let enableAIAgentChange = ibiz.config.common.enableAIAgentChange;
+    if (params.hasOwnProperty("srfenableaiagentchange")) {
+      enableAIAgentChange = params.srfenableaiagentchange === "true";
+      delete params.srfenableaiagentchange;
+    }
+    chatOptions.enableAIAgentChange = enableAIAgentChange;
     const aiAgentlist = await this.getAIAgentList(context, params);
     chatOptions.aiAgentlist = aiAgentlist;
     if (deACMode) {
@@ -854,27 +875,6 @@ class AIChatUtil {
     };
     return resourceOptions;
   }
-  /**
-   * 获取AI聊天模式
-   * @param type 场景类型：UIACTION:界面行为；EDITOR:编辑器
-   * @param context
-   * @param params
-   * @param editorParams
-   */
-  getAIChatMode(type, context, params, editorParams) {
-    switch (type) {
-      case "UIACTION":
-        if (params.srfenabletempmode && params.srfenabletempmode === "true") {
-          delete params.srfenabletempmode;
-          return "DEFAULT";
-        }
-        return "TOPIC";
-      case "EDITOR":
-        return "DEFAULT";
-      default:
-        return "DEFAULT";
-    }
-  }
 }
 
 export { AIChatUtil };

package/es/util/app-util/app-util.mjs

@@ -206,7 +206,6 @@ class AppUtil {
     if (!deACMode)
       return Promise.resolve([]);
     const chatInstance = await ibiz.aiChatUtil.getAIChat();
-    const messages = [];
     const appDataEntityName = calcDeCodeNameById(appDataEntityId);
     let topicId = "".concat(appDataEntityId, "@").concat(appDEACModeId, "@");
     topicId += context[appDataEntityName] ? context[appDataEntityName] : "default";
@@ -222,14 +221,13 @@ class AppUtil {
       deACMode,
       { chatInstance, view, ctrl }
     );
-    const chatMode = ibiz.aiChatUtil.getAIChatMode("UIACTION", context, params);
     const resourceOptions = await ibiz.aiChatUtil.getAIResourceOptions(
       context,
       params
     );
     return new Promise((resolve) => {
       chatInstance.create({
-        mode: chatMode,
+        mode: "TOPIC",
         resourceOptions,
         containerOptions: {
           zIndex: containerZIndex,
@@ -253,7 +251,7 @@ class AppUtil {
           // 扩展参数
           ...chatOptions,
           // 关闭回调
-          closed: () => {
+          closed: (context2, params2, messages) => {
             resolve(messages);
           }
         }

package/es/util/index.mjs

@@ -16,5 +16,6 @@ export { convertBtnType } from './button-util/button-util.mjs';
 export { ArrowLeftBold, ArrowRightBold } from './icon/icon.mjs';
 export { InLineAIUtil } from './inline-ai-util/inline-ai-util.mjs';
 export { AIChatUtil } from './ai-chat-util/ai-chat-util.mjs';
+export { ScreenShotUtil } from './screen-shot-util/screen-shot-util.mjs';
 
 "use strict";

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

@@ -25,7 +25,7 @@ const computedInLineAIParams = (props) => {
   };
 };
 const useInLineAIContainerClick = (props, message, isLoading) => {
-  const handclick = async (evt) => {
+  const handMousedown = async (evt) => {
     const target = evt.target;
     if (!target.closest(".ibiz-inline-ai-textarea-container") && !target.closest(".ibiz-inline-ai-alert")) {
       if (isLoading.value) {
@@ -48,10 +48,10 @@ const useInLineAIContainerClick = (props, message, isLoading) => {
     }
   };
   onMounted(() => {
-    document.addEventListener("click", handclick, true);
+    document.addEventListener("mousedown", handMousedown, true);
   });
   onUnmounted(() => {
-    document.removeEventListener("click", handclick, true);
+    document.removeEventListener("mousedown", handMousedown, true);
   });
 };
 const useAI = (props, opts) => {

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:1;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}

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

@@ -0,0 +1,113 @@
+import { defineComponent, createVNode, onMounted } 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 handleToolBarClick = (type, opt) => {
+      c.onToolClick(type, opt);
+      if (type === ToolbarItemType.AI)
+        emit("complete", canvasElement.value.toDataURL("png"));
+    };
+    onMounted(() => {
+      c.domToCanvas(props.element, {
+        container: props.container,
+        itemClassName: props.itemClassName
+      });
+    });
+    return {
+      c,
+      ns,
+      history,
+      isLoading,
+      textStatus,
+      toolbarStatus,
+      canvasElement,
+      textInputElement,
+      handleToolBarClick
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b(),
+      "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)],
+        "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,172 @@
+import '../icon/index.mjs';
+import { ToolbarItemType } from '../type/index.mjs';
+import { BrushIcon, RectIcon, CircleIcon, MosaicIcon, TextIcon, ArrowIcon, DrawdownIcon, AIIcon } 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: 14,
+          type: "small",
+          text: ibiz.i18n.t("util.screenShotUtil.small")
+        },
+        {
+          value: 18,
+          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"
+    }
+  ];
+}
+
+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";