@ibiz-template/vue3-components 0.7.41-alpha.42 → 0.7.41-alpha.44

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

@@ -0,0 +1,132 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ai-feedback.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const AIFeedback = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizAIFeedback",
+  props: {
+    content: {
+      type: String
+    },
+    modal: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("ai-feedback");
+    const feedback = vue.reactive({
+      description: "",
+      feedbackItems: []
+    });
+    const FEEDBACK_CATEGORIES = [{
+      title: ibiz.i18n.t("util.aiChartUtil.regardingIssue"),
+      children: [ibiz.i18n.t("util.aiChartUtil.understandProblem"), ibiz.i18n.t("util.aiChartUtil.forgotContext"), ibiz.i18n.t("util.aiChartUtil.notFollowingRequire")]
+    }, {
+      title: ibiz.i18n.t("util.aiChartUtil.regardingResponse"),
+      children: [ibiz.i18n.t("util.aiChartUtil.incorrectAswer"), ibiz.i18n.t("util.aiChartUtil.logicalConfusion"), ibiz.i18n.t("util.aiChartUtil.poorTimeliness"), ibiz.i18n.t("util.aiChartUtil.poorReadability"), ibiz.i18n.t("util.aiChartUtil.incompleteAnswer"), ibiz.i18n.t("util.aiChartUtil.unprofessional")]
+    }, {
+      title: ibiz.i18n.t("util.aiChartUtil.report"),
+      children: [ibiz.i18n.t("util.aiChartUtil.pornographicVulgar"), ibiz.i18n.t("util.aiChartUtil.politicallySensitive"), ibiz.i18n.t("util.aiChartUtil.illegalCriminal"), ibiz.i18n.t("util.aiChartUtil.discriminationPrejudice"), ibiz.i18n.t("util.aiChartUtil.violationPrivacy"), ibiz.i18n.t("util.aiChartUtil.contentInfringement")]
+    }];
+    const onInitFeedback = () => {
+      feedback.feedbackItems = FEEDBACK_CATEGORIES.map((category) => ({
+        title: category.title,
+        value: void 0,
+        children: [...category.children]
+      }));
+      if (props.content) {
+        const contentArray = props.content.split(";").filter((item) => item.trim());
+        if (contentArray.length > 0) {
+          const feedbackValues = contentArray.slice(0, FEEDBACK_CATEGORIES.length);
+          feedbackValues.forEach((value, index) => {
+            feedback.feedbackItems[index].value = value;
+          });
+          const descriptionParts = contentArray.slice(FEEDBACK_CATEGORIES.length);
+          feedback.description = descriptionParts.join(";");
+        }
+      }
+    };
+    const onCancel = () => {
+      props.modal.dismiss();
+    };
+    const onConfirm = () => {
+      const contentArray = feedback.feedbackItems.map((item) => item.value || "").filter((item) => !!item);
+      contentArray.push(feedback.description);
+      props.modal.dismiss({
+        ok: true,
+        data: [{
+          feedbackContent: contentArray.join(";")
+        }]
+      });
+    };
+    vue.onMounted(() => {
+      onInitFeedback();
+    });
+    return {
+      ns,
+      feedback,
+      onCancel,
+      onConfirm
+    };
+  },
+  render() {
+    let _slot2, _slot3;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("header")
+    }, [ibiz.i18n.t("util.aiChartUtil.feedback")]), vue.createVNode("div", {
+      "class": this.ns.e("content")
+    }, [this.feedback.feedbackItems.map((item) => {
+      let _slot;
+      return vue.createVNode("div", {
+        "class": this.ns.e("group")
+      }, [vue.createVNode("div", {
+        "class": this.ns.em("group", "title")
+      }, [item.title]), vue.createVNode(vue.resolveComponent("el-radio-group"), {
+        "modelValue": item.value,
+        "onUpdate:modelValue": ($event) => item.value = $event,
+        "class": this.ns.em("group", "content")
+      }, _isSlot(_slot = item.children.map((child, index) => {
+        return vue.createVNode(vue.resolveComponent("el-radio"), {
+          "key": index,
+          "label": child
+        }, _isSlot(child) ? child : {
+          default: () => [child]
+        });
+      })) ? _slot : {
+        default: () => [_slot]
+      })]);
+    }), vue.createVNode("div", {
+      "class": this.ns.e("description")
+    }, [vue.createVNode("div", {
+      "class": this.ns.em("description", "title")
+    }, [ibiz.i18n.t("util.aiChartUtil.description")]), vue.createVNode(vue.resolveComponent("el-input"), {
+      "rows": 3,
+      "type": "textarea",
+      "modelValue": this.feedback.description,
+      "onUpdate:modelValue": ($event) => this.feedback.description = $event,
+      "placeholder": ibiz.i18n.t("util.aiChartUtil.placeholder")
+    }, null)])]), vue.createVNode("div", {
+      "class": this.ns.e("footer")
+    }, [vue.createVNode(vue.resolveComponent("el-button"), {
+      "onClick": this.onCancel
+    }, _isSlot(_slot2 = ibiz.i18n.t("app.cancel")) ? _slot2 : {
+      default: () => [_slot2]
+    }), vue.createVNode(vue.resolveComponent("el-button"), {
+      "type": "primary",
+      "onClick": this.onConfirm
+    }, _isSlot(_slot3 = ibiz.i18n.t("app.confirm")) ? _slot3 : {
+      default: () => [_slot3]
+    })])]);
+  }
+});
+
+exports.AIFeedback = AIFeedback;

