@ibiz-template/vue3-components 0.7.41-alpha.40 → 0.7.41-alpha.41

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

@@ -1,20 +1,30 @@
 import qs from 'qs';
 import { notNilEmpty } from 'qx-util';
-import { onMounted, onUnmounted, ref } from 'vue';
+import { useUIStore } from '@ibiz-template/vue3-util';
+import { onMounted, onUnmounted, ref, watch, nextTick } from 'vue';
 import { calcResPath } from '@ibiz-template/runtime';
 import { RegenerateIcon, insertTextIcon, ReplaceTextIcon, CopyTextIcon, CancelIcon } from './icon.mjs';
 
 "use strict";
 const computedInLineAIParams = (props) => {
-  var _a;
+  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: (_a = props.context.srfaiappendcurdata) != null ? _a : true,
-    srfaiautoappend: props.params.srfaiautoappend === "true" || props.params.srfaiautoappend === true,
-    srfmode: props.params.srfmode,
-    srfaiagent: props.params.srfaiagent
+    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, content, isLoading) => {
+const useInLineAIContainerClick = (props, message, isLoading) => {
   const handclick = async (evt) => {
     const target = evt.target;
     if (!target.closest(".ibiz-inline-ai-textarea-container") && !target.closest(".ibiz-inline-ai-alert")) {
@@ -22,7 +32,7 @@ const useInLineAIContainerClick = (props, content, isLoading) => {
         evt.stopPropagation();
         return;
       }
-      const isChange = props.content !== content.value;
+      const isChange = props.content !== message.value.content;
       let isClose = true;
       if (isChange) {
         isClose = await ibiz.confirm.warning({
@@ -50,21 +60,24 @@ const useAI = (props, opts) => {
   const params = { srfactag: deACMode.codeName };
   const app = ibiz.hub.getApp(deACMode.appId);
   let history = [];
-  const calcAIPath = (appDataEntity, isHistories = false) => {
+  let appDataEntity;
+  const calcAIPath = (isHistories = false, isAsync = false) => {
+    if (!appDataEntity)
+      return "";
     const srfkey = context[appDataEntity.codeName.toLowerCase()];
-    const curPath = "/".concat(appDataEntity.deapicodeName2, "/chatcompletion").concat(isHistories ? "/histories" : "").concat(srfkey ? "/".concat(srfkey) : "");
+    const curPath = "/".concat(appDataEntity.deapicodeName2, "/").concat(isAsync ? "sse" : "", "chatcompletion").concat(isHistories ? "/histories" : "").concat(srfkey ? "/".concat(srfkey) : "");
     const resPath = calcResPath(context, appDataEntity);
     return resPath ? "/".concat(resPath).concat(curPath) : "".concat(curPath);
   };
   const loadAiHistory = async () => {
-    const appDataEntity = await ibiz.hub.getAppDataEntity(
+    appDataEntity = await ibiz.hub.getAppDataEntity(
       deACMode.appDataEntityId,
       deACMode.appId
     );
-    const path = calcAIPath(appDataEntity, true);
+    const path = calcAIPath(true);
     const body = {};
     if (srfaiappendcurdata)
-      Object.assign(body, { data });
+      Object.assign(body, data);
     if (srfmode)
       Object.assign(body, { mode: srfmode });
     if (srfaiagent)
@@ -97,14 +110,13 @@ const useAI = (props, opts) => {
     }
     return url;
   };
-  const askAI = async (content) => {
-    var _a, _b;
+  const prepareData = (question, isAsync = false) => {
     const body = {
       messages: [
         ...history,
         {
           role: "USER",
-          content
+          content: question
         }
       ]
     };
@@ -112,32 +124,92 @@ const useAI = (props, opts) => {
       Object.assign(body, { mode: srfmode });
     if (srfaiagent)
       Object.assign(body, { srfaiagent });
-    abortController.value = new AbortController();
-    const appDataEntity = await ibiz.hub.getAppDataEntity(
-      deACMode.appDataEntityId,
-      deACMode.appId
-    );
-    const path = attachUrlParam(calcAIPath(appDataEntity));
-    const response = await app.net.request(path, {
-      method: "post",
-      data: body,
-      signal: abortController.value.signal
+    let url = calcAIPath(false, isAsync);
+    if (!isAsync)
+      url = attachUrlParam(url);
+    return { body, url };
+  };
+  const parseContent = (text) => {
+    let think;
+    let content;
+    if (!text)
+      return { think, content };
+    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;
+    }
+    return { think, content };
+  };
+  const asyncAskAI = (question, callBack) => {
+    return new Promise((resolve, reject) => {
+      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: () => reject(),
+        signal: abortController.value.signal
+      });
     });
-    if (response.ok) {
-      const result = (_b = (_a = response.data.choices) == null ? void 0 : _a[0]) == null ? void 0 : _b.content;
-      return result;
+  };
+  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 "";
   };
-  onMounted(() => {
-    loadAiHistory();
-  });
   return {
-    askAI,
+    syncAskAI,
+    asyncAskAI,
+    parseContent,
+    loadAiHistory,
     abortController
   };
 };
-const useBase = (props, container, target) => {
+const useBase = (props, element, message) => {
   const actions = [
     {
       title: ibiz.i18n.t("util.inlineAiUtil.regenerate"),
@@ -173,7 +245,9 @@ const useBase = (props, container, target) => {
       actionName: "cancel"
     }
   ];
+  const { zIndex } = 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;
@@ -182,20 +256,32 @@ const useBase = (props, container, target) => {
   const containerStyle = ref({
     width: "".concat(options.width, "px"),
     left: "".concat(options.left, "px"),
-    top: "".concat(options.top, "px")
+    top: "".concat(options.top, "px"),
+    zIndex: zIndex.increment()
   });
   const contentStyle = ref({
-    height: "".concat(options.height || 300, "px"),
-    "max-height": "".concat(options.maxHeight, "px")
+    height: options.height ? "".concat(options.height, "px") : "auto",
+    "max-height": "".concat(options.maxHeight || (options.height && options.height > 300 ? options.height : 300), "px")
   });
+  watch(
+    () => message.value.content,
+    () => {
+      nextTick(() => {
+        if (!textareaRef.value)
+          return;
+        textareaRef.value.style.height = "auto";
+        textareaRef.value.style.height = "".concat(textareaRef.value.scrollHeight, "px");
+      });
+    }
+  );
   const updatePosition = () => {
-    if (!container.value || !target.value)
+    if (!containerRef.value || !actionsRef.value)
       return;
     const rect = options.editorElement.getBoundingClientRect();
     let top = rect.top + offsetY;
     let left = rect.left + offsetX;
-    const containerWidth = container.value.offsetWidth;
-    const containerHeight = container.value.offsetHeight;
+    const containerWidth = containerRef.value.offsetWidth;
+    const containerHeight = containerRef.value.offsetHeight;
     const windowWidth = window.innerWidth;
     const windowHeight = window.innerHeight;
     const margin = 8;
@@ -212,7 +298,7 @@ const useBase = (props, container, target) => {
     containerStyle.value.top = "".concat(top, "px");
     containerStyle.value.left = "".concat(left, "px");
     const position = containerHeight + 4;
-    const targetHeight = target.value.offsetHeight;
+    const targetHeight = actionsRef.value.offsetHeight;
     if (windowHeight - (top + containerHeight + targetHeight) > margin) {
       actionStyle.value.top = "".concat(position, "px");
       actionStyle.value.bottom = "auto";
@@ -231,18 +317,25 @@ const useBase = (props, container, target) => {
       ticking = true;
     }
   };
+  let observer;
   onMounted(() => {
-    updatePosition();
     document.addEventListener("scroll", optimizedUpdatePosition, {
       capture: true
     });
     window.addEventListener("resize", optimizedUpdatePosition);
+    if (containerRef.value) {
+      observer = new ResizeObserver(optimizedUpdatePosition);
+      observer.observe(containerRef.value);
+    }
   });
   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 };
 };

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

@@ -1,7 +1,7 @@
 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 } from './icon.mjs';
+import { AIIcon, StopIcon, SendIcon, LoadingIcon, ThinkSuccessIcon, DownIcon, UpIcon } from './icon.mjs';
 import './inline-ai-textarea.css';
 
 "use strict";
@@ -15,6 +15,10 @@ const InlineAITextArea = /* @__PURE__ */ defineComponent({
       type: Object,
       required: true
     },
+    editorParams: {
+      type: Object,
+      required: true
+    },
     data: {
       type: Object,
       required: true
@@ -53,21 +57,28 @@ const InlineAITextArea = /* @__PURE__ */ defineComponent({
     const containerRef = ref();
     const actionsRef = ref();
     const textareaRef = ref();
-    const textareaContent = ref(props.content);
+    const message = ref({
+      role: "USER",
+      error: void 0,
+      think: void 0,
+      content: props.content
+    });
     let question;
-    const contentType = ref("USER");
+    let answerContent;
     const isLoading = ref(false);
+    const isCollapse = ref(false);
     const disabled = computed(() => {
-      return contentType.value === "ASSISTANT" || isLoading.value;
+      return message.value.role === "ASSISTANT" || isLoading.value;
     });
     const isShow = computed(() => {
-      return contentType.value === "ASSISTANT" && !isLoading.value;
+      return message.value.role === "ASSISTANT" && !isLoading.value;
     });
     const {
-      srfaiappendcurdata,
-      srfaiautoappend,
       srfmode,
-      srfaiagent
+      srfaiagent,
+      autoquestion,
+      srfaiappendcurdata,
+      inlinecompletionmode
     } = computedInLineAIParams(props);
     const {
       theme,
@@ -75,34 +86,73 @@ const InlineAITextArea = /* @__PURE__ */ defineComponent({
       actionStyle,
       containerStyle,
       contentStyle
-    } = useBase(props, containerRef, actionsRef);
+    } = useBase(props, {
+      containerRef,
+      actionsRef,
+      textareaRef
+    }, message);
     const {
-      askAI,
+      syncAskAI,
+      asyncAskAI,
+      parseContent,
+      loadAiHistory,
       abortController
     } = useAI(props, {
-      srfaiappendcurdata,
       srfmode,
-      srfaiagent
+      srfaiagent,
+      srfaiappendcurdata
     });
+    useInLineAIContainerClick(props, message, isLoading);
     const stopQuestionAndClose = () => {
       var _a;
       (_a = abortController.value) == null ? void 0 : _a.abort();
       props.unMountAIChat();
     };
-    useInLineAIContainerClick(props, textareaContent, isLoading);
-    const restoreFocus = () => {
-      var _a;
-      (_a = textareaRef.value) == null ? void 0 : _a.blur();
-      props.restoreSelection();
+    const handleAnswer = (answer) => {
+      switch (answer.state) {
+        case 20:
+          answerContent += answer.content;
+          Object.assign(message.value, parseContent(answerContent));
+          break;
+        case 30:
+          answerContent = answer.content;
+          Object.assign(message.value, parseContent(answerContent));
+          break;
+        case 40:
+          isCollapse.value = true;
+          Object.assign(message.value, {
+            error: answer.content,
+            think: void 0,
+            content: void 0
+          });
+          break;
+        default:
+          break;
+      }
+      message.value.role = "ASSISTANT";
     };
     const sendQuestion = async (content) => {
+      var _a;
+      if (!content || isLoading.value)
+        return;
+      isLoading.value = true;
       try {
-        isLoading.value = true;
-        restoreFocus();
+        (_a = textareaRef.value) == null ? void 0 : _a.blur();
+        props.restoreSelection();
         question = content;
-        textareaContent.value = "";
-        textareaContent.value = await askAI(question);
-        contentType.value = "ASSISTANT";
+        answerContent = void 0;
+        Object.assign(message.value, {
+          error: void 0,
+          think: void 0,
+          content: void 0
+        });
+        isCollapse.value = false;
+        if (inlinecompletionmode === "async") {
+          await asyncAskAI(question, handleAnswer);
+        } else {
+          const answer = await syncAskAI(question);
+          handleAnswer(answer);
+        }
       } catch (error) {
         ibiz.log.error(error);
       } finally {
@@ -112,13 +162,15 @@ const InlineAITextArea = /* @__PURE__ */ defineComponent({
     const onKeydown = (e) => {
       if (e.code === "Enter" && !e.isComposing) {
         e.stopPropagation();
-        if (e.shiftKey === false) {
-          sendQuestion(textareaContent.value);
-        }
+        if (e.shiftKey === false)
+          sendQuestion(message.value.content);
       }
     };
+    const onCollapseChange = () => {
+      isCollapse.value = !isCollapse.value;
+    };
     const handleAction = (_e, actionName) => {
-      const content = textareaContent.value;
+      const content = message.value.content;
       switch (actionName) {
         case "regenerate":
           sendQuestion(question);
@@ -142,32 +194,69 @@ const InlineAITextArea = /* @__PURE__ */ defineComponent({
           break;
       }
     };
-    onMounted(() => {
+    onMounted(async () => {
       var _a;
-      if (srfaiautoappend) {
-        sendQuestion(textareaContent.value);
+      await loadAiHistory();
+      if (autoquestion) {
+        await sendQuestion(message.value.content);
       } else {
         (_a = textareaRef.value) == null ? void 0 : _a.focus();
       }
     });
+    const renderLoading = () => {
+      const value = message.value.error || message.value.content || message.value.think;
+      if (!isLoading.value || value)
+        return;
+      return createVNode("div", {
+        "class": ns.e("loading")
+      }, [createVNode("div", {
+        "class": ns.em("loading", "dot")
+      }, null), createVNode("div", {
+        "class": ns.em("loading", "dot")
+      }, null), createVNode("div", {
+        "class": ns.em("loading", "dot")
+      }, null)]);
+    };
+    const renderContent = () => {
+      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,
       theme,
       isShow,
       actions,
+      message,
       disabled,
       isLoading,
       actionsRef,
       textareaRef,
       actionStyle,
-      contentType,
       containerRef,
       contentStyle,
       containerStyle,
-      textareaContent,
       onKeydown,
       sendQuestion,
       handleAction,
+      renderLoading,
+      renderContent,
       stopQuestionAndClose
     };
   },
@@ -185,33 +274,26 @@ const InlineAITextArea = /* @__PURE__ */ defineComponent({
       "class": this.ns.em("content", "ai-icon")
     }, [AIIcon])]), createVNode("div", {
       "class": this.ns.em("content", "textarea")
-    }, [this.isLoading && createVNode("div", {
-      "class": this.ns.e("loading")
-    }, [createVNode("div", {
-      "class": this.ns.em("loading", "dot")
-    }, null), createVNode("div", {
-      "class": this.ns.em("loading", "dot")
-    }, null), createVNode("div", {
-      "class": this.ns.em("loading", "dot")
-    }, null)]), withDirectives(createVNode("textarea", {
+    }, [this.renderLoading(), this.renderContent(), withDirectives(createVNode("textarea", {
       "ref": "textareaRef",
       "disabled": this.disabled,
       "onKeydown": this.onKeydown,
-      "onUpdate:modelValue": ($event) => this.textareaContent = $event
-    }, null), [[vModelText, this.textareaContent]])]), createVNode("div", {
+      "onUpdate:modelValue": ($event) => this.message.content = $event,
+      "class": this.ns.is("hidden", !!this.message.error)
+    }, null), [[vModelText, this.message.content]])]), createVNode("div", {
       "class": this.ns.em("content", "suffix")
     }, [this.isLoading && createVNode("div", {
       "class": this.ns.em("content", "stop-icon"),
       "onClick": () => this.stopQuestionAndClose()
     }, [StopIcon, createVNode("span", null, [ibiz.i18n.t("util.inlineAiUtil.stopEdit")])]), !this.disabled && createVNode("div", {
       "class": this.ns.em("content", "sand-icon"),
-      "onClick": () => this.sendQuestion(this.textareaContent)
-    }, [SendIcon])])]), createVNode("div", {
-      "class": [this.ns.e("footer"), this.ns.is("show", this.isShow)]
-    }, [ibiz.i18n.t("util.inlineAiUtil.info")]), createVNode("div", {
+      "onClick": () => this.sendQuestion(this.message.content)
+    }, [SendIcon])])]), this.isShow && createVNode("div", {
+      "class": this.ns.e("footer")
+    }, [ibiz.i18n.t("util.inlineAiUtil.info")]), this.isShow && createVNode("div", {
       "ref": "actionsRef",
-      "class": [this.ns.e("actions"), this.ns.is("show", this.isShow)],
-      "style": this.actionStyle
+      "style": this.actionStyle,
+      "class": this.ns.e("actions")
     }, [this.actions.map((action) => {
       if (action.itemType === "divider")
         return createVNode("div", {

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

@@ -116,7 +116,7 @@ class InLineAIUtil {
     this.container.className = this.ns.b();
     document.body.appendChild(this.container);
     const { editor } = params;
-    const { insertText, replaceSelectionText, restoreSelection } = editor;
+    const { insertText, replaceSelectionText, restoreSelection, editorParams } = editor;
     delete params.editor;
     const unMountAIChat = () => {
       this.destroyInlineAIComponent();
@@ -125,6 +125,7 @@ class InLineAIUtil {
       context,
       params,
       data,
+      editorParams,
       content: selectText,
       deACMode,
       options,

package/es/web-app/main.mjs

@@ -22,6 +22,7 @@ import { LoadingUtil } from '../util/loading-util/loading-util.mjs';
 import { NoticeUtil } from '../util/notice-util/notice-util.mjs';
 import { OverlayController } from '../util/overlay-controller/overlay-controller.mjs';
 import { InLineAIUtil } from '../util/inline-ai-util/inline-ai-util.mjs';
+import { AIChatUtil } from '../util/ai-chat-util/ai-chat-util.mjs';
 import { FullscreenUtil } from '../util/fullscreen/fullscreen-util.mjs';
 
 "use strict";
@@ -83,6 +84,7 @@ async function runApp(plugins, opts) {
   ibiz.notice = new NoticeUtil();
   ibiz.overlay = new OverlayController();
   ibiz.inLineAIUtil = new InLineAIUtil();
+  ibiz.aiChatUtil = new AIChatUtil();
   ibiz.util.text.format = (value, code) => {
     return app.config.globalProperties.$textFormat(value, code);
   };

package/lib/control/form/form-detail/form-item/composite-form-item-ex/composite-form-item-ex.cjs

@@ -70,14 +70,20 @@ const CompositeFormItemEx = /* @__PURE__ */ vue.defineComponent({
     const isIncludes = this.c.includesList.some((id) => id === "".concat(editorType, "_").concat(editorStyle));
     const editorSwitchMenu = vue.createVNode(vue.resolveComponent("el-popover"), {
       "trigger": "click",
-      "popper-class": this.ns2.b("menu-popover")
+      "popper-class": this.ns2.b("menu-popover"),
+      "offset": 0
     }, {
       reference: () => {
+        const option = this.c.switchOptions.find((item) => item.id === this.c.state.editorId);
         return vue.createVNode("div", {
           "class": this.ns2.b("menu")
         }, [vue.createVNode("div", {
+          "class": this.ns2.be("menu", "text-icon")
+        }, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
+          "icon": option == null ? void 0 : option.icon
+        }, null)]), vue.createVNode("div", {
           "class": this.ns2.be("menu", "text")
-        }, [this.c.state.editorId]), vue.createVNode("div", {
+        }, [(option == null ? void 0 : option.name) || this.c.state.editorId]), vue.createVNode("div", {
           "class": this.ns2.be("menu", "icon")
         }, [vue.createVNode("svg", {
           "xmlns": "http://www.w3.org/2000/svg",
@@ -101,6 +107,10 @@ const CompositeFormItemEx = /* @__PURE__ */ vue.defineComponent({
             "class": this.ns2.be("menu-item", "icon")
           }, [vue.createVNode("path", {
             "d": "M574.116299 786.736392 1238.811249 48.517862C1272.390222 11.224635 1329.414799 7.827718 1366.75664 41.450462 1403.840015 74.840484 1406.731043 132.084741 1373.10189 169.433699L655.118888 966.834607C653.072421 969.716875 650.835807 972.514337 648.407938 975.210759 615.017957 1012.29409 558.292155 1015.652019 521.195664 982.250188L72.778218 578.493306C35.910826 545.297758 32.859041 488.584019 66.481825 451.242134 99.871807 414.158803 156.597563 410.800834 193.694055 444.202665L574.116299 786.736392Z"
+          }, null)]), vue.createVNode("div", {
+            "class": this.ns2.be("menu-item", "text-icon")
+          }, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
+            "icon": option.icon
           }, null)]), vue.createVNode("span", {
             "class": this.ns2.be("menu-item", "text")
           }, [option.name])]);

package/lib/control/form/form-detail/form-item/composite-form-item-ex/composite-form-item-ex.controller.cjs

@@ -28,7 +28,7 @@ class CompositeFormItemExController extends runtime.FormItemController {
     __publicField(this, "includesList", ["HTMLEDITOR_DEFAULT", "MARKDOWN_DEFAULT"]);
     /**
      * @description 切换菜单选项
-     * @type {{ id: string; name: string; editor?: IData }[]}
+     * @type {{ id: string; name: string; icon?: ISysImage, editor?: IData }[]}
      * @memberof CompositeFormItemExController
      */
     __publicField(this, "switchOptions", []);
@@ -62,6 +62,7 @@ class CompositeFormItemExController extends runtime.FormItemController {
           return {
             id: item.value,
             name: item.text,
+            icon: item.sysImage,
             editor: item.data
           };
         });