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

package/lib/util/inline-ai-util/inline-ai-textarea/inline-ai-textarea.hook.cjs

@@ -0,0 +1,387 @@
+'use strict';
+
+var qs = require('qs');
+var qxUtil = require('qx-util');
+var vue3Util = require('@ibiz-template/vue3-util');
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var icon = require('./icon.cjs');
+
+"use strict";
+const computedInLineAIParams = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const { params, context, editorParams } = props;
+  const getBooleanValue = (value) => {
+    if (value === "false")
+      return false;
+    if (value === "true")
+      return true;
+    return null;
+  };
+  return {
+    srfaiappendcurdata: (_c = (_b = (_a = getBooleanValue(context.srfaiappendcurdata)) != null ? _a : getBooleanValue(params.srfaiappendcurdata)) != null ? _b : getBooleanValue(editorParams.srfaiappendcurdata)) != null ? _c : true,
+    autoquestion: (_e = (_d = getBooleanValue(params.autoquestion)) != null ? _d : getBooleanValue(editorParams.autoquestion)) != null ? _e : false,
+    srfmode: params.srfmode,
+    srfaiagent: params.srfaiagent,
+    inlinecompletionmode: (_g = (_f = params.inlinecompletionmode) != null ? _f : editorParams.inlinecompletionmode) != null ? _g : "async"
+  };
+};
+const useInLineAIContainerClick = (props, message, isLoading, abortController) => {
+  const handMousedown = async (evt) => {
+    var _a;
+    const target = evt.target;
+    if (!target.closest(".ibiz-inline-ai-textarea-container") && !target.closest(".ibiz-inline-ai-alert")) {
+      const isChange = props.content !== message.value.content;
+      let isClose = true;
+      if (isChange || isLoading.value) {
+        isClose = await ibiz.confirm.warning({
+          title: ibiz.i18n.t("util.inlineAiUtil.warningTitle"),
+          desc: ibiz.i18n.t("util.inlineAiUtil.warningDesc"),
+          options: {
+            modalClass: "ibiz-inline-ai-alert"
+          }
+        });
+      }
+      if (isClose) {
+        if (isLoading.value) {
+          (_a = abortController.value) == null ? void 0 : _a.abort();
+        }
+        props.unMountAIChat();
+      }
+    }
+  };
+  vue.onMounted(() => {
+    document.addEventListener("mousedown", handMousedown, true);
+  });
+  vue.onUnmounted(() => {
+    document.removeEventListener("mousedown", handMousedown, true);
+  });
+};
+const useAI = (props, opts) => {
+  const { context, data, deACMode } = props;
+  const { srfaiappendcurdata, srfmode, srfaiagent } = opts;
+  const params = { srfactag: deACMode.codeName };
+  const sessionid = ibiz.aiChatUtil.getChatSessionId("INLINE");
+  const app = ibiz.hub.getApp(deACMode.appId);
+  let history = [];
+  let appDataEntity;
+  const calcAIPath = (isHistories = false, isAsync = false) => {
+    if (!appDataEntity)
+      return "";
+    const srfkey = context[appDataEntity.codeName.toLowerCase()];
+    const curPath = "/".concat(appDataEntity.deapicodeName2, "/").concat(isAsync ? "sse" : "", "chatcompletion").concat(isHistories ? "/histories" : "").concat(srfkey ? "/".concat(srfkey) : "");
+    const resPath = runtime.calcResPath(context, appDataEntity);
+    return resPath ? "/".concat(resPath).concat(curPath) : "".concat(curPath);
+  };
+  const loadAiHistory = async () => {
+    appDataEntity = await ibiz.hub.getAppDataEntity(
+      deACMode.appDataEntityId,
+      deACMode.appId
+    );
+    const path = calcAIPath(true);
+    const body = {
+      sessionid
+    };
+    if (srfaiappendcurdata)
+      Object.assign(body, data);
+    if (srfmode)
+      Object.assign(body, { mode: srfmode });
+    if (srfaiagent)
+      Object.assign(body, { srfaiagent });
+    const response = await app.net.post(path, body, params);
+    if (response.ok && Array.isArray(response.data)) {
+      history = response.data.filter(
+        (item) => ["USER", "ASSISTANT"].includes(item.role)
+      );
+    }
+  };
+  const abortController = vue.ref();
+  const attachUrlParam = (url) => {
+    {
+      const urlSplit = url.split("?");
+      urlSplit[0] = urlSplit[0].split("/").map((item) => encodeURIComponent(item)).join("/");
+      url = urlSplit.length > 1 ? urlSplit.join("?") : urlSplit[0];
+    }
+    const strParams = qs.stringify(params);
+    if (qxUtil.notNilEmpty(strParams)) {
+      if (url.endsWith("?")) {
+        url = "".concat(url).concat(strParams);
+      } else if (url.indexOf("?") !== -1 && url.endsWith("&")) {
+        url = "".concat(url).concat(strParams);
+      } else if (url.indexOf("?") !== -1 && !url.endsWith("&")) {
+        url = "".concat(url, "&").concat(strParams);
+      } else {
+        url = "".concat(url, "?").concat(strParams);
+      }
+    }
+    return url;
+  };
+  const prepareData = (question, isAsync = false) => {
+    const body = {
+      sessionid,
+      messages: [
+        ...history,
+        {
+          role: "USER",
+          content: question
+        }
+      ]
+    };
+    if (srfmode)
+      Object.assign(body, { mode: srfmode });
+    if (srfaiagent)
+      Object.assign(body, { srfaiagent });
+    let url = calcAIPath(false, isAsync);
+    if (!isAsync)
+      url = attachUrlParam(url);
+    return { body, url };
+  };
+  const parseContent = (text) => {
+    let think;
+    let content;
+    const toolcalls = [];
+    if (!text)
+      return { think, content, toolcalls };
+    const openThinkIndex = text.indexOf("<think>");
+    const closeThinkIndex = text.indexOf("</think>");
+    if (openThinkIndex !== -1) {
+      think = closeThinkIndex === -1 ? text.slice(openThinkIndex + 7) : text.slice(openThinkIndex + 7, closeThinkIndex);
+      content = closeThinkIndex === -1 ? void 0 : text.slice(closeThinkIndex + 8);
+    } else {
+      const toolCallRegex = new RegExp(
+        "<tool_call>\\s*({[\\s\\S]*?})\\s*</tool_call>",
+        "g"
+      );
+      const matches = text.matchAll(toolCallRegex);
+      for (const match of matches) {
+        try {
+          const toolCallData = JSON.parse(match[1]);
+          const tempToolCall = {
+            name: toolCallData.name,
+            parameters: toolCallData.parameters,
+            error: toolCallData.error || false
+          };
+          if (toolCallData.result)
+            Object.assign(tempToolCall, {
+              result: toolCallData.result
+            });
+          toolcalls.push(tempToolCall);
+        } catch (e) {
+          console.error("\u89E3\u6790\u5DE5\u5177\u8C03\u7528\u5931\u8D25:", e);
+        }
+      }
+      content = text.replace(new RegExp("\\<tool_call\\>[^]*?\\<\\/tool_call\\>", "gs"), "").trim();
+    }
+    return { think, content, toolcalls };
+  };
+  const asyncAskAI = (question, callBack, errorBack) => {
+    return new Promise((resolve) => {
+      abortController.value = new AbortController();
+      const { body, url } = prepareData(question, true);
+      app.net.sse(url, params, {
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(body),
+        onmessage: (e) => {
+          var _a;
+          try {
+            if (e.data) {
+              const msg = JSON.parse(e.data);
+              let content = msg.actionresult || "";
+              if (msg.actionstate === 30 && content)
+                content = (_a = JSON.parse(content).choices) == null ? void 0 : _a[0].content;
+              callBack({ state: msg.actionstate, content });
+            }
+          } catch (error) {
+            ibiz.log.error(error);
+          }
+        },
+        onclose: () => resolve(),
+        onerror: (error) => {
+          callBack({ state: 40, content: error.message });
+          errorBack();
+          throw error;
+        },
+        signal: abortController.value.signal
+      });
+    });
+  };
+  const syncAskAI = async (question) => {
+    var _a, _b;
+    abortController.value = new AbortController();
+    const { body, url } = prepareData(question);
+    const answer = {
+      state: 10,
+      content: ""
+    };
+    try {
+      const response = await app.net.request(url, {
+        method: "post",
+        data: body,
+        signal: abortController.value.signal
+      });
+      if (response.ok)
+        Object.assign(answer, {
+          state: 30,
+          content: (_b = (_a = response.data.choices) == null ? void 0 : _a[0]) == null ? void 0 : _b.content
+        });
+      return answer;
+    } catch (error) {
+      Object.assign(answer, {
+        state: 40,
+        content: error.message
+      });
+      return answer;
+    }
+  };
+  return {
+    syncAskAI,
+    asyncAskAI,
+    parseContent,
+    loadAiHistory,
+    abortController
+  };
+};
+const useBase = (props, element, message) => {
+  const actions = [
+    {
+      title: ibiz.i18n.t("util.inlineAiUtil.regenerate"),
+      icon: icon.RegenerateIcon,
+      itemType: "action",
+      actionName: "regenerate"
+    },
+    {
+      title: ibiz.i18n.t("util.inlineAiUtil.insertText"),
+      icon: icon.insertTextIcon,
+      itemType: "action",
+      actionName: "insertText"
+    },
+    {
+      title: ibiz.i18n.t("util.inlineAiUtil.replaceText"),
+      icon: icon.ReplaceTextIcon,
+      itemType: "action",
+      actionName: "replaceText"
+    },
+    {
+      itemType: "divider"
+    },
+    {
+      title: ibiz.i18n.t("util.inlineAiUtil.copyText"),
+      icon: icon.CopyTextIcon,
+      itemType: "action",
+      actionName: "copyText"
+    },
+    {
+      title: ibiz.i18n.t("app.cancel"),
+      icon: icon.CancelIcon,
+      itemType: "action",
+      actionName: "cancel"
+    }
+  ];
+  const { zIndex } = vue3Util.useUIStore();
+  const { options } = props;
+  const { containerRef, actionsRef, textareaRef } = element;
+  const editorRect = options.editorElement.getBoundingClientRect();
+  const offsetX = options.left - editorRect.left;
+  const offsetY = options.top - editorRect.top;
+  const theme = options.editorTheme || "light";
+  const actionStyle = vue.ref({});
+  const containerStyle = vue.ref({
+    width: "".concat(options.width, "px"),
+    left: "".concat(options.left, "px"),
+    top: "".concat(options.top, "px"),
+    zIndex: zIndex.increment()
+  });
+  const contentStyle = vue.ref({
+    height: options.height ? "".concat(options.height, "px") : "auto",
+    "max-height": "".concat(options.maxHeight || (options.height && options.height > 300 ? options.height : 300), "px")
+  });
+  const toolcalls = vue.computed(() => {
+    return message.value.toolcalls || [];
+  });
+  vue.watch(
+    () => [toolcalls.value.length, message.value.think, message.value.content],
+    () => {
+      vue.nextTick(() => {
+        if (!textareaRef.value)
+          return;
+        textareaRef.value.style.height = "auto";
+        textareaRef.value.style.height = "".concat(textareaRef.value.scrollHeight, "px");
+        textareaRef.value.parentElement.scrollTop = textareaRef.value.parentElement.scrollHeight;
+      });
+    },
+    {
+      immediate: true
+    }
+  );
+  const updatePosition = () => {
+    if (!containerRef.value || !actionsRef.value)
+      return;
+    const rect = options.editorElement.getBoundingClientRect();
+    let top = rect.top + offsetY;
+    let left = rect.left + offsetX;
+    const containerWidth = containerRef.value.offsetWidth;
+    const containerHeight = containerRef.value.offsetHeight;
+    const windowWidth = window.innerWidth;
+    const windowHeight = window.innerHeight;
+    const margin = 8;
+    if (left + containerWidth + margin > windowWidth) {
+      left = windowWidth - containerWidth - margin;
+    } else if (left < margin) {
+      left = margin;
+    }
+    if (top + containerHeight + margin > windowHeight) {
+      top = windowHeight - containerHeight - margin;
+    } else if (top < margin) {
+      top = margin;
+    }
+    containerStyle.value.top = "".concat(top, "px");
+    containerStyle.value.left = "".concat(left, "px");
+    const position = containerHeight + 4;
+    const targetHeight = actionsRef.value.offsetHeight;
+    if (windowHeight - (top + containerHeight + targetHeight) > margin) {
+      actionStyle.value.top = "".concat(position, "px");
+      actionStyle.value.bottom = "auto";
+    } else {
+      actionStyle.value.bottom = "".concat(position, "px");
+      actionStyle.value.top = "auto";
+    }
+  };
+  let ticking = false;
+  const optimizedUpdatePosition = () => {
+    if (!ticking) {
+      requestAnimationFrame(() => {
+        updatePosition();
+        ticking = false;
+      });
+      ticking = true;
+    }
+  };
+  let observer;
+  vue.onMounted(() => {
+    document.addEventListener("scroll", optimizedUpdatePosition, {
+      capture: true
+    });
+    window.addEventListener("resize", optimizedUpdatePosition);
+    if (containerRef.value) {
+      observer = new ResizeObserver(optimizedUpdatePosition);
+      observer.observe(containerRef.value);
+    }
+  });
+  vue.onUnmounted(() => {
+    zIndex.decrement();
+    document.removeEventListener("scroll", optimizedUpdatePosition, {
+      capture: true
+    });
+    window.removeEventListener("resize", optimizedUpdatePosition);
+    observer == null ? void 0 : observer.disconnect();
+    observer = null;
+  });
+  return { theme, actions, actionStyle, containerStyle, contentStyle };
+};
+
+exports.computedInLineAIParams = computedInLineAIParams;
+exports.useAI = useAI;
+exports.useBase = useBase;
+exports.useInLineAIContainerClick = useInLineAIContainerClick;