package/lib/util/ai-chat-util/ai-feedback/ai-feedback.css

@@ -0,0 +1 @@
+.ibiz-ai-feedback{padding:var(--ibiz-spacing-base)}.ibiz-ai-feedback__header{padding:var(--ibiz-spacing-base-tight) 0;font-size:var(--ibiz-font-size-header-5)}.ibiz-ai-feedback__group--title{padding:var(--ibiz-spacing-tight) 0;font-size:var(--ibiz-font-size-header-6);color:var(--ibiz-color-text-2)}.ibiz-ai-feedback__group--content .el-radio{min-width:130px}.ibiz-ai-feedback__description--title{padding:var(--ibiz-spacing-tight) 0;font-size:var(--ibiz-font-size-header-6)}.ibiz-ai-feedback__footer{display:flex;justify-content:end;margin-top:var(--ibiz-spacing-tight)}

package/lib/util/app-util/app-util.cjs

@@ -1,8 +1,6 @@
 'use strict';
 
 var runtime = require('@ibiz-template/runtime');
-var qxUtil = require('qx-util');
-var core = require('@ibiz-template/core');
 var vue3Util = require('@ibiz-template/vue3-util');
 
 "use strict";
@@ -202,11 +200,6 @@ class AppUtil {
       appDEACModeId,
       appDataEntityId
     } = chartParams;
-    const { containerOptions, chatOptions } = ibiz.aiChatUtil.getUIActionExAIChatParams(context, params, data);
-    const aiAgentlist = await ibiz.aiChatUtil.getAIAgentList(
-      context,
-      params
-    );
     const deACMode = await runtime.getDeACMode(
       appDEACModeId,
       appDataEntityId,
@@ -214,26 +207,32 @@ class AppUtil {
     );
     if (!deACMode)
       return Promise.resolve([]);
-    const {
-      contentToolbarItems,
-      footerToolbarItems,
-      questionToolbarItems,
-      otherToolbarItems
-    } = ibiz.aiChatUtil.calcAiToolbarItemsByAc(deACMode);
     const chatInstance = await ibiz.aiChatUtil.getAIChat();
     const messages = [];
     const appDataEntityName = runtime.calcDeCodeNameById(appDataEntityId);
-    let topicId = "".concat(context.srfsystemid, "_").concat(context.srfappid, "_").concat(appDataEntityId, "_").concat(appDEACModeId, "_");
-    topicId += context[appDataEntityName] ? context[appDataEntityName] : qxUtil.createUUID();
-    const caption = "[".concat(deACMode.logicName, "]").concat((data == null ? void 0 : data.srfmajortext) || "");
+    let topicId = "".concat(appDataEntityId, "@").concat(appDEACModeId, "@");
+    topicId += context[appDataEntityName] ? context[appDataEntityName] : "default";
+    const sessionid = ibiz.aiChatUtil.getChatSessionId("TOPIC", topicId);
+    const topicCaption = "[".concat(deACMode.logicName, "]").concat((data == null ? void 0 : data.srfmajortext) || "");
     const tempParams = { ...params, ...{ srfactag: deACMode.codeName } };
     const { zIndex } = vue3Util.useUIStore();
     const containerZIndex = zIndex.increment();
+    const { containerOptions, topicOptions, chatOptions } = await ibiz.aiChatUtil.getUIActionExAIChatParams(
+      context,
+      params,
+      data,
+      deACMode,
+      { chatInstance, view, ctrl }
+    );
+    const chatMode = ibiz.aiChatUtil.getAIChatMode("UIACTION", context, params);
+    const resourceOptions = await ibiz.aiChatUtil.getAIResourceOptions(
+      context,
+      params
+    );
     return new Promise((resolve) => {
-      let id = "";
-      let abortController;
       chatInstance.create({
-        mode: "TOPIC",
+        mode: chatMode,
+        resourceOptions,
         containerOptions: {
           zIndex: containerZIndex,
           enableBackFill: false,
@@ -242,243 +241,23 @@ class AppUtil {
         topicOptions: {
           appid: ibiz.env.appId,
           id: topicId,
-          caption,
+          caption: topicCaption,
           url: window.location.hash.substring(1),
           type: context.srftopicpath || "default",
-          beforeDelete: async (...args) => {
-            const isBatchRemove = args[4];
-            const result = await ibiz.confirm.warning({
-              title: ibiz.i18n.t(
-                "util.appUtil.".concat(isBatchRemove ? "clearTopic" : "aiTitle")
-              ),
-              desc: ibiz.i18n.t(
-                "util.appUtil.".concat(isBatchRemove ? "clearTopicDesc" : "aiDesc")
-              )
-            });
-            return result;
-          },
-          action: async (action, context2, params2, data2, event) => {
-            if (action === "LINK") {
-              await ibiz.openView.push(data2.url);
-            }
-            return true;
-          },
-          configService: (appid, storageType, subType) => {
-            return new runtime.ConfigService(appid, storageType, subType);
-          }
+          ...topicOptions
         },
         chatOptions: {
           caption: deACMode.logicName,
           context: { ...context },
           params: tempParams,
           appDataEntityId,
-          contentToolbarItems,
-          footerToolbarItems,
-          questionToolbarItems,
-          otherToolbarItems,
-          aiAgentlist,
-          question: async (aiChat, ctx, param, other, arr, sessionid, srfaiagent, srfmode) => {
-            id = qxUtil.createUUID();
-            abortController = new AbortController();
-            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
-            try {
-              const questionRequestData = {
-                messages: arr,
-                sessionid
-              };
-              if (srfaiagent) {
-                questionRequestData.srfaiagent = srfaiagent;
-              }
-              if (srfmode) {
-                questionRequestData.mode = srfmode;
-              }
-              await deService.aiChatSse(
-                (msg) => {
-                  if (msg.actionstate === 20 && msg.actionresult) {
-                    aiChat.addMessage({
-                      messageid: id,
-                      state: msg.actionstate,
-                      type: "DEFAULT",
-                      role: "ASSISTANT",
-                      content: msg.actionresult
-                    });
-                  } else if (msg.actionstate === 30 && msg.actionresult) {
-                    const result = JSON.parse(msg.actionresult);
-                    const choices = result.choices;
-                    if (choices && choices.length > 0) {
-                      aiChat.replaceMessage({
-                        messageid: id,
-                        state: msg.actionstate,
-                        type: "DEFAULT",
-                        role: "ASSISTANT",
-                        content: choices[0].content || ""
-                      });
-                    }
-                  } else if (msg.actionstate === 40) {
-                    aiChat.replaceMessage({
-                      messageid: id,
-                      state: msg.actionstate,
-                      type: "ERROR",
-                      role: "ASSISTANT",
-                      content: msg.actionresult
-                    });
-                  }
-                },
-                abortController,
-                ctx,
-                param,
-                { ...questionRequestData }
-              );
-            } catch (error) {
-              aiChat.replaceMessage({
-                messageid: id,
-                state: 40,
-                type: "ERROR",
-                role: "ASSISTANT",
-                content: error.message || ibiz.i18n.t("app.aiError")
-              });
-              abortController == null ? void 0 : abortController.abort();
-            } finally {
-              aiChat.completeMessage(id, true);
-              return true;
-            }
-          },
-          abortQuestion: async (aiChat) => {
-            abortController == null ? void 0 : abortController.abort();
-            await aiChat.stopMessage({
-              messageid: id,
-              state: 30,
-              type: "DEFAULT",
-              role: "ASSISTANT",
-              content: ""
-            });
-            await aiChat.completeMessage(id, true);
-          },
+          sessionid,
+          // 扩展参数
+          ...chatOptions,
+          // 关闭回调
           closed: () => {
             resolve(messages);
-          },
-          history: async (ctx, param, other) => {
-            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
-            const historyRequestData = {};
-            if (other.appendCurData) {
-              Object.assign(historyRequestData, {
-                ...other.appendCurData
-              });
-            }
-            if (other.srfaiagent) {
-              Object.assign(historyRequestData, {
-                srfaiagent: other.srfaiagent
-              });
-            }
-            if (other.srfmode) {
-              Object.assign(historyRequestData, {
-                mode: other.srfmode
-              });
-            }
-            const result = await deService.aiChatHistory(
-              ctx,
-              param,
-              historyRequestData
-            );
-            if (result.data && Array.isArray(result.data)) {
-              let preMsg;
-              result.data.forEach((item) => {
-                if (item.role === "TOOL") {
-                  if (preMsg && item.content) {
-                    chatInstance.aiChat.updateRecommendPrompt(
-                      preMsg,
-                      item.content
-                    );
-                  }
-                } else {
-                  const msg = {
-                    messageid: qxUtil.createUUID(),
-                    state: 30,
-                    type: "DEFAULT",
-                    role: item.role,
-                    content: item.content,
-                    completed: true
-                  };
-                  preMsg = msg;
-                  chatInstance.aiChat.addMessage(msg);
-                }
-              });
-            }
-            return true;
-          },
-          recommendPrompt: async (ctx, param, other) => {
-            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
-            const result = await deService.aiChatRecommendPrompt(
-              ctx,
-              param,
-              other.message
-            );
-            if (result.ok && result.data) {
-              const choices = result.data.choices;
-              if (choices && choices.length > 0) {
-                return choices[0];
-              }
-              return null;
-            }
-            return null;
-          },
-          uploader: {
-            onUpload: async (file, reportProgress, options) => {
-              const { uploadUrl } = ibiz.util.file.calcFileUpDownUrl(
-                (options == null ? void 0 : options.context) || context,
-                (options == null ? void 0 : options.params) || params,
-                {}
-              );
-              const headers = ibiz.util.file.getUploadHeaders();
-              const formData = new FormData();
-              formData.append("file", file);
-              const res = await ibiz.net.axios({
-                url: uploadUrl,
-                method: "post",
-                headers,
-                data: formData,
-                onUploadProgress: (progressEvent) => {
-                  const percent = progressEvent.loaded / progressEvent.total * 100;
-                  reportProgress(percent);
-                }
-              });
-              return res.data;
-            }
-          },
-          extendToolbarClick: async (event, source, context2, params2, data2) => {
-            var _a, _b;
-            const result = await runtime.UIActionUtil.exec(
-              source.id,
-              {
-                view,
-                ctrl,
-                context: core.IBizContext.create(context2),
-                params: params2,
-                data: [data2],
-                event
-              },
-              source.appId
-            );
-            if (result.closeView) {
-              view.closeView({ ok: true });
-            } else if (result.refresh) {
-              switch (result.refreshMode) {
-                case 1:
-                  view.callUIAction(runtime.SysUIActionTag.REFRESH);
-                  break;
-                case 2:
-                  (_a = view.parentView) == null ? void 0 : _a.callUIAction(runtime.SysUIActionTag.REFRESH);
-                  break;
-                case 3:
-                  (_b = view.getTopView()) == null ? void 0 : _b.callUIAction(runtime.SysUIActionTag.REFRESH);
-                  break;
-                default:
-              }
-            }
-            return result;
-          },
-          // 扩展参数
-          ...chatOptions
+          }
         }
       });
     });

package/lib/util/inline-ai-util/inline-ai-textarea/common/ai-think/ai-think.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var icon = require('../../icon.cjs');
+require('./ai-think.css');
+
+"use strict";
+const AIThink = /* @__PURE__ */ vue.defineComponent({
+  props: {
+    think: {
+      type: String
+    },
+    isLoading: {
+      type: Boolean,
+      required: true
+    },
+    isCollapse: {
+      type: Boolean,
+      required: true
+    }
+  },
+  emits: {
+    collapseChange: (_value) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("ai-think");
+    const onCollapseChange = () => {
+      emit("collapseChange", !props.isCollapse);
+    };
+    return {
+      ns,
+      onCollapseChange
+    };
+  },
+  render() {
+    if (!this.think)
+      return;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("header"),
+      "onClick": this.onCollapseChange
+    }, [vue.createVNode("div", {
+      "class": [this.ns.em("header", "state-icon"), this.ns.is("loading", this.isLoading)]
+    }, [this.isLoading ? icon.LoadingIcon : icon.ThinkSuccessIcon]), vue.createVNode("div", {
+      "class": this.ns.em("header", "title")
+    }, [this.isLoading ? ibiz.i18n.t("util.inlineAiUtil.thinking") : ibiz.i18n.t("util.inlineAiUtil.thinked")]), vue.createVNode("div", {
+      "class": this.ns.em("header", "collapse-icon")
+    }, [this.isCollapse ? icon.DownIcon : icon.UpIcon])]), !this.isCollapse && vue.createVNode("div", {
+      "class": this.ns.e("content")
+    }, [this.think])]);
+  }
+});
+
+exports.AIThink = AIThink;

package/lib/util/inline-ai-util/inline-ai-textarea/common/ai-think/ai-think.css

@@ -0,0 +1 @@
+.ibiz-ai-think{width:100%;height:auto;font-size:var(--ibiz-font-size-small);color:var(--ibiz-inline-ai-textarea-container-color-text-1)}.ibiz-ai-think__header{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;margin-bottom:var(--ibiz-spacing-tight);cursor:pointer}.ibiz-ai-think__header:hover{color:var(--ibiz-inline-ai-textarea-container-color-text-hove-1)}.ibiz-ai-think__header--state-icon{display:flex;align-items:center;color:var(--ibiz-color-success)}.ibiz-ai-think__header--state-icon.is-loading{color:var(--ibiz-inline-ai-textarea-container-color-loading)}.ibiz-ai-think__header--collapse-icon{display:flex;align-items:center}.ibiz-ai-think__content{position:relative;padding-left:var(--ibiz-spacing-tight);word-wrap:break-word;white-space:pre-wrap;transition:height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.ibiz-ai-think__content::before{position:absolute;top:0;bottom:0;left:0;width:2px;content:"";background-color:var(--ibiz-inline-ai-textarea-container-color-border)}

package/lib/util/inline-ai-util/inline-ai-textarea/common/ai-tool-call/ai-tool-call.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var aiToolCallItem = require('../ai-tool-call-item/ai-tool-call-item.cjs');
+require('./ai-tool-call.css');
+
+"use strict";
+const AIToolCall = /* @__PURE__ */ vue.defineComponent({
+  props: {
+    toolCalls: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("ai-tool-call");
+    const isExpanded = vue.ref(false);
+    const showToggle = vue.computed(() => {
+      return props.toolCalls.length > 4;
+    });
+    const items = vue.computed(() => {
+      return showToggle.value && !isExpanded.value ? props.toolCalls.slice(0, 4) : props.toolCalls;
+    });
+    const handleToggle = () => {
+      isExpanded.value = !isExpanded.value;
+    };
+    return {
+      ns,
+      items,
+      showToggle,
+      isExpanded,
+      handleToggle
+    };
+  },
+  render() {
+    if (!this.toolCalls.length)
+      return;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [this.items.map((item) => {
+      return vue.createVNode(aiToolCallItem.AIToolCallItem, {
+        "toolCall": item
+      }, null);
+    }), this.showToggle && vue.createVNode("div", {
+      "class": this.ns.e("toggle"),
+      "onClick": this.handleToggle
+    }, [this.isExpanded ? ibiz.i18n.t("util.inlineAiUtil.collapseToolCall") : ibiz.i18n.t("util.inlineAiUtil.expandToolCall", {
+      number: this.toolCalls.length
+    })])]);
+  }
+});
+
+exports.AIToolCall = AIToolCall;

package/lib/util/inline-ai-util/inline-ai-textarea/common/ai-tool-call/ai-tool-call.css

@@ -0,0 +1 @@
+.ibiz-ai-tool-call{color:var(--ibiz-inline-ai-textarea-container-color-text-0)}.ibiz-ai-tool-call__toggle{display:block;padding:var(--ibiz-spacing-tight) 0;margin-top:var(--ibiz-spacing-tight);text-align:center;cursor:pointer;background-color:var(--ibiz-inline-ai-textarea-container-color-bg-1);border-radius:var(--ibiz-border-radius-small)}.ibiz-ai-tool-call__toggle:hover{background-color:var(--ibiz-inline-ai-textarea-container-color-bg-hover-1)}