@opentiny/tiny-robot 0.2.11 → 0.2.13

package/dist/base-popper/index.js

@@ -13,6 +13,7 @@ const ce = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "index",
   props: {
+    appendTo: {},
     offset: {},
     placement: { default: "top-center" },
     preventOverflow: { type: Boolean },
@@ -84,7 +85,7 @@ const ce = /* @__PURE__ */ j({
         default: X(() => [
           e.show ? (d(), V(ee, {
             key: 0,
-            to: te(D)
+            to: o.appendTo || te(D)
           }, [
             oe("div", k({
               class: "tr-base-popper",
@@ -100,7 +101,7 @@ const ce = /* @__PURE__ */ j({
       }, 16)
     ], 64));
   }
-}), ue = /* @__PURE__ */ ie(ce, [["__scopeId", "data-v-21605fe2"]]);
+}), ue = /* @__PURE__ */ ie(ce, [["__scopeId", "data-v-9984ba18"]]);
 ue.name = "TrBasePopper";
 export {
   ue as default

package/dist/dropdown-menu/index.js

@@ -1,22 +1,23 @@
-import { defineComponent as C, ref as g, computed as n, watch as R, createBlock as E, openBlock as a, unref as b, withCtx as v, createElementVNode as x, createElementBlock as _, Fragment as B, renderList as D, toDisplayString as M, renderSlot as H } from "vue";
+import { defineComponent as C, ref as g, computed as n, watch as R, createBlock as E, openBlock as a, unref as x, withCtx as v, createElementVNode as B, createElementBlock as _, Fragment as T, renderList as D, toDisplayString as M, renderSlot as H } from "vue";
 import { o as L, c as k, d as P } from "../index2.js";
-import T from "../base-popper/index.js";
+import b from "../base-popper/index.js";
 import { _ as I } from "../_plugin-vue_export-helper.js";
 const S = { class: "tr-dropdown-menu__list" }, $ = ["onClick"], F = /* @__PURE__ */ C({
   __name: "index",
   props: {
+    appendTo: {},
     items: {},
     show: { type: Boolean },
     trigger: { default: "click" }
   },
   emits: ["item-click", "click-outside"],
   setup(l, { emit: w }) {
-    const t = l, c = w, u = g(!1), r = n({
-      get: () => t.trigger === "manual" ? t.show : u.value,
+    const t = l, c = w, p = g(!1), r = n({
+      get: () => t.trigger === "manual" ? t.show : p.value,
       set: (e) => {
-        t.trigger !== "manual" && (u.value = e);
+        t.trigger !== "manual" && (p.value = e);
       }
-    }), i = g(null), p = n(() => {
+    }), i = g(null), u = n(() => {
       var e;
       return (e = i.value) == null ? void 0 : e.triggerRef;
     }), d = n(() => {
@@ -29,11 +30,11 @@ const S = { class: "tr-dropdown-menu__list" }, $ = ["onClick"], F = /* @__PURE__
         (e) => {
           c("click-outside", e), r.value = !1;
         },
-        { ignore: [p] }
+        { ignore: [u] }
       );
     else if (t.trigger === "hover") {
       const e = k(
-        n(() => P(p.value)),
+        n(() => P(u.value)),
         { delayEnter: 100, delayLeave: 300 }
       ), m = k(d, { delayEnter: 100, delayLeave: 300 });
       R(
@@ -48,12 +49,13 @@ const S = { class: "tr-dropdown-menu__list" }, $ = ["onClick"], F = /* @__PURE__
     }, y = (e) => {
       r.value = !1, c("item-click", e);
     };
-    return (e, m) => (a(), E(b(T), {
+    return (e, m) => (a(), E(x(b), {
       show: r.value,
       class: "tr-dropdown-menu",
       ref_key: "basePopperRef",
       ref: i,
       placement: "top-left",
+      "append-to": t.appendTo,
       offset: 8,
       "transition-props": { name: "tr-dropdown-menu" },
       "prevent-overflow": !0,
@@ -63,8 +65,8 @@ const S = { class: "tr-dropdown-menu__list" }, $ = ["onClick"], F = /* @__PURE__
         H(e.$slots, "trigger", {}, void 0, !0)
       ]),
       content: v(() => [
-        x("ul", S, [
-          (a(!0), _(B, null, D(t.items, (o) => (a(), _("li", {
+        B("ul", S, [
+          (a(!0), _(T, null, D(t.items, (o) => (a(), _("li", {
             class: "tr-dropdown-menu__list-item",
             key: o.id,
             onClick: (f) => y(o)
@@ -72,9 +74,9 @@ const S = { class: "tr-dropdown-menu__list" }, $ = ["onClick"], F = /* @__PURE__
         ])
       ]),
       _: 3
-    }, 8, ["show", "trigger-events"]));
+    }, 8, ["show", "append-to", "trigger-events"]));
   }
-}), s = /* @__PURE__ */ I(F, [["__scopeId", "data-v-b5b6a7b9"]]);
+}), s = /* @__PURE__ */ I(F, [["__scopeId", "data-v-ea33ed82"]]);
 s.name = "TrDropdownMenu";
 const N = function(l) {
   l.component(s.name, s);

package/dist/index.d.ts

@@ -28,11 +28,9 @@ import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import { RendererElement } from 'vue';
 import { RendererNode } from 'vue';
-import { SetTemplateParams as SetTemplateParams_2 } from './index.type';
 import { ShallowUnwrapRef } from 'vue';
 import { Slot } from 'vue';
 import { SubmitTrigger as SubmitTrigger_2 } from './index.type';
-import { TemplateEditorProps as TemplateEditorProps_2 } from './index.type';
 import { ThemeType as ThemeType_2 } from './index.type';
 import { TooltipContentProps } from './components/Tooltip.vue';
 import { TransitionProps } from 'vue';
@@ -137,6 +135,7 @@ basePopperRef: ({
 $: ComponentInternalInstance;
 $data: {};
 $props: {
+readonly appendTo?: (string | HTMLElement) | undefined;
 readonly offset?: number | {
 mainAxis?: number;
 crossAxis?: number;
@@ -165,6 +164,7 @@ $host: Element | null;
 $emit: (event: string, ...args: any[]) => void;
 $el: any;
 $options: ComponentOptionsBase<Readonly<{
+appendTo?: string | HTMLElement;
 offset?: number | {
 mainAxis?: number;
 crossAxis?: number;
@@ -204,6 +204,7 @@ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
 } & Readonly<{
 placement: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
 }> & Omit<Readonly<{
+appendTo?: string | HTMLElement;
 offset?: number | {
 mainAxis?: number;
 crossAxis?: number;
@@ -243,7 +244,6 @@ submit: () => void;
 startSpeech: () => void;
 stopSpeech: () => void;
 activateTemplateFirstField: () => void;
-setTemplate: (template: string, initialValues?: Record<string, string>) => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 [x: string]: any;
 } & {
@@ -260,7 +260,6 @@ autofocus: boolean;
 clearable: boolean;
 showWordLimit: boolean;
 theme: ThemeType_2;
-placeholder: string;
 hasContent: boolean;
 allowSpeech: boolean;
 allowFiles: boolean;
@@ -268,39 +267,27 @@ submitType: SubmitTrigger_2;
 stopText: string;
 autoSize: AutoSize_2;
 maxLength: number;
+placeholder: string;
 suggestions: string[];
 suggestionPopupWidth: string | number;
-templateInitialValues: Record<string, string>;
+templateData: UserItem[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 senderRef: HTMLDivElement;
 inputWrapperRef: HTMLDivElement;
 templateEditorRef: CreateComponentPublicInstanceWithMixins<Readonly<{
-value?: string;
-} & TemplateEditorProps_2> & Readonly<{
-onBlur?: ((event: FocusEvent) => any) | undefined;
-onFocus?: ((event: FocusEvent) => any) | undefined;
-onInput?: ((value: string) => any) | undefined;
-onSubmit?: ((value: string) => any) | undefined;
-"onContent-status"?: ((hasContent: boolean) => any) | undefined;
-"onEmpty-content"?: (() => any) | undefined;
-"onUpdate:value"?: ((value: string) => any) | undefined;
+modelValue?: UserItem[];
+}> & Readonly<{
+onSubmit?: (() => any) | undefined;
+"onUpdate:modelValue"?: ((value: UserItem[]) => any) | undefined;
 }>, {
-focus: () => void;
-resetFields: () => void;
+clearHistory: () => void;
 activateFirstField: () => void;
-getValueFromDOM: () => string;
-setTemplate: (params: SetTemplateParams_2) => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:value": (value: string) => any;
+"update:modelValue": (value: UserItem[]) => any;
 } & {
-blur: (event: FocusEvent) => any;
-focus: (event: FocusEvent) => any;
-input: (value: string) => any;
-submit: (value: string) => any;
-"content-status": (hasContent: boolean) => any;
-"empty-content": () => any;
+submit: () => any;
 }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
-contentEditableRef: HTMLDivElement;
+editorRef: HTMLDivElement;
 }, HTMLDivElement, ComponentProvideOptions, {
 P: {};
 B: {};
@@ -309,21 +296,13 @@ C: {};
 M: {};
 Defaults: {};
 }, Readonly<{
-value?: string;
-} & TemplateEditorProps_2> & Readonly<{
-onBlur?: ((event: FocusEvent) => any) | undefined;
-onFocus?: ((event: FocusEvent) => any) | undefined;
-onInput?: ((value: string) => any) | undefined;
-onSubmit?: ((value: string) => any) | undefined;
-"onContent-status"?: ((hasContent: boolean) => any) | undefined;
-"onEmpty-content"?: (() => any) | undefined;
-"onUpdate:value"?: ((value: string) => any) | undefined;
+modelValue?: UserItem[];
+}> & Readonly<{
+onSubmit?: (() => any) | undefined;
+"onUpdate:modelValue"?: ((value: UserItem[]) => any) | undefined;
 }>, {
-focus: () => void;
-resetFields: () => void;
+clearHistory: () => void;
 activateFirstField: () => void;
-getValueFromDOM: () => string;
-setTemplate: (params: SetTemplateParams_2) => void;
 }, {}, {}, {}, {}> | null;
 inputRef: CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<    {
 _constants: {
@@ -1063,6 +1042,7 @@ declare function __VLS_template_3(): {
             $: ComponentInternalInstance;
             $data: {};
             $props: {
+                readonly appendTo?: (string | HTMLElement) | undefined;
                 readonly offset?: number | {
                     mainAxis?: number;
                     crossAxis?: number;
@@ -1091,6 +1071,7 @@ declare function __VLS_template_3(): {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: ComponentOptionsBase<Readonly<{
+            appendTo?: string | HTMLElement;
             offset?: number | {
             mainAxis?: number;
             crossAxis?: number;
@@ -1130,6 +1111,7 @@ declare function __VLS_template_3(): {
         } & Readonly<{
             placement: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
         }> & Omit<Readonly<{
+            appendTo?: string | HTMLElement;
             offset?: number | {
                 mainAxis?: number;
                 crossAxis?: number;
@@ -1179,32 +1161,19 @@ declare function __VLS_template_5(): {
         senderRef: HTMLDivElement;
         inputWrapperRef: HTMLDivElement;
         templateEditorRef: CreateComponentPublicInstanceWithMixins<Readonly<{
-        value?: string;
-        } & TemplateEditorProps_2> & Readonly<{
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onFocus?: ((event: FocusEvent) => any) | undefined;
-        onInput?: ((value: string) => any) | undefined;
-        onSubmit?: ((value: string) => any) | undefined;
-        "onContent-status"?: ((hasContent: boolean) => any) | undefined;
-        "onEmpty-content"?: (() => any) | undefined;
-        "onUpdate:value"?: ((value: string) => any) | undefined;
+        modelValue?: UserItem[];
+        }> & Readonly<{
+        onSubmit?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: UserItem[]) => any) | undefined;
         }>, {
-        focus: () => void;
-        resetFields: () => void;
+        clearHistory: () => void;
         activateFirstField: () => void;
-        getValueFromDOM: () => string;
-        setTemplate: (params: SetTemplateParams_2) => void;
         }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-        "update:value": (value: string) => any;
+        "update:modelValue": (value: UserItem[]) => any;
         } & {
-        blur: (event: FocusEvent) => any;
-        focus: (event: FocusEvent) => any;
-        input: (value: string) => any;
-        submit: (value: string) => any;
-        "content-status": (hasContent: boolean) => any;
-        "empty-content": () => any;
+        submit: () => any;
         }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
-        contentEditableRef: HTMLDivElement;
+        editorRef: HTMLDivElement;
         }, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -1213,21 +1182,13 @@ declare function __VLS_template_5(): {
         M: {};
         Defaults: {};
         }, Readonly<{
-        value?: string;
-        } & TemplateEditorProps_2> & Readonly<{
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onFocus?: ((event: FocusEvent) => any) | undefined;
-        onInput?: ((value: string) => any) | undefined;
-        onSubmit?: ((value: string) => any) | undefined;
-        "onContent-status"?: ((hasContent: boolean) => any) | undefined;
-        "onEmpty-content"?: (() => any) | undefined;
-        "onUpdate:value"?: ((value: string) => any) | undefined;
+        modelValue?: UserItem[];
+        }> & Readonly<{
+        onSubmit?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: UserItem[]) => any) | undefined;
         }>, {
-        focus: () => void;
-        resetFields: () => void;
+        clearHistory: () => void;
         activateFirstField: () => void;
-        getValueFromDOM: () => string;
-        setTemplate: (params: SetTemplateParams_2) => void;
         }, {}, {}, {}, {}> | null;
         inputRef: CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<    {
         _constants: {
@@ -1992,6 +1953,12 @@ declare interface BaseHistoryProps {
     selected?: string;
 }
 
+declare interface BaseTextItem {
+    id: string;
+    type: string;
+    content: string;
+}
+
 declare const Bubble: typeof _default_14 & {
     install: typeof bubbleInstall;
 };
@@ -2256,6 +2223,7 @@ export declare interface DropdownMenuItem {
 }
 
 export declare interface DropdownMenuProps {
+    appendTo?: string | HTMLElement;
     items: DropdownMenuItem[];
     /**
      * 是否显示菜单，仅在 trigger 为 'manual' 时有效
@@ -2501,6 +2469,7 @@ declare interface QuestionProps {
 
 export declare type SenderEmits = {
     (e: 'update:modelValue', value: string): void;
+    (e: 'update:templateData', value: UserItem[]): void;
     (e: 'submit', value: string): void;
     (e: 'clear'): void;
     (e: 'speech-start'): void;
@@ -2536,20 +2505,10 @@ export declare interface SenderProps {
     theme?: ThemeType;
     template?: string;
     hasContent?: boolean;
-    templateInitialValues?: Record<string, string>;
+    templateData?: UserItem[];
     stopText?: string;
 }
 
-/**
- * 设置模板的参数接口
- */
-export declare interface SetTemplateParams {
-    /** 模板字符串，格式为普通文本与 [占位符] 的组合 */
-    template: string;
-    /** 字段初始值，键为占位符文本，值为初始内容 */
-    initialValues?: Record<string, string>;
-}
-
 export declare type SingleTabHistoryProps = {
     tabTitle: string;
     data: HistoryData;
@@ -2818,62 +2777,14 @@ export declare interface SuggestionProps {
     defaultExpanded?: boolean;
 }
 
-/**
- * 模板编辑器事件
- */
-export declare interface TemplateEditorEmits {
-    /** 输入事件 */
-    (e: 'input', value: string): void;
-    /** 内容变更状态 - 通知父组件是否有内容 */
-    (e: 'content-status', hasContent: boolean): void;
-    /** 提交事件 */
-    (e: 'submit', value: string): void;
-    /** 聚焦事件 */
-    (e: 'focus', event: FocusEvent): void;
-    /** 失焦事件 */
-    (e: 'blur', event: FocusEvent): void;
-    /** 模板内容为空时触发，通知父组件可以退出模板编辑模式 */
-    (e: 'empty-content'): void;
+declare interface TemplateItem extends BaseTextItem {
+    type: 'template';
+    prefix: string;
+    suffix: string;
 }
 
-/**
- * 模板编辑器暴露的方法
- */
-export declare interface TemplateEditorExpose {
-    /** 聚焦到编辑器 */
-    focus: () => void;
-    /** 重置所有字段 */
-    resetFields: () => void;
-    /** 激活第一个字段 */
-    activateFirstField: () => void;
-    /** 获取当前DOM中的值 */
-    getValueFromDOM: () => string;
-    /** 设置模板和初始值 */
-    setTemplate: (params: SetTemplateParams) => void;
-}
-
-/**
- * 模板编辑器属性
- */
-export declare interface TemplateEditorProps {
-    /** 当前值 */
-    value?: string;
-    /** 是否自动聚焦 */
-    autofocus?: boolean;
-}
-
-/**
- * 模板部分定义
- */
-export declare interface TemplatePart {
-    /** 内容文本 */
-    content: string;
-    /** 是否为可编辑字段 */
-    isField: boolean;
-    /** 占位符文本 (当字段为空时显示) */
-    placeholder?: string;
-    /** 字段索引 (用于标识可编辑字段) */
-    fieldIndex?: number;
+declare interface TextItem extends BaseTextItem {
+    type: 'text';
 }
 
 /**
@@ -2899,6 +2810,12 @@ export declare type TriggerHandler = (info: TriggerInfo) => void;
 /** 触发信息类型 */
 export declare type TriggerInfo = TriggerContext | false;
 
+export declare type UserItem = UserTextItem | UserTemplateItem;
+
+export declare type UserTemplateItem = Pick<TemplateItem, 'type' | 'content'>;
+
+export declare type UserTextItem = Omit<TextItem, 'id'>;
+
 export declare interface WelcomeProps {
     title: string;
     description: string;