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

package/es/util/inline-ai-util/inline-ai-textarea/common/ai-tool-call-item/ai-tool-call-item.mjs

@@ -0,0 +1,143 @@
+import { defineComponent, createVNode, ref, onMounted } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { ErrorIcon, CopyIcon, DownIcon, RightIcon } from '../../icon.mjs';
+import './ai-tool-call-item.css';
+
+"use strict";
+const AIToolCallItem = /* @__PURE__ */ defineComponent({
+  props: {
+    toolCall: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("ai-tool-call-item");
+    const isExpanded = ref(false);
+    const handleExpandChange = () => {
+      isExpanded.value = !isExpanded.value;
+    };
+    const onCopy = (event) => {
+      event.stopPropagation();
+      ibiz.util.text.copy(JSON.stringify(props.toolCall, void 0, 2));
+      ibiz.message.success(ibiz.i18n.t("util.inlineAiUtil.copy"));
+    };
+    const formatValue = (value) => {
+      if (typeof value === "string") {
+        if (value.includes("Failed") || value.includes("Error") || value.includes("ERR_")) {
+          return '<span class="'.concat(ns.e("error"), '">"').concat(value, '"</span>');
+        }
+        return '<span class="'.concat(ns.e("string"), '">"').concat(value, '"</span>');
+      }
+      if (typeof value === "number") {
+        return '<span class="'.concat(ns.e("number"), '">').concat(value, "</span>");
+      }
+      if (typeof value === "boolean") {
+        return '<span class="'.concat(ns.e("boolean"), '">').concat(value, "</span>");
+      }
+      if (value === null) {
+        return '<span class="'.concat(ns.e("null"), '">null</span>');
+      }
+      return "";
+    };
+    const formatJSON = (data, indentLevel = 0) => {
+      const indent = "  ".repeat(indentLevel);
+      const lines2 = [];
+      if (Array.isArray(data)) {
+        if (data.length === 0) {
+          return ["".concat(indent, '<span class="').concat(ns.e("array"), '">[]</span>')];
+        }
+        lines2.push("".concat(indent, '<span class="').concat(ns.e("array"), '">[</span>'));
+        data.forEach((item, index) => {
+          const itemLines = formatJSON(item, indentLevel + 1);
+          const comma = index < data.length - 1 ? "," : "";
+          if (typeof item === "object" && item !== null) {
+            lines2.push(...itemLines.slice(0, -1));
+            lines2.push("".concat(itemLines[itemLines.length - 1]).concat(comma));
+          } else {
+            lines2.push("".concat(itemLines[0]).concat(comma));
+          }
+        });
+        lines2.push("".concat(indent, '<span class="').concat(ns.e("array"), '">]</span>'));
+      } else if (typeof data === "object" && data !== null) {
+        const keys = Object.keys(data);
+        if (keys.length === 0) {
+          return ["".concat(indent, '<span class="').concat(ns.e("property"), '">{}</span>')];
+        }
+        lines2.push("".concat(indent, '<span class="').concat(ns.e("property"), '">{</span>'));
+        keys.forEach((key, index) => {
+          const value = data[key];
+          const comma = index < keys.length - 1 ? "," : "";
+          const keyElement = '<span class="'.concat(ns.e("json-key"), '">"').concat(key, '":</span>');
+          if (typeof value === "object" && value !== null) {
+            const valueLines = formatJSON(value, indentLevel + 1);
+            lines2.push("".concat(indent, "  ").concat(keyElement, " ").concat(valueLines[0].trim()));
+            if (valueLines.length > 1) {
+              lines2.push(...valueLines.slice(1, -1));
+              lines2.push("".concat(valueLines[valueLines.length - 1]).concat(comma));
+            }
+          } else {
+            const valueElement = formatValue(value);
+            lines2.push("".concat(indent, "  ").concat(keyElement, " ").concat(valueElement).concat(comma));
+          }
+        });
+        lines2.push("".concat(indent, '<span class="').concat(ns.e("property"), '">}</span>'));
+      } else {
+        lines2.push("".concat(indent).concat(formatValue(data)));
+      }
+      return lines2;
+    };
+    const lines = ref([]);
+    const onInit = () => {
+      const items = formatJSON(props.toolCall, 0);
+      lines.value = items.map((item, index) => '<span class="'.concat(ns.em("code-line", "line-number"), '">').concat(index + 1, "</span>").concat(item));
+    };
+    onMounted(() => {
+      onInit();
+    });
+    return {
+      ns,
+      lines,
+      isExpanded,
+      onCopy,
+      handleExpandChange
+    };
+  },
+  render() {
+    var _a;
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode("div", {
+      "class": this.ns.e("header"),
+      "onClick": this.handleExpandChange
+    }, [createVNode("div", {
+      "class": this.ns.e("header-left")
+    }, [createVNode("div", {
+      "class": this.ns.em("header-left", "caption")
+    }, [this.toolCall.name]), createVNode("div", {
+      "class": this.ns.em("header-left", "desc")
+    }, [(_a = this.toolCall.parameters) == null ? void 0 : _a.desc])]), createVNode("div", {
+      "class": this.ns.e("header-right")
+    }, [this.toolCall.error && createVNode("div", {
+      "class": this.ns.em("header-right", "error")
+    }, [createVNode("span", {
+      "class": this.ns.em("header-right", "error-text")
+    }, [ibiz.i18n.t("util.inlineAiUtil.error")]), createVNode("div", {
+      "class": this.ns.em("header-right", "icon")
+    }, [ErrorIcon])]), createVNode("div", {
+      "onClick": this.onCopy,
+      "class": this.ns.em("header-right", "icon")
+    }, [CopyIcon]), createVNode("div", {
+      "class": this.ns.em("header-right", "icon")
+    }, [this.isExpanded ? DownIcon : RightIcon])])]), this.isExpanded && createVNode("div", {
+      "class": this.ns.e("content")
+    }, [this.lines.map((line) => {
+      return createVNode("div", {
+        "class": this.ns.e("code-line"),
+        "innerHTML": line
+      }, null);
+    })])]);
+  }
+});
+
+export { AIToolCallItem };