package/lib/util/inline-ai-util/inline-ai-textarea/interface.cjs

@@ -0,0 +1,3 @@
+'use strict';
+
+"use strict";

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

@@ -0,0 +1,149 @@
+'use strict';
+
+var vue = require('vue');
+var ContextMenu = require('@imengyu/vue3-context-menu');
+var vue3Util = require('@ibiz-template/vue3-util');
+var inlineAiTextarea = require('./inline-ai-textarea/inline-ai-textarea.cjs');
+
+"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", vue3Util.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 = vue.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 ? vue.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 = vue.createApp(inlineAiTextarea.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();
+  }
+}
+
+exports.InLineAIUtil = InLineAIUtil;

package/lib/util/modal-util/modal-util.cjs

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

package/lib/util/notification-util/upload-manager/upload-manager.cjs

@@ -2,7 +2,6 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-var core = require('@ibiz-template/core');
 var fileType = require('./file-type.cjs');
 require('./upload-manager.css');
 
@@ -57,10 +56,7 @@ const IBizUploadManager = /* @__PURE__ */ vue.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(core.getAppCookie(core.CoreConst.TOKEN)),
-        ...props.params.headers
-      };
+      const headers = ibiz.util.file.getUploadHeaders();
       const res = await ibiz.net.axios({
         url: props.params.uploadUrl,
         method: "post",

package/lib/util/open-view-util/open-view-util.cjs

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

package/lib/util/screen-shot-util/screen-shot/components/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var screenShot = require('./screen-shot/screen-shot.cjs');
+
+"use strict";
+
+exports.ScreenShot = screenShot.ScreenShot;