@ibiz-template/vue3-components 0.7.41-alpha.37 → 0.7.41-alpha.39

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

@@ -0,0 +1,222 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var inlineAiTextarea_hook = require('./inline-ai-textarea.hook.cjs');
+var icon = require('./icon.cjs');
+require('./inline-ai-textarea.css');
+
+"use strict";
+const InlineAITextArea = /* @__PURE__ */ vue.defineComponent({
+  props: {
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      required: true
+    },
+    data: {
+      type: Object,
+      required: true
+    },
+    content: {
+      type: String,
+      required: true
+    },
+    deACMode: {
+      type: Object,
+      required: true
+    },
+    options: {
+      type: Object,
+      required: true
+    },
+    insertText: {
+      type: Function,
+      required: true
+    },
+    replaceSelectionText: {
+      type: Function,
+      required: true
+    },
+    restoreSelection: {
+      type: Function,
+      required: true
+    },
+    unMountAIChat: {
+      type: Function,
+      required: true
+    }
+  },
+  setup(props, ctx) {
+    const ns = vue3Util.useNamespace("inline-ai-textarea-container");
+    const containerRef = vue.ref();
+    const actionsRef = vue.ref();
+    const textareaRef = vue.ref();
+    const textareaContent = vue.ref(props.content);
+    let question;
+    const contentType = vue.ref("USER");
+    const isLoading = vue.ref(false);
+    const disabled = vue.computed(() => {
+      return contentType.value === "ASSISTANT" || isLoading.value;
+    });
+    const isShow = vue.computed(() => {
+      return contentType.value === "ASSISTANT" && !isLoading.value;
+    });
+    const {
+      srfaiappendcurdata,
+      srfaiautoappend,
+      srfmode,
+      srfaiagent
+    } = inlineAiTextarea_hook.computedInLineAIParams(props);
+    const {
+      theme,
+      actions,
+      actionStyle,
+      containerStyle,
+      contentStyle
+    } = inlineAiTextarea_hook.useBase(props, containerRef, actionsRef);
+    inlineAiTextarea_hook.useInLineAIContainerClick(props, textareaContent, isLoading);
+    const {
+      askAI
+    } = inlineAiTextarea_hook.useAI(props, {
+      srfaiappendcurdata,
+      srfmode,
+      srfaiagent
+    });
+    const restoreFocus = () => {
+      var _a;
+      (_a = textareaRef.value) == null ? void 0 : _a.blur();
+      props.restoreSelection();
+    };
+    const sendQuestion = async (content) => {
+      restoreFocus();
+      question = content;
+      textareaContent.value = "";
+      isLoading.value = true;
+      textareaContent.value = await askAI(question);
+      isLoading.value = false;
+      contentType.value = "ASSISTANT";
+    };
+    const stopQuestion = () => {
+      props.unMountAIChat();
+    };
+    const onKeydown = (e) => {
+      if (e.code === "Enter" && !e.isComposing) {
+        e.stopPropagation();
+        if (e.shiftKey === false) {
+          sendQuestion(textareaContent.value);
+        }
+      }
+    };
+    const handleAction = (_e, actionName) => {
+      const content = textareaContent.value;
+      switch (actionName) {
+        case "regenerate":
+          sendQuestion(question);
+          break;
+        case "insertText":
+          props.insertText(content);
+          props.unMountAIChat();
+          break;
+        case "replaceText":
+          props.replaceSelectionText(content);
+          props.unMountAIChat();
+          break;
+        case "copyText":
+          ibiz.util.text.copy(content);
+          props.unMountAIChat();
+          break;
+        case "cancel":
+          props.unMountAIChat();
+          break;
+        default:
+          break;
+      }
+    };
+    vue.onMounted(() => {
+      var _a;
+      if (srfaiautoappend) {
+        sendQuestion(textareaContent.value);
+      } else {
+        (_a = textareaRef.value) == null ? void 0 : _a.focus();
+      }
+    });
+    return {
+      ns,
+      theme,
+      isShow,
+      actions,
+      disabled,
+      isLoading,
+      actionsRef,
+      textareaRef,
+      actionStyle,
+      contentType,
+      containerRef,
+      contentStyle,
+      containerStyle,
+      textareaContent,
+      onKeydown,
+      sendQuestion,
+      stopQuestion,
+      handleAction
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "ref": "containerRef",
+      "style": this.containerStyle,
+      "class": [this.ns.b(), this.ns.m(this.theme), this.ns.is("show-ai", this.isShow)]
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("content"),
+      "style": this.contentStyle
+    }, [!this.disabled && vue.createVNode("div", {
+      "class": this.ns.em("content", "prefix")
+    }, [vue.createVNode("div", {
+      "class": this.ns.em("content", "ai-icon")
+    }, [icon.AIIcon])]), vue.createVNode("div", {
+      "class": this.ns.em("content", "textarea")
+    }, [this.isLoading && vue.createVNode("div", {
+      "class": this.ns.e("loading")
+    }, [vue.createVNode("div", {
+      "class": this.ns.em("loading", "dot")
+    }, null), vue.createVNode("div", {
+      "class": this.ns.em("loading", "dot")
+    }, null), vue.createVNode("div", {
+      "class": this.ns.em("loading", "dot")
+    }, null)]), vue.withDirectives(vue.createVNode("textarea", {
+      "ref": "textareaRef",
+      "disabled": this.disabled,
+      "onKeydown": this.onKeydown,
+      "onUpdate:modelValue": ($event) => this.textareaContent = $event
+    }, null), [[vue.vModelText, this.textareaContent]])]), vue.createVNode("div", {
+      "class": this.ns.em("content", "suffix")
+    }, [this.isLoading && vue.createVNode("div", {
+      "class": this.ns.em("content", "stop-icon"),
+      "onClick": () => this.stopQuestion()
+    }, [icon.StopIcon, vue.createVNode("span", null, [ibiz.i18n.t("util.inlineAiUtil.stopEdit")])]), !this.disabled && vue.createVNode("div", {
+      "class": this.ns.em("content", "sand-icon"),
+      "onClick": () => this.sendQuestion(this.textareaContent)
+    }, [icon.SendIcon])])]), vue.createVNode("div", {
+      "class": [this.ns.e("footer"), this.ns.is("show", this.isShow)]
+    }, [ibiz.i18n.t("util.inlineAiUtil.info")]), vue.createVNode("div", {
+      "ref": "actionsRef",
+      "class": [this.ns.e("actions"), this.ns.is("show", this.isShow)],
+      "style": this.actionStyle
+    }, [this.actions.map((action) => {
+      if (action.itemType === "divider")
+        return vue.createVNode("div", {
+          "class": this.ns.em("actions", action.itemType)
+        }, null);
+      return vue.createVNode("div", {
+        "class": [this.ns.em("actions", action.itemType), this.ns.is("danger", action.actionName === "cancel")],
+        "onClick": (e) => this.handleAction(e, action.actionName)
+      }, [action.icon, vue.createVNode("span", null, [action.title])]);
+    })])]);
+  }
+});
+
+exports.InlineAITextArea = InlineAITextArea;

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