package/es/util/inline-ai-util/inline-ai-textarea/common/index.mjs

@@ -0,0 +1,4 @@
+export { AIThink } from './ai-think/ai-think.mjs';
+export { AIToolCall } from './ai-tool-call/ai-tool-call.mjs';
+
+"use strict";

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

@@ -212,5 +212,56 @@ const DownIcon = createVNode("svg", {
   "id": "abf\u5F62\u72B6\u7ED3\u5408",
   "transform": "rotate(-90 7.978 8.252)"
 }, null)])]);
+const RightIcon = createVNode("svg", {
+  "viewBox": "0 0 1024 1024",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "p-id": "4832",
+  "width": "16",
+  "height": "16",
+  "fill": "currentColor"
+}, [createVNode("path", {
+  "d": "M707.61856 495.14624l-357.5296-357.5296c-9.30816-9.30688-24.40064-9.30688-33.70752 0-9.30816 9.30816-9.30816 24.40064 0 33.7088L657.056 512 316.38144 852.67456c-9.30816 9.30688-9.30816 24.40064 0 33.7088 4.65408 4.65536 10.75328 6.98112 16.85376 6.98112 6.10048 0 12.19968-2.32576 16.85376-6.98112l357.5296-357.5296C716.92672 519.5456 716.92672 504.4544 707.61856 495.14624z",
+  "p-id": "4833"
+}, null)]);
+const ErrorIcon = createVNode("svg", {
+  "xmlns": "http://www.w3.org/2000/svg",
+  "width": "16",
+  "height": "16",
+  "viewBox": "0 0 24 24",
+  "fill": "none",
+  "stroke": "red",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+}, [createVNode("path", {
+  "d": "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
+}, null), createVNode("path", {
+  "d": "M12 9v4"
+}, null), createVNode("path", {
+  "d": "M12 17h.01"
+}, null)]);
+const CopyIcon = createVNode("svg", {
+  "xmlns": "http://www.w3.org/2000/svg",
+  "width": "16",
+  "height": "16",
+  "viewBox": "0 0 24 24",
+  "fill": "none",
+  "stroke": "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+}, [createVNode("rect", {
+  "width": "14",
+  "height": "14",
+  "x": "8",
+  "y": "8",
+  "rx": "2",
+  "ry": "2"
+}, null), createVNode("path", {
+  "d": "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+}, null)]);
 
-export { AIIcon, CancelIcon, CopyTextIcon, DownIcon, LoadingIcon, RegenerateIcon, ReplaceTextIcon, SendIcon, StopIcon, ThinkSuccessIcon, UpIcon, insertTextIcon };
+export { AIIcon, CancelIcon, CopyIcon, CopyTextIcon, DownIcon, ErrorIcon, LoadingIcon, RegenerateIcon, ReplaceTextIcon, RightIcon, SendIcon, StopIcon, ThinkSuccessIcon, UpIcon, insertTextIcon };

package/es/util/inline-ai-util/inline-ai-textarea/inline-ai-textarea.css

@@ -1 +1 @@
-.ibiz-inline-ai-container-context-menu{--ibiz-inline-ai-context-menu-color-bg:var(--ibiz-color-bg-2);--ibiz-inline-ai-context-menu-color-text:var(--ibiz-color-text-0);--ibiz-inline-ai-context-menu-color-bg-active:var(--ibiz-color-fill-0);--mx-menu-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-backgroud:var(--ibiz-inline-ai-context-menu-color-bg);--mx-menu-hover-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-hover-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-open-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-open-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-open-hover-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-open-hover-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-active-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-active-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-backgroud-radius:0}.ibiz-inline-ai-container-context-menu .scroll-content{pointer-events:unset}.ibiz-inline-ai-container-context-menu .mx-context-menu-item{cursor:pointer}.ibiz-inline-ai-textarea-container{--ibiz-inline-ai-textarea-container-color-bg-0:rgb(255, 255, 255);--ibiz-inline-ai-textarea-container-color-bg-1:rgb(249, 249, 249);--ibiz-inline-ai-textarea-container-color-border:rgba(29, 31, 35, 0.1);--ibiz-inline-ai-textarea-container-color-text-0:rgb(29, 31, 35);--ibiz-inline-ai-textarea-container-color-text-1:rgba(0, 0, 0, 0.45);--ibiz-inline-ai-textarea-container-color-text-2:rgb(85, 125, 165);--ibiz-inline-ai-textarea-container-color-text-hove-1:rgb(105, 148, 190);--ibiz-inline-ai-textarea-container-color-bg-hover-1:rgb(217, 236, 255);--ibiz-inline-ai-textarea-container-color-bg-hover-2:rgba(46, 50, 55, 0.05);--ibiz-inline-ai-textarea-container-color-loading:#65b3fc}.ibiz-inline-ai-textarea-container--dark{--ibiz-inline-ai-textarea-container-color-bg-0:rgb(28, 28, 28);--ibiz-inline-ai-textarea-container-color-bg-1:rgb(53, 54, 60);--ibiz-inline-ai-textarea-container-color-border:rgba(255, 255, 255, 0.08);--ibiz-inline-ai-textarea-container-color-text-0:rgb(255, 255, 255);--ibiz-inline-ai-textarea-container-color-text-1:rgba(249, 249, 249, 0.35);--ibiz-inline-ai-textarea-container-color-text-2:rgb(70, 107, 144);--ibiz-inline-ai-textarea-container-color-text-hove-1:rgb(105, 148, 190);--ibiz-inline-ai-textarea-container-color-bg-hover-1:rgba(85, 125, 165, 0.2);--ibiz-inline-ai-textarea-container-color-bg-hover-2:rgb(67, 68, 74);--ibiz-inline-ai-textarea-container-color-loading:rgba(204, 204, 204, 0.6)}.ibiz-inline-ai-textarea-container{position:absolute;color:var(--ibiz-inline-ai-textarea-container-color-text-0);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-inline-ai-textarea-container .ibiz-inline-ai-textarea-container__content{border:1px solid var(--ibiz-inline-ai-textarea-container-color-border);border-radius:var(--ibiz-border-radius-small);box-shadow:0 0 16px var(--ibiz-color-shadow)}.ibiz-inline-ai-textarea-container.is-show-ai{border:1px solid var(--ibiz-inline-ai-textarea-container-color-border);border-radius:var(--ibiz-border-radius-small);box-shadow:0 0 16px var(--ibiz-color-shadow)}.ibiz-inline-ai-textarea-container.is-show-ai .ibiz-inline-ai-textarea-container__content{border:none;border-radius:var(--ibiz-border-radius-small) var(--ibiz-border-radius-small) 0 0;box-shadow:none}.ibiz-inline-ai-textarea-container.is-show-ai .ibiz-inline-ai-textarea-container__footer{border-radius:0 0 var(--ibiz-border-radius-small) var(--ibiz-border-radius-small)}.ibiz-inline-ai-textarea-container__content{position:relative;display:flex;gap:var(--ibiz-spacing-tight);padding:var(--ibiz-spacing-base-tight);background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0)}.ibiz-inline-ai-textarea-container__content--prefix{flex-shrink:0;color:var(--ibiz-inline-ai-textarea-container-color-text-1)}.ibiz-inline-ai-textarea-container__content--textarea{position:relative;display:flex;flex-direction:column;flex-grow:1;gap:var(--ibiz-spacing-tight);overflow-y:auto}.ibiz-inline-ai-textarea-container__content--textarea textarea{flex-shrink:0;padding:0;overflow:hidden;color:var(--ibiz-inline-ai-textarea-container-color-text-0);resize:none;background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0);border:none;outline:0;transition:height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.ibiz-inline-ai-textarea-container__content--textarea textarea:disabled{background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0)}.ibiz-inline-ai-textarea-container__content--textarea textarea.is-hidden{display:none}.ibiz-inline-ai-textarea-container__content--suffix{display:flex;flex-direction:column-reverse;flex-shrink:0}.ibiz-inline-ai-textarea-container__content--sand-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--ibiz-inline-ai-textarea-container-color-text-2);cursor:pointer;border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-inline-ai-textarea-container__content--sand-icon:hover{background-color:var(--ibiz-inline-ai-textarea-container-color-bg-hover-1)}.ibiz-inline-ai-textarea-container__content--stop-icon{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;font-size:var(--ibiz-font-size-small);color:var(--ibiz-inline-ai-textarea-container-color-text-1);cursor:pointer}.ibiz-inline-ai-textarea-container__content--stop-icon:hover{color:var(--ibiz-inline-ai-textarea-container-color-text-hove-1)}.ibiz-inline-ai-textarea-container__footer{padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-small);color:var(--ibiz-inline-ai-textarea-container-color-text-1);background-color:var(--ibiz-inline-ai-textarea-container-color-bg-1);border-top:1px solid var(--ibiz-inline-ai-textarea-container-color-border)}.ibiz-inline-ai-textarea-container__actions{position:absolute;width:240px;padding:var(--ibiz-spacing-base-tight) 0;font-size:var(--ibiz-font-size-regular);background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0);border:1px solid var(--ibiz-inline-ai-textarea-container-color-border);border-radius:var(--ibiz-border-radius-small);box-shadow:0 0 16px var(--ibiz-color-shadow)}.ibiz-inline-ai-textarea-container__actions--action{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);cursor:pointer}.ibiz-inline-ai-textarea-container__actions--action:hover{background-color:var(--ibiz-inline-ai-textarea-container-color-bg-hover-2)}.ibiz-inline-ai-textarea-container__actions--action.is-danger:hover{color:var(--ibiz-color-danger)}.ibiz-inline-ai-textarea-container__actions--divider{margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base-loose);border-top:1px solid var(--ibiz-inline-ai-textarea-container-color-border)}.ibiz-inline-ai-textarea-container__error{flex-grow:1;color:var(--ibiz-color-danger)}.ibiz-inline-ai-textarea-container__think{flex-shrink:0;width:100%;height:auto;font-size:var(--ibiz-font-size-small);color:var(--ibiz-inline-ai-textarea-container-color-text-1)}.ibiz-inline-ai-textarea-container__think--header{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;margin-bottom:var(--ibiz-spacing-tight);cursor:pointer}.ibiz-inline-ai-textarea-container__think--header:hover{color:var(--ibiz-inline-ai-textarea-container-color-text-hove-1)}.ibiz-inline-ai-textarea-container__think--state-icon{display:flex;align-items:center;color:var(--ibiz-color-success)}.ibiz-inline-ai-textarea-container__think--state-icon.is-loading{color:var(--ibiz-inline-ai-textarea-container-color-loading)}.ibiz-inline-ai-textarea-container__think--collapse-icon{display:flex;align-items:center}.ibiz-inline-ai-textarea-container__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-inline-ai-textarea-container__think--content::before{position:absolute;top:0;bottom:0;left:0;width:2px;content:"";background-color:var(--ibiz-inline-ai-textarea-container-color-border)}.ibiz-inline-ai-textarea-container__loading{position:absolute;top:0;left:0;display:flex;gap:8px;align-items:center;width:100%;height:100%;overflow:hidden}@keyframes bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.ibiz-inline-ai-textarea-container__loading--dot{width:12px;height:12px;background:var(--ibiz-inline-ai-textarea-container-color-loading);border-radius:50%;animation:bounce 1.5s infinite ease-in-out}.ibiz-inline-ai-textarea-container__loading--dot:nth-child(2){animation-delay:.2s}.ibiz-inline-ai-textarea-container__loading--dot:nth-child(3){animation-delay:.4s}
+.ibiz-inline-ai-container-context-menu{--ibiz-inline-ai-context-menu-color-bg:var(--ibiz-color-bg-2);--ibiz-inline-ai-context-menu-color-text:var(--ibiz-color-text-0);--ibiz-inline-ai-context-menu-color-bg-active:var(--ibiz-color-fill-0);--mx-menu-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-backgroud:var(--ibiz-inline-ai-context-menu-color-bg);--mx-menu-hover-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-hover-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-open-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-open-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-open-hover-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-open-hover-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-active-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-active-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-backgroud-radius:0}.ibiz-inline-ai-container-context-menu .scroll-content{pointer-events:unset}.ibiz-inline-ai-container-context-menu .mx-context-menu-item{cursor:pointer}.ibiz-inline-ai-textarea-container{--ibiz-inline-ai-textarea-container-color-bg-0:rgb(255, 255, 255);--ibiz-inline-ai-textarea-container-color-bg-1:rgb(249, 249, 249);--ibiz-inline-ai-textarea-container-color-border:rgba(29, 31, 35, 0.1);--ibiz-inline-ai-textarea-container-color-text-0:rgb(29, 31, 35);--ibiz-inline-ai-textarea-container-color-text-1:rgba(0, 0, 0, 0.45);--ibiz-inline-ai-textarea-container-color-text-2:rgb(85, 125, 165);--ibiz-inline-ai-textarea-container-color-text-hove-1:rgb(105, 148, 190);--ibiz-inline-ai-textarea-container-color-bg-hover-1:rgb(217, 236, 255);--ibiz-inline-ai-textarea-container-color-bg-hover-2:rgba(46, 50, 55, 0.05);--ibiz-inline-ai-textarea-container-color-loading:#65b3fc}.ibiz-inline-ai-textarea-container--dark{--ibiz-inline-ai-textarea-container-color-bg-0:rgb(28, 28, 28);--ibiz-inline-ai-textarea-container-color-bg-1:rgb(53, 54, 60);--ibiz-inline-ai-textarea-container-color-border:rgba(255, 255, 255, 0.08);--ibiz-inline-ai-textarea-container-color-text-0:rgb(255, 255, 255);--ibiz-inline-ai-textarea-container-color-text-1:rgba(249, 249, 249, 0.35);--ibiz-inline-ai-textarea-container-color-text-2:rgb(70, 107, 144);--ibiz-inline-ai-textarea-container-color-text-hove-1:rgb(105, 148, 190);--ibiz-inline-ai-textarea-container-color-bg-hover-1:rgba(85, 125, 165, 0.2);--ibiz-inline-ai-textarea-container-color-bg-hover-2:rgb(67, 68, 74);--ibiz-inline-ai-textarea-container-color-loading:rgba(204, 204, 204, 0.6)}.ibiz-inline-ai-textarea-container{position:absolute;color:var(--ibiz-inline-ai-textarea-container-color-text-0);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-inline-ai-textarea-container .ibiz-inline-ai-textarea-container__content{border:1px solid var(--ibiz-inline-ai-textarea-container-color-border);border-radius:var(--ibiz-border-radius-small);box-shadow:0 0 16px var(--ibiz-color-shadow)}.ibiz-inline-ai-textarea-container.is-show-ai{border:1px solid var(--ibiz-inline-ai-textarea-container-color-border);border-radius:var(--ibiz-border-radius-small);box-shadow:0 0 16px var(--ibiz-color-shadow)}.ibiz-inline-ai-textarea-container.is-show-ai .ibiz-inline-ai-textarea-container__content{border:none;border-radius:var(--ibiz-border-radius-small) var(--ibiz-border-radius-small) 0 0;box-shadow:none}.ibiz-inline-ai-textarea-container.is-show-ai .ibiz-inline-ai-textarea-container__footer{border-radius:0 0 var(--ibiz-border-radius-small) var(--ibiz-border-radius-small)}.ibiz-inline-ai-textarea-container__content{position:relative;display:flex;gap:var(--ibiz-spacing-tight);padding:var(--ibiz-spacing-base-tight);background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0)}.ibiz-inline-ai-textarea-container__content--prefix{flex-shrink:0;color:var(--ibiz-inline-ai-textarea-container-color-text-1)}.ibiz-inline-ai-textarea-container__content--textarea{position:relative;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.ibiz-inline-ai-textarea-container__content--textarea textarea{flex-shrink:0;padding:0;overflow:hidden;color:var(--ibiz-inline-ai-textarea-container-color-text-0);resize:none;background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0);border:none;outline:0;transition:height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.ibiz-inline-ai-textarea-container__content--textarea textarea:disabled{background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0)}.ibiz-inline-ai-textarea-container__content--textarea textarea.is-hidden{display:none}.ibiz-inline-ai-textarea-container__content--suffix{display:flex;flex-direction:column-reverse;flex-shrink:0}.ibiz-inline-ai-textarea-container__content--sand-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--ibiz-inline-ai-textarea-container-color-text-2);cursor:pointer;border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-inline-ai-textarea-container__content--sand-icon:hover{background-color:var(--ibiz-inline-ai-textarea-container-color-bg-hover-1)}.ibiz-inline-ai-textarea-container__content--stop-icon{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;font-size:var(--ibiz-font-size-small);color:var(--ibiz-inline-ai-textarea-container-color-text-1);cursor:pointer}.ibiz-inline-ai-textarea-container__content--stop-icon:hover{color:var(--ibiz-inline-ai-textarea-container-color-text-hove-1)}.ibiz-inline-ai-textarea-container__footer{padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-small);color:var(--ibiz-inline-ai-textarea-container-color-text-1);background-color:var(--ibiz-inline-ai-textarea-container-color-bg-1);border-top:1px solid var(--ibiz-inline-ai-textarea-container-color-border)}.ibiz-inline-ai-textarea-container__actions{position:absolute;width:240px;padding:var(--ibiz-spacing-base-tight) 0;font-size:var(--ibiz-font-size-regular);background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0);border:1px solid var(--ibiz-inline-ai-textarea-container-color-border);border-radius:var(--ibiz-border-radius-small);box-shadow:0 0 16px var(--ibiz-color-shadow)}.ibiz-inline-ai-textarea-container__actions--action{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);cursor:pointer}.ibiz-inline-ai-textarea-container__actions--action:hover{background-color:var(--ibiz-inline-ai-textarea-container-color-bg-hover-2)}.ibiz-inline-ai-textarea-container__actions--action.is-danger:hover{color:var(--ibiz-color-danger)}.ibiz-inline-ai-textarea-container__actions--divider{margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base-loose);border-top:1px solid var(--ibiz-inline-ai-textarea-container-color-border)}.ibiz-inline-ai-textarea-container__error{flex-grow:1;color:var(--ibiz-color-danger)}.ibiz-inline-ai-textarea-container__think{flex-shrink:0;margin-bottom:var(--ibiz-spacing-tight)}.ibiz-inline-ai-textarea-container__tool-call{flex-shrink:0;margin-bottom:var(--ibiz-spacing-tight)}.ibiz-inline-ai-textarea-container__loading{position:absolute;top:0;left:0;display:flex;gap:8px;align-items:center;width:100%;height:100%;overflow:hidden}@keyframes bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.ibiz-inline-ai-textarea-container__loading--dot{width:12px;height:12px;background:var(--ibiz-inline-ai-textarea-container-color-loading);border-radius:50%;animation:bounce 1.5s infinite ease-in-out}.ibiz-inline-ai-textarea-container__loading--dot:nth-child(2){animation-delay:.2s}.ibiz-inline-ai-textarea-container__loading--dot:nth-child(3){animation-delay:.4s}

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

@@ -58,6 +58,7 @@ 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;
@@ -75,7 +76,9 @@ const useAI = (props, opts) => {
       deACMode.appId
     );
     const path = calcAIPath(true);
-    const body = {};
+    const body = {
+      sessionid
+    };
     if (srfaiappendcurdata)
       Object.assign(body, data);
     if (srfmode)
@@ -112,6 +115,7 @@ const useAI = (props, opts) => {
   };
   const prepareData = (question, isAsync = false) => {
     const body = {
+      sessionid,
       messages: [
         ...history,
         {
@@ -132,17 +136,40 @@ const useAI = (props, opts) => {
   const parseContent = (text) => {
     let think;
     let content;
+    const toolcalls = [];
     if (!text)
-      return { think, content };
+      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 {
-      content = text;
+      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 };
+    return { think, content, toolcalls };
   };
   const asyncAskAI = (question, callBack, errorBack) => {
     return new Promise((resolve) => {
@@ -276,6 +303,9 @@ const useBase = (props, element, message) => {
         textareaRef.value.style.height = "auto";
         textareaRef.value.style.height = "".concat(textareaRef.value.scrollHeight, "px");
       });
+    },
+    {
+      immediate: true
     }
   );
   const updatePosition = () => {

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

@@ -1,8 +1,11 @@
 import { defineComponent, createVNode, withDirectives, vModelText, ref, computed, onMounted } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { computedInLineAIParams, useBase, useAI, useInLineAIContainerClick } from './inline-ai-textarea.hook.mjs';
-import { AIIcon, StopIcon, SendIcon, LoadingIcon, ThinkSuccessIcon, DownIcon, UpIcon } from './icon.mjs';
+import { AIIcon, StopIcon, SendIcon } from './icon.mjs';
+import './common/index.mjs';
 import './inline-ai-textarea.css';
+import { AIToolCall } from './common/ai-tool-call/ai-tool-call.mjs';
+import { AIThink } from './common/ai-think/ai-think.mjs';
 
 "use strict";
 const InlineAITextArea = /* @__PURE__ */ defineComponent({
@@ -59,6 +62,7 @@ const InlineAITextArea = /* @__PURE__ */ defineComponent({
     const textareaRef = ref();
     const message = ref({
       role: "USER",
+      toolcalls: [],
       error: void 0,
       think: void 0,
       content: props.content
@@ -116,14 +120,22 @@ const InlineAITextArea = /* @__PURE__ */ defineComponent({
           break;
         case 30:
           answerContent = answer.content;
-          Object.assign(message.value, parseContent(answerContent));
+          const {
+            think,
+            content
+          } = parseContent(answerContent);
+          Object.assign(message.value, {
+            think,
+            content
+          });
           break;
         case 40:
           isCollapse.value = true;
           Object.assign(message.value, {
-            error: answer.content,
+            toolcalls: [],
             think: void 0,
-            content: void 0
+            content: void 0,
+            error: answer.content
           });
           break;
         default:
@@ -142,6 +154,7 @@ const InlineAITextArea = /* @__PURE__ */ defineComponent({
         question = content;
         answerContent = void 0;
         Object.assign(message.value, {
+          toolcalls: [],
           error: void 0,
           think: void 0,
           content: void 0
@@ -168,9 +181,6 @@ const InlineAITextArea = /* @__PURE__ */ defineComponent({
           sendQuestion(message.value.content);
       }
     };
-    const onCollapseChange = () => {
-      isCollapse.value = !isCollapse.value;
-    };
     const handleAction = (_e, actionName) => {
       const content = message.value.content;
       switch (actionName) {
@@ -219,26 +229,11 @@ const InlineAITextArea = /* @__PURE__ */ defineComponent({
         "class": ns.em("loading", "dot")
       }, null)]);
     };
-    const renderContent = () => {
+    const renderError = () => {
       if (message.value.error)
         return createVNode("div", {
           "class": ns.e("error")
         }, [message.value.error]);
-      if (message.value.think)
-        return createVNode("div", {
-          "class": ns.e("think")
-        }, [createVNode("div", {
-          "class": ns.em("think", "header"),
-          "onClick": onCollapseChange
-        }, [createVNode("div", {
-          "class": [ns.em("think", "state-icon"), ns.is("loading", isLoading.value)]
-        }, [isLoading.value ? LoadingIcon : ThinkSuccessIcon]), createVNode("div", {
-          "class": ns.em("think", "title")
-        }, [isLoading.value ? ibiz.i18n.t("util.inlineAiUtil.thinking") : ibiz.i18n.t("util.inlineAiUtil.thinked")]), createVNode("div", {
-          "class": ns.em("think", "collapse-icon")
-        }, [isCollapse.value ? DownIcon : UpIcon])]), !isCollapse.value && createVNode("div", {
-          "class": ns.em("think", "content")
-        }, [message.value.think])]);
     };
     return {
       ns,
@@ -248,6 +243,7 @@ const InlineAITextArea = /* @__PURE__ */ defineComponent({
       message,
       disabled,
       isLoading,
+      isCollapse,
       actionsRef,
       textareaRef,
       actionStyle,
@@ -255,10 +251,10 @@ const InlineAITextArea = /* @__PURE__ */ defineComponent({
       contentStyle,
       containerStyle,
       onKeydown,
+      renderError,
       sendQuestion,
       handleAction,
       renderLoading,
-      renderContent,
       stopQuestionAndClose
     };
   },
@@ -276,7 +272,18 @@ const InlineAITextArea = /* @__PURE__ */ defineComponent({
       "class": this.ns.em("content", "ai-icon")
     }, [AIIcon])]), createVNode("div", {
       "class": this.ns.em("content", "textarea")
-    }, [this.renderLoading(), this.renderContent(), withDirectives(createVNode("textarea", {
+    }, [this.renderLoading(), createVNode(AIToolCall, {
+      "class": this.ns.e("tool-call"),
+      "toolCalls": this.message.toolcalls
+    }, null), createVNode(AIThink, {
+      "class": this.ns.e("think"),
+      "think": this.message.think,
+      "isLoading": this.isLoading,
+      "isCollapse": this.isCollapse,
+      "onCollapseChange": (val) => {
+        this.isCollapse = val;
+      }
+    }, null), this.renderError(), withDirectives(createVNode("textarea", {
       "ref": "textareaRef",
       "disabled": this.disabled,
       "onKeydown": this.onKeydown,

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

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

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

@@ -27,6 +27,7 @@ const AttachmentColumn = /* @__PURE__ */ vue.defineComponent({
     const {
       getDownloadUrl,
       files,
+      enableNoAccess,
       onDownload,
       getDownloadTicketParams
     } = fileUtil.useFilesParse(props, props.controller);
@@ -57,7 +58,7 @@ const AttachmentColumn = /* @__PURE__ */ vue.defineComponent({
     const handlePDFPreview = async (file) => {
       const downloadUrl = getDownloadUrl(props.data, file);
       let url = file.url || downloadUrl.replace("%fileId%", file.id);
-      if (ibiz.config.common.enableDownloadTicket) {
+      if (ibiz.config.common.enableDownloadTicket && !enableNoAccess) {
         const downloadTicket = await ibiz.util.file.getDownloadTicket(props.controller.context, props.controller.params, props.data, {
           fileId: file.id
         }, getDownloadTicketParams());

package/lib/control/grid/grid-column/grid-field-column/attachment-column/file-util.cjs

@@ -22,9 +22,12 @@ const getFileType = (extension) => {
   }
 };
 function useFilesParse(props, c) {
+  var _a, _b;
   const files = vue.ref([]);
   const uploadUrl = vue.ref("");
   const svgBlob = /* @__PURE__ */ new Map();
+  const enableNoAccess = ((_a = c.model.userParam) == null ? void 0 : _a.enablenoaccess) === "true";
+  const osscat = (_b = c.model.userParam) == null ? void 0 : _b.osscat;
   const getDownloadTicketParams = () => {
     const downloadTicketParams = {};
     if (!c.model.userParam) {
@@ -80,7 +83,7 @@ function useFilesParse(props, c) {
     }
   };
   const getDownloadUrl = (data, file) => {
-    const editorParams = {};
+    const editorParams = { osscat, enableNoAccess };
     if (file && file.folder) {
       editorParams.osscat = file.folder;
     }
@@ -95,14 +98,20 @@ function useFilesParse(props, c) {
   const onDownload = (file) => {
     const downloadUrl = getDownloadUrl(props.data, file);
     const url = file.url || downloadUrl.replace("%fileId%", file.id);
-    ibiz.util.file.fileDownload(url, file.name, {
-      context: c.context,
-      params: c.params,
-      data: props.data,
-      file: { fileId: file.id, ...file },
-      extraParams: {},
-      downloadTicketParams: getDownloadTicketParams()
-    });
+    ibiz.util.file.fileDownload(
+      url,
+      file.name,
+      {
+        context: c.context,
+        params: c.params,
+        data: props.data,
+        file: { fileId: file.id, ...file },
+        extraParams: { osscat, enableNoAccess },
+        downloadTicketParams: getDownloadTicketParams()
+      },
+      void 0,
+      enableNoAccess
+    );
   };
   vue.watch(
     () => props.value,
@@ -115,11 +124,12 @@ function useFilesParse(props, c) {
     () => props.data,
     (newVal) => {
       if (newVal) {
+        const editorParams = { osscat, enableNoAccess };
         const urls = ibiz.util.file.calcFileUpDownUrl(
           c.context,
           c.params,
           newVal,
-          {}
+          editorParams
         );
         uploadUrl.value = urls.uploadUrl;
       }
@@ -135,7 +145,7 @@ function useFilesParse(props, c) {
           Object.assign(file, {
             url: file.url || downloadUrl.replace("%fileId%", file.id)
           });
-          if (ibiz.config.common.enableDownloadTicket) {
+          if (ibiz.config.common.enableDownloadTicket && !enableNoAccess) {
             ibiz.util.file.getDownloadTicket(
               c.context,
               c.params,
@@ -166,6 +176,7 @@ function useFilesParse(props, c) {
   return {
     files,
     uploadUrl,
+    enableNoAccess,
     onDownload,
     getDownloadUrl,
     getDownloadTicketParams

package/lib/control/toolbar/export-excel/export-excel.cjs

@@ -31,7 +31,8 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
       required: true
     },
     controller: {
-      type: Object
+      type: Object,
+      required: true
     }
   },
   emits: ["exportExcel"],
@@ -41,6 +42,15 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("export-excel");
     const startPage = vue.ref(1);
     const endPage = vue.ref(9999);
+    const maxRowCount = vue.ref(1e3);
+    const xdataControl = props.controller.xdataControl;
+    vue.onMounted(() => {
+      if (xdataControl)
+        xdataControl.evt.on("onMounted", () => {
+          var _a;
+          maxRowCount.value = ((_a = xdataControl.dataExport) == null ? void 0 : _a.maxRowCount) || 1e3;
+        });
+    });
     const onCommand = (command, e) => {
       if (!command) {
         return;
@@ -53,6 +63,7 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
     };
     return {
       ns,
+      maxRowCount,
       endPage,
       startPage,
       onCommand
@@ -80,7 +91,9 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
         return [vue.createVNode(vue.resolveComponent("el-menu-item"), {
           "class": this.ns.b("menu-item"),
           "onClick": (e) => this.onCommand("maxRowCount", e)
-        }, _isSlot(_slot2 = ibiz.i18n.t("control.toolbar.exportExcel.exportAll")) ? _slot2 : {
+        }, _isSlot(_slot2 = ibiz.i18n.t("control.toolbar.exportExcel.exportAll", {
+          maxRowCount: this.maxRowCount
+        })) ? _slot2 : {
           default: () => [_slot2]
         }), vue.createVNode(vue.resolveComponent("el-menu-item"), {
           "class": this.ns.b("menu-item"),
@@ -156,7 +169,9 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
         return vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, {
           default: () => [vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
             "command": "maxRowCount"
-          }, _isSlot(_slot7 = ibiz.i18n.t("control.toolbar.exportExcel.exportAll")) ? _slot7 : {
+          }, _isSlot(_slot7 = ibiz.i18n.t("control.toolbar.exportExcel.exportAll", {
+            maxRowCount: this.maxRowCount
+          })) ? _slot7 : {
             default: () => [_slot7]
           }), vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
             "command": "activatedPage"

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

@@ -10,9 +10,11 @@ const IBizCarousel = /* @__PURE__ */ vue.defineComponent({
   props: vue3Util.getEditorProps(),
   emits: vue3Util.getEditorEmits(),
   setup(props) {
+    var _a;
     const ns = vue3Util.useNamespace("carousel");
     const c = props.controller;
     const editorModel = c.model;
+    const enableNoAccess = ((_a = c == null ? void 0 : c.editorParams) == null ? void 0 : _a.enablenoaccess) === "true";
     const carouselData = vue.ref([]);
     const isAuto = vue.ref(true);
     const timeSpan = vue.ref(3e3);
@@ -25,7 +27,8 @@ const IBizCarousel = /* @__PURE__ */ vue.defineComponent({
     });
     const getDownloadUrl = (data, file) => {
       const editorParams = {
-        ...c.editorParams
+        ...c.editorParams,
+        enableNoAccess
       };
       if (editorParams.exportparams) {
         editorParams.exportParams = JSON.parse(editorParams.exportparams);
@@ -41,7 +44,7 @@ const IBizCarousel = /* @__PURE__ */ vue.defineComponent({
         newVal.forEach((carousel) => {
           const downloadUrl = getDownloadUrl(props.data, carousel);
           carousel.imgUrl = carousel.imgUrl || downloadUrl.replace("%fileId%", carousel.id);
-          if (ibiz.config.common.enableDownloadTicket) {
+          if (ibiz.config.common.enableDownloadTicket && !enableNoAccess) {
             ibiz.util.file.getDownloadTicket(c.context, c.params, props.data, {
               fileId: carousel.id
             }, c.downloadTicketParams).then((downloadTicket) => {