@@ -0,0 +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(29, 31, 35, 0.35);--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;z-index:2000;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;flex-grow:1}.ibiz-inline-ai-textarea-container__content--textarea textarea{width:100%;height:100%;padding:0;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}.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--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);visibility:hidden;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__footer.is-show{visibility:visible}.ibiz-inline-ai-textarea-container__actions{position:absolute;width:240px;padding:var(--ibiz-spacing-base-tight) 0;font-size:var(--ibiz-font-size-regular);visibility:hidden;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.is-show{visibility:visible}.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__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/lib/util/inline-ai-util/inline-ai-textarea/inline-ai-textarea.hook.cjs

@@ -0,0 +1,222 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var icon = require('./icon.cjs');
+
+"use strict";
+const computedInLineAIParams = (props) => {
+  var _a;
+  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
+  };
+};
+const useInLineAIContainerClick = (props, content, isLoading) => {
+  const handclick = async (evt) => {
+    const target = evt.target;
+    if (!target.closest(".ibiz-inline-ai-textarea-container") && !target.closest(".ibiz-inline-ai-alert") && !isLoading.value) {
+      const isChange = props.content !== content.value;
+      let isClose = true;
+      if (isChange) {
+        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)
+        props.unMountAIChat();
+    }
+  };
+  vue.onMounted(() => {
+    document.addEventListener("click", handclick, true);
+  });
+  vue.onUnmounted(() => {
+    document.removeEventListener("click", handclick, true);
+  });
+};
+const useAI = (props, opts) => {
+  const { context, data, deACMode } = props;
+  const { srfaiappendcurdata, srfmode, srfaiagent } = opts;
+  const params = { srfactag: deACMode.codeName };
+  const app = ibiz.hub.getApp(deACMode.appId);
+  let history = [];
+  const calcAIPath = (appDataEntity, isHistories = false) => {
+    const srfkey = context[appDataEntity.codeName.toLowerCase()];
+    const curPath = "/".concat(appDataEntity.deapicodeName2, "/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 () => {
+    const appDataEntity = await ibiz.hub.getAppDataEntity(
+      deACMode.appDataEntityId,
+      deACMode.appId
+    );
+    const path = calcAIPath(appDataEntity, true);
+    const body = {};
+    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 askAI = async (content) => {
+    var _a, _b;
+    const body = {
+      messages: [
+        ...history,
+        {
+          role: "USER",
+          content
+        }
+      ]
+    };
+    if (srfmode)
+      Object.assign(body, { mode: srfmode });
+    if (srfaiagent)
+      Object.assign(body, { srfaiagent });
+    const appDataEntity = await ibiz.hub.getAppDataEntity(
+      deACMode.appDataEntityId,
+      deACMode.appId
+    );
+    const path = calcAIPath(appDataEntity);
+    const response = await app.net.post(path, body, params);
+    if (response.ok) {
+      const result = (_b = (_a = response.data.choices) == null ? void 0 : _a[0]) == null ? void 0 : _b.content;
+      return result;
+    }
+    return "";
+  };
+  vue.onMounted(() => {
+    loadAiHistory();
+  });
+  return {
+    askAI
+  };
+};
+const useBase = (props, container, target) => {
+  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 { options } = props;
+  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")
+  });
+  const contentStyle = vue.ref({
+    height: "".concat(options.height || 80, "px"),
+    "max-height": "".concat(options.maxHeight, "px")
+  });
+  const updatePosition = () => {
+    if (!container.value || !target.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 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 = target.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;
+    }
+  };
+  vue.onMounted(() => {
+    updatePosition();
+    document.addEventListener("scroll", optimizedUpdatePosition, {
+      capture: true
+    });
+    window.addEventListener("resize", optimizedUpdatePosition);
+  });
+  vue.onUnmounted(() => {
+    document.removeEventListener("scroll", optimizedUpdatePosition, {
+      capture: true
+    });
+    window.removeEventListener("resize", optimizedUpdatePosition);
+  });
+  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-util.cjs

@@ -0,0 +1,147 @@
+'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) {
+    ContextMenu.showContextMenu({
+      x,
+      y,
+      customClass: this.ns.b("context-menu"),
+      items: menus
+    });
+  }
+  /**
+   * 销毁组件实例
+   */
+  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 } = editor;
+    delete params.editor;
+    const unMountAIChat = () => {
+      this.destroyInlineAIComponent();
+    };
+    this.currentApp = vue.createApp(inlineAiTextarea.InlineAITextArea, {
+      context,
+      params,
+      data,
+      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/web-app/main.cjs

@@ -23,6 +23,7 @@ var notificationUtil = require('../util/notification-util/notification-util.cjs'
 var loadingUtil = require('../util/loading-util/loading-util.cjs');
 var noticeUtil = require('../util/notice-util/notice-util.cjs');
 var overlayController = require('../util/overlay-controller/overlay-controller.cjs');
+var inlineAiUtil = require('../util/inline-ai-util/inline-ai-util.cjs');
 var fullscreenUtil = require('../util/fullscreen/fullscreen-util.cjs');
 
 "use strict";
@@ -83,6 +84,7 @@ async function runApp(plugins, opts) {
   ibiz.loading = new loadingUtil.LoadingUtil();
   ibiz.notice = new noticeUtil.NoticeUtil();
   ibiz.overlay = new overlayController.OverlayController();
+  ibiz.inLineAIUtil = new inlineAiUtil.InLineAIUtil();
   ibiz.util.text.format = (value, code) => {
     return app.config.globalProperties.$textFormat(value, code);
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.41-alpha.37",
+  "version": "0.7.41-alpha.39",
   "description": "web端组件库(vue3)",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -30,16 +30,16 @@
   "dependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
     "@floating-ui/dom": "^1.5.3",
-    "@ibiz-template-plugin/ai-chat": "^0.0.32",
+    "@ibiz-template-plugin/ai-chat": "^0.0.33",
     "@ibiz-template-plugin/gantt": "0.1.8-alpha.316",
     "@ibiz-template-plugin/bi-report": "0.0.30",
     "@ibiz-template-plugin/data-view": "0.0.6",
     "@ibiz-template/core": "0.7.41-alpha.35",
     "@ibiz-template/devtool": "0.0.13",
-    "@ibiz-template/model-helper": "0.7.41-alpha.36",
-    "@ibiz-template/runtime": "0.7.41-alpha.36",
+    "@ibiz-template/model-helper": "0.7.41-alpha.38",
+    "@ibiz-template/runtime": "0.7.41-alpha.38",
     "@ibiz-template/theme": "0.7.39",
-    "@ibiz-template/vue3-util": "0.7.41-alpha.36",
+    "@ibiz-template/vue3-util": "0.7.41-alpha.38",
     "@ibiz-template/web-theme": "3.9.0",
     "@ibiz/model-core": "^0.1.83",
     "@imengyu/vue3-context-menu": "^1.3.5",

package/dist/ibiz-markdown-editor-Cs1m7gKI.js

@@ -1 +0,0 @@
-System.register(["vue","@ibiz-template/vue3-util","qx-util","cherry-markdown"],function(e){"use strict";var t,l,n,o,i,r,a,s,c,d,u,m,h,p;return{setters:[function(e){t=e.defineComponent,l=e.createVNode,n=e.ref,o=e.watch,i=e.onMounted,r=e.onBeforeUnmount,a=e.onUnmounted,s=e.nextTick},function(e){c=e.getEditorEmits,d=e.getMarkDownProps,u=e.useNamespace,m=e.useUIStore},function(e){h=e.createUUID},function(e){p=e.default}],execute:function(){e("default",t({name:"IBizMarkDown",props:d(),emits:c(),setup(e,{emit:t}){var l,c;const d=u("markdown"),f=e.controller,b=n("");let v=null;const g=h(),w=ibiz.util.file.getUploadHeaders(),k=n({...w}),y=n(""),C=(null==(l=null==f?void 0:f.editorParams)?void 0:l.customTheme)||(null==(c=null==f?void 0:f.editorParams)?void 0:c.customtheme),{UIStore:x}=m(),U=n(C||x.theme),z=n("editOnly");let T=null,D=0;const E=n({});let P=!1;o(()=>e.data,e=>{if(e&&f){const t={...f.editorParams};t.uploadparams&&(t.uploadParams=JSON.parse(t.uploadparams));const l=ibiz.util.file.calcFileUpDownUrl(f.context,f.params,e,t);y.value=l.uploadUrl}},{immediate:!0,deep:!0});const B=n(),M=async(t,l)=>{const n=await ibiz.util.file.fileUpload(y.value,t,k.value),o=((e,t)=>{if(!f)return"";const l={...f.editorParams};return l.exportparams&&(l.exportParams=JSON.parse(l.exportparams)),t&&t.folder&&(l.osscat=t.folder),ibiz.util.file.calcFileUpDownUrl(f.context,f.params,e,l).downloadUrl})(e.data||{},n.fileid);let i=o.replace("%fileId%",n.fileid);if(ibiz.config.common.enableDownloadTicket&&f){const t=await ibiz.util.file.getDownloadTicket(f.context,f.params,e.data||{},{fileId:n.fileid},f.downloadTicketParams);t&&t.ticket&&(i=o.replace("%fileId%",t.ticket),l(i))}else l(i)},S=()=>null==v?void 0:v.getMarkdown(),I=e=>{P=!0,null==v||v.setMarkdown(e,!1)};o(()=>e.value,(e,t)=>{e!==t&&(b.value=e||"")},{immediate:!0}),o(b,(e,t)=>{const l=S();e!==t&&l!==e&&I(e)});const N=e=>{t("change",S(),null==f?void 0:f.model.id,P),P=!1},O=(e,t)=>({[e]:t}),V=(e,t="")=>{const l=document.createElement(e);return l.className=t,l},q=e=>V("i","ch-icon ch-icon-".concat(e)),R=d.e("fullscreen"),j=e=>{for(;e.firstChild;)e.removeChild(e.firstChild)},H=()=>{if(v&&B.value){const e=v.editor.options.editorDom.parentElement;if(!e)return{};const t=e.classList,l=B.value.querySelector(".".concat(R));return l?{parentElement:e,cherryClass:t,fullscreenNode:l}:{}}return{}},L=()=>{const{parentElement:e,cherryClass:t,fullscreenNode:l}=H();e&&t&&l&&(j(l),l.appendChild(q("fullscreen")),l.title=ibiz.i18n.t("editor.common.fullscreen"),t.remove("fullscreen"),null==e||e.blur(),e.setAttribute("tabindex","-1"))},A=()=>{const{cherryClass:e}=H();return null==e?void 0:e.contains("fullscreen")},F=()=>{v&&B.value&&(A()?L():(()=>{const{parentElement:e,cherryClass:t,fullscreenNode:l}=H();e&&t&&l&&(j(l),l.appendChild(q("minscreen")),t.add("fullscreen"),l.title=ibiz.i18n.t("editor.common.minimize"),e.setAttribute("tabindex","-1"),s(()=>null==e?void 0:e.focus()))})())},J=e=>{e.stopPropagation(),"Escape"===e.key&&A()&&L()};o(()=>x.theme,e=>{U.value=C||e,null==v||v.setTheme(U.value),null==v||v.setCodeBlockTheme(U.value)});return i(()=>{var t;(e.disabled||e.readonly)&&(z.value="previewOnly"),s(()=>{var t;v=new p({id:g,value:b.value,previewer:{enablePreviewerBubble:!(e.disabled||e.readonly)},themeSettings:{mainTheme:U.value,codeBlockTheme:U.value},fileUpload:M,emoji:{useUnicode:!0},header:{anchorStyle:"autonumber"},editor:{height:"100%",defaultModel:z.value,codemirror:{autofocus:!1}},toolbars:{toolbar:["bold","italic","underline","strikethrough","|","color","header","|","list","image",{insert:["link","hr","br","code","formula","toc","table","line-table","bar-table"]},"settings","togglePreview"],bubble:["bold","italic","underline","strikethrough","sub","sup","|","size","color"],float:["h1","h2","h3","|","checklist","quote","quickTable","code"],customMenu:[],sidebar:[]},callback:{afterChange:N,beforeImageMounted:O},engine:{syntax:{table:{enableChart:!1,externals:["echarts"]}}}}),v.setTheme(U.value),C&&(v.setTheme(C),v.setCodeBlockTheme(C));const l=V("span","".concat(R," cherry-toolbar-button"));l.title=ibiz.i18n.t("editor.common.fullscreen"),l.onclick=F,l.appendChild(q("fullscreen"));const n=e.disabled?v.editor.options.editorDom.parentElement:null==(t=v.editor.options.editorDom.parentElement)?void 0:t.querySelector(".cherry-toolbar>.toolbar-right");null==n||n.appendChild(l)}),(()=>{if(window.ResizeObserver&&B.value){const e={width:B.value.offsetWidth?"".concat(B.value.offsetWidth,"px"):"100%"};f&&"number"==typeof f.parent.model.height&&Object.assign(e,{height:"".concat(f.parent.model.height,"px")}),E.value=d.cssVarBlock(e),T=new ResizeObserver(e=>{const t=e[0].contentRect.width;if(t!==D){const l={width:"".concat(e[0].contentRect.width,"px")};f&&"number"==typeof f.parent.model.height&&Object.assign(l,{height:"".concat(f.parent.model.height,"px")}),E.value=d.cssVarBlock(l),D=t}}),T.observe(B.value)}})(),null==(t=B.value)||t.addEventListener("keydown",J.bind(this))}),r(()=>{var e;null==(e=B.value)||e.removeEventListener("keydown",J.bind(this))}),a(()=>{v=null,T&&T.disconnect()}),{ns:d,currentVal:b,id:g,editor:v,markDownBox:B,headers:k,theme:U,defaultModel:z,cssVars:E,getCherryHtml:()=>null==v?void 0:v.getHtml(),getCherryContent:S,setCherryContent:I}},render(){return l("div",{ref:"markDownBox",class:[this.ns.b(),this.ns.is("disabled",this.disabled)]},[l("div",{id:this.id,style:this.cssVars,class:this.ns.b("cherry")},null)])}}))}}});