@opentiny/tiny-robot 0.2.1 → 0.2.3

package/dist/action-group/index.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, useSlots as H, computed as i, ref as f, watch as N, nextTick as W, createElementBlock as _, openBlock as n, createBlock as v, createCommentVNode as R, Fragment as G, renderList as I, unref as h, withCtx as S, createElementVNode as w, resolveDynamicComponent as x, renderSlot as L, createVNode as E, Transition as j, withDirectives as q, normalizeClass as J, withModifiers as K, toDisplayString as Q, vShow as U } from "vue";
-import { o as Y } from "../tiny-robot-svgs.js";
+import { c as Y } from "../tiny-robot-svgs.js";
 import { T as M } from "../index4.js";
 import { o as Z, a as ee } from "../index2.js";
 import te from "../icon-button/index.js";

package/dist/bubble/index.js

@@ -3182,9 +3182,8 @@ const Ir = {
       ref: t
     }, [
       (S(!0), L(U0, null, Ou(e.items, (s, f) => (S(), yu(J, Nu({
-        key: s.id || f,
-        ref_for: !0
-      }, c(s)), Z0({ _: 2 }, [
+        key: s.id || f
+      }, { ref_for: !0 }, c(s)), Z0({ _: 2 }, [
         Ou(o(s), (d, h) => ({
           name: h,
           fn: H0((b) => [

package/dist/close.js

@@ -1,4 +1,4 @@
-import { l as o } from "./index6.js";
+import { s as o } from "./index6.js";
 import { createElementBlock as n, openBlock as r, createElementVNode as t } from "vue";
 var c = {
   viewBox: "0 0 16 16",

package/dist/dropdown-menu/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as S, useCssVars as T, unref as M, ref as m, computed as R, watch as V, createElementBlock as o, openBlock as r, Fragment as p, createElementVNode as f, createVNode as B, renderSlot as E, Transition as N, withCtx as O, createCommentVNode as W, normalizeStyle as I, renderList as b, toDisplayString as z } from "vue";
-import { c as _, o as F } from "../index2.js";
+import { defineComponent as B, useCssVars as E, unref as f, useAttrs as N, computed as _, ref as m, watch as O, createElementBlock as o, openBlock as s, Fragment as w, createElementVNode as h, createVNode as W, normalizeStyle as v, normalizeClass as z, renderSlot as I, Transition as A, withCtx as F, createCommentVNode as H, renderList as L, toDisplayString as P } from "vue";
+import { c as g, o as U } from "../index2.js";
 import { t as n } from "../utils.js";
-import { _ as H } from "../_plugin-vue_export-helper.js";
-const L = { class: "tr-dropdown-menu__list" }, P = ["onClick"], U = /* @__PURE__ */ S({
+import { _ as b } from "../_plugin-vue_export-helper.js";
+const j = { class: "tr-dropdown-menu__list" }, q = ["onClick"], G = /* @__PURE__ */ B({
   __name: "index",
   props: {
     items: {},
@@ -10,62 +10,63 @@ const L = { class: "tr-dropdown-menu__list" }, P = ["onClick"], U = /* @__PURE__
     topOffset: { default: 0 }
   },
   emits: ["item-click"],
-  setup(l, { emit: w }) {
-    T((e) => ({
-      "90b2d29e": M(n)(a.minWidth)
+  setup(l, { emit: k }) {
+    E((e) => ({
+      d82a8430: f(n)(a.minWidth)
     }));
-    const a = l, t = m(!1), h = w, i = m(null), d = m(null), { x: v, y: g, update: k } = _(i), { width: x, height: C } = _(d), y = R(() => ({
-      left: `min(${n(v.value)}, 100% - ${n(x.value)})`,
-      top: `max(${n(g.value)} - ${n(C.value)} + ${n(a.topOffset)} - 8px, 0px)`
+    const a = l, p = N(), y = _(() => p.style), t = m(!1), C = k, i = m(null), d = m(null), { x, y: $, update: S } = g(i), { width: D, height: T } = g(d), M = _(() => ({
+      left: `min(${n(x.value)}, 100% - ${n(D.value)})`,
+      top: `max(${n($.value)} - ${n(T.value)} + ${n(a.topOffset)} - 8px, 0px)`
     }));
-    F(d, (e) => {
-      var c;
-      (c = i.value) != null && c.contains(e.target) && e.stopPropagation(), t.value = !1;
-    }), V(t, (e) => {
-      e && k();
+    U(d, (e) => {
+      var u;
+      (u = i.value) != null && u.contains(e.target) && e.stopPropagation(), t.value = !1;
+    }), O(t, (e) => {
+      e && S();
     });
-    const $ = () => {
+    const R = () => {
       t.value = !t.value;
-    }, D = (e) => {
-      t.value = !1, h("item-click", e);
+    }, V = (e) => {
+      t.value = !1, C("item-click", e);
     };
-    return (e, c) => (r(), o(p, null, [
-      f("div", {
-        class: "tr-dropdown-menu__wrapper",
+    return (e, u) => (s(), o(w, null, [
+      h("div", {
+        class: z(["tr-dropdown-menu__wrapper", f(p).class]),
+        style: v(y.value),
         ref_key: "dropDownTriggerRef",
         ref: i,
-        onClick: $
+        onClick: R
       }, [
-        E(e.$slots, "default", {}, void 0, !0)
-      ], 512),
-      B(N, { name: "tr-dropdown-menu" }, {
-        default: O(() => [
-          t.value ? (r(), o("div", {
+        I(e.$slots, "default", {}, void 0, !0)
+      ], 6),
+      W(A, { name: "tr-dropdown-menu" }, {
+        default: F(() => [
+          t.value ? (s(), o("div", {
             key: 0,
             class: "tr-dropdown-menu",
-            style: I(y.value),
+            style: v(M.value),
             ref_key: "dropdownMenuRef",
             ref: d
           }, [
-            f("ul", L, [
-              (r(!0), o(p, null, b(a.items, (u) => (r(), o("li", {
+            h("ul", j, [
+              (s(!0), o(w, null, L(a.items, (c) => (s(), o("li", {
                 class: "tr-dropdown-menu__list-item",
-                key: u.id,
-                onClick: (q) => D(u)
-              }, z(u.text), 9, P))), 128))
+                key: c.id,
+                onClick: (K) => V(c)
+              }, P(c.text), 9, q))), 128))
             ])
-          ], 4)) : W("", !0)
+          ], 4)) : H("", !0)
         ]),
         _: 1
       })
     ], 64));
   }
-}), s = /* @__PURE__ */ H(U, [["__scopeId", "data-v-ce90a07c"]]);
-s.name = "TrDropdownMenu";
-const j = function(l) {
-  l.component(s.name, s);
+}), r = /* @__PURE__ */ b(G, [["__scopeId", "data-v-620f91f9"]]);
+r.name = "TrDropdownMenu";
+const J = function(l) {
+  l.component(r.name, r);
 };
-s.install = j;
+r.install = J;
 export {
-  s as default
+  r as default
 };

package/dist/feedback/index.js

@@ -102,7 +102,8 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
                     o[0] || (o[0] = d("span", null, "更多", -1)),
                     h(l(N))
                   ]),
-                  _: 1
+                  _: 1,
+                  __: [0]
                 })
               ]),
               default: f(() => [

package/dist/flow-layout-buttons/index.js

@@ -1,6 +1,6 @@
-import { defineComponent as V, mergeModels as E, useModel as q, watch as g, ref as i, computed as $, createElementBlock as a, openBlock as l, createElementVNode as C, Fragment as I, renderList as S, createCommentVNode as _, normalizeClass as b, createBlock as x, resolveDynamicComponent as B, toDisplayString as D, nextTick as G } from "vue";
-import { U as H } from "../tiny-robot-svgs.js";
-import { b as X, o as j } from "../index2.js";
+import { defineComponent as V, mergeModels as E, useModel as j, watch as g, ref as i, computed as $, createElementBlock as a, openBlock as l, createElementVNode as b, Fragment as C, renderList as F, createCommentVNode as _, normalizeClass as I, createBlock as x, resolveDynamicComponent as B, toDisplayString as S, nextTick as q } from "vue";
+import { U as G } from "../tiny-robot-svgs.js";
+import { b as H, o as X } from "../index2.js";
 import { _ as J } from "../_plugin-vue_export-helper.js";
 const K = ["onClick"], P = {
   key: 0,
@@ -11,15 +11,15 @@ const K = ["onClick"], P = {
     items: {},
     selected: {},
     linesLimit: { default: Number.MAX_SAFE_INTEGER },
-    moreIcon: { default: H },
+    moreIcon: { type: [Object, Function], default: G },
     showMoreTrigger: { default: "click" }
   }, {
     selected: {},
     selectedModifiers: {}
   }),
   emits: /* @__PURE__ */ E(["item-click"], ["update:selected"]),
-  setup(d, { emit: F }) {
-    const n = d, u = q(d, "selected");
+  setup(d, { emit: D }) {
+    const n = d, u = j(d, "selected");
     g(
       () => n.items,
       (t) => {
@@ -27,10 +27,10 @@ const K = ["onClick"], P = {
       },
       { immediate: !0 }
     );
-    const N = F, y = i(null), w = i(null), k = i(null), M = i([]), s = i(null), m = i(!1), c = i(!1), A = (t, o) => {
+    const N = D, y = i(null), w = i(null), k = i(null), M = i([]), s = i(null), m = i(!1), c = i(!1), A = (t, o) => {
       t && (M.value[o] = t);
     }, L = () => {
-      s.value = null, m.value = !1, G(() => {
+      s.value = null, m.value = !1, q(() => {
         const t = y.value, o = w.value;
         if (!t || !o)
           return;
@@ -43,18 +43,18 @@ const K = ["onClick"], P = {
       });
     };
     g(() => n.items, L);
-    const { width: W } = X(y);
-    g(W, (t) => {
+    const { width: O } = H(y);
+    g(O, (t) => {
       t > 0 && L();
     });
-    const z = $(() => s.value !== null ? n.items.slice(s.value) : []), O = $(() => s.value === null ? !1 : n.items.findIndex((o) => o.id === u.value) >= s.value), R = (t) => {
+    const W = $(() => s.value !== null ? n.items.slice(s.value) : []), z = $(() => s.value === null ? !1 : n.items.findIndex((o) => o.id === u.value) >= s.value), R = (t) => {
       u.value = t, c.value = !1, N("item-click", t);
     }, U = () => {
       n.showMoreTrigger === "click" && (c.value = !c.value);
     }, v = (t) => {
       n.showMoreTrigger === "hover" && (c.value = t);
     };
-    return j(k, (t) => {
+    return X(k, (t) => {
       var o, e;
       (o = k.value) != null && o.contains(t.target) || (e = w.value) != null && e.contains(t.target) || (c.value = !1);
     }), (t, o) => (l(), a("div", {
@@ -62,24 +62,24 @@ const K = ["onClick"], P = {
       ref_key: "containerRef",
       ref: y
     }, [
-      (l(!0), a(I, null, S(n.items, (e, f) => (l(), a(I, {
+      (l(!0), a(C, null, F(n.items, (e, f) => (l(), a(C, {
         key: e.id
       }, [
         s.value === null || f < s.value ? (l(), a("button", {
           key: 0,
-          class: b(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
+          class: I(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
           ref_for: !0,
           ref: (r) => A(r, f),
           onClick: (r) => R(e.id)
         }, [
           (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
-          e.label ? (l(), a("span", P, D(e.label), 1)) : _("", !0)
+          e.label ? (l(), a("span", P, S(e.label), 1)) : _("", !0)
         ], 10, K)) : _("", !0)
       ], 64))), 128)),
-      C("div", Q, [
+      b("div", Q, [
         m.value ? _("", !0) : (l(), a("button", {
           key: 0,
-          class: b(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
+          class: I(["tr-flow-layout__item", "icon-only", { selected: z.value }]),
           ref_key: "moreButtonRef",
           ref: w,
           onClick: U,
@@ -88,7 +88,7 @@ const K = ["onClick"], P = {
         }, [
           (l(), x(B(n.moreIcon), { class: "tr-flow-layout__item-icon" }))
         ], 34)),
-        C("div", {
+        b("div", {
           class: "tr-flow-layout__dropdown-container",
           onMouseenter: o[2] || (o[2] = (e) => v(!0)),
           onMouseleave: o[3] || (o[3] = (e) => v(!1))
@@ -99,20 +99,20 @@ const K = ["onClick"], P = {
             ref_key: "dropDownRef",
             ref: k
           }, [
-            (l(!0), a(I, null, S(z.value, (e) => (l(), a("button", {
-              class: b(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
+            (l(!0), a(C, null, F(W.value, (e) => (l(), a("button", {
+              class: I(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
               key: e.id,
               onClick: (f) => R(e.id)
             }, [
               (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
-              C("span", Z, D(e.label), 1)
+              b("span", Z, S(e.label), 1)
             ], 10, Y))), 128))
           ], 512)) : _("", !0)
         ], 32)
       ])
     ], 512));
   }
-}), p = /* @__PURE__ */ J(ee, [["__scopeId", "data-v-5c283520"]]);
+}), p = /* @__PURE__ */ J(ee, [["__scopeId", "data-v-8d510691"]]);
 p.name = "TrFlowLayout";
 const te = function(d) {
   d.component(p.name, p);

package/dist/history/index.js

@@ -156,9 +156,8 @@ const ue = /* @__PURE__ */ V({
                 p("span", Ie, k(d.title), 1),
                 d.tag ? (n(), R(e(de), te({
                   key: 0,
-                  class: "tr-history__item-tag",
-                  ref_for: !0
-                }, d.tag), null, 16)) : E("", !0),
+                  class: "tr-history__item-tag"
+                }, { ref_for: !0 }, d.tag), null, 16)) : E("", !0),
                 p("div", we, [
                   m(e(S), {
                     content: "编辑",

package/dist/index.d.ts

@@ -32,6 +32,7 @@ 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 { VNode } from 'vue';
 import { VNodeProps } from 'vue';
 import { WatchOptions } from 'vue';
@@ -89,6 +90,25 @@ popoverHeight: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 popoverTriggerRef: HTMLDivElement;
 popoverRef: HTMLDivElement;
+listRef: HTMLUListElement;
+tooltipRef: CreateComponentPublicInstanceWithMixins<Readonly<{
+show?: TooltipContentProps["show"];
+} & TooltipContentProps> & Readonly<{
+"onUpdate:show"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:show": (value: boolean | undefined) => any;
+}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+P: {};
+B: {};
+D: {};
+C: {};
+M: {};
+Defaults: {};
+}, Readonly<{
+show?: TooltipContentProps["show"];
+} & TooltipContentProps> & Readonly<{
+"onUpdate:show"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, {}> | null;
 }, any>;
 
 declare const __VLS_component_2: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -150,6 +170,7 @@ submitType: SubmitTrigger_2;
 autoSize: AutoSize_2;
 maxLength: number;
 suggestions: string[];
+suggestionPopupWidth: string | number;
 templateInitialValues: Record<string, string>;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 senderRef: HTMLDivElement;
@@ -394,20 +415,20 @@ disabled: boolean;
 type: string;
 ellipsis: boolean;
 mask: boolean;
+vertical: boolean;
+customClass: string;
 tiny_mode_root: boolean;
 _constants: Record<string, any>;
 tabindex: string;
-contentStyle: Record<string, any>;
-customClass: string;
 showTitle: boolean;
 readonly: boolean;
 hoverExpand: boolean;
 memorySpace: number;
-vertical: boolean;
 selectMenu: {
 id: string;
 label: string;
 }[];
+contentStyle: Record<string, any>;
 isSelect: boolean;
 counter: boolean;
 autosize: boolean | Record<string, any>;
@@ -621,20 +642,20 @@ disabled: boolean;
 type: string;
 ellipsis: boolean;
 mask: boolean;
+vertical: boolean;
+customClass: string;
 tiny_mode_root: boolean;
 _constants: Record<string, any>;
 tabindex: string;
-contentStyle: Record<string, any>;
-customClass: string;
 showTitle: boolean;
 readonly: boolean;
 hoverExpand: boolean;
 memorySpace: number;
-vertical: boolean;
 selectMenu: {
 id: string;
 label: string;
 }[];
+contentStyle: Record<string, any>;
 isSelect: boolean;
 counter: boolean;
 autosize: boolean | Record<string, any>;
@@ -838,10 +859,13 @@ declare const __VLS_component_8: DefineComponent<__VLS_PublicProps_2, {}, {}, {}
 "update:showAll": (value: boolean | undefined) => any;
 } & {
 "item-click": (item: SuggestionPillItem<Record<string, unknown>>) => any;
+"click-outside": () => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
 "onItem-click"?: ((item: SuggestionPillItem<Record<string, unknown>>) => any) | undefined;
+"onClick-outside"?: (() => any) | undefined;
 "onUpdate:showAll"?: ((value: boolean | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+containerWrapperRef: HTMLDivElement;
 containerRef: HTMLDivElement;
 }, HTMLDivElement>;
 
@@ -894,6 +918,25 @@ declare function __VLS_template_11(): {
     refs: {
         popoverTriggerRef: HTMLDivElement;
         popoverRef: HTMLDivElement;
+        listRef: HTMLUListElement;
+        tooltipRef: CreateComponentPublicInstanceWithMixins<Readonly<{
+        show?: TooltipContentProps["show"];
+        } & TooltipContentProps> & Readonly<{
+        "onUpdate:show"?: ((value: boolean | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        "update:show": (value: boolean | undefined) => any;
+        }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+        }, Readonly<{
+        show?: TooltipContentProps["show"];
+        } & TooltipContentProps> & Readonly<{
+        "onUpdate:show"?: ((value: boolean | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, {}> | null;
     };
     rootEl: any;
 };
@@ -1176,20 +1219,20 @@ declare function __VLS_template_5(): {
         type: string;
         ellipsis: boolean;
         mask: boolean;
+        vertical: boolean;
+        customClass: string;
         tiny_mode_root: boolean;
         _constants: Record<string, any>;
         tabindex: string;
-        contentStyle: Record<string, any>;
-        customClass: string;
         showTitle: boolean;
         readonly: boolean;
         hoverExpand: boolean;
         memorySpace: number;
-        vertical: boolean;
         selectMenu: {
         id: string;
         label: string;
         }[];
+        contentStyle: Record<string, any>;
         isSelect: boolean;
         counter: boolean;
         autosize: boolean | Record<string, any>;
@@ -1403,20 +1446,20 @@ declare function __VLS_template_5(): {
         type: string;
         ellipsis: boolean;
         mask: boolean;
+        vertical: boolean;
+        customClass: string;
         tiny_mode_root: boolean;
         _constants: Record<string, any>;
         tabindex: string;
-        contentStyle: Record<string, any>;
-        customClass: string;
         showTitle: boolean;
         readonly: boolean;
         hoverExpand: boolean;
         memorySpace: number;
-        vertical: boolean;
         selectMenu: {
         id: string;
         label: string;
         }[];
+        contentStyle: Record<string, any>;
         isSelect: boolean;
         counter: boolean;
         autosize: boolean | Record<string, any>;
@@ -1615,6 +1658,7 @@ declare function __VLS_template_8(): {
     attrs: Partial<{}>;
     slots: Readonly<SuggestionPillsSlots> & SuggestionPillsSlots;
     refs: {
+        containerWrapperRef: HTMLDivElement;
         containerRef: HTMLDivElement;
     };
     rootEl: HTMLDivElement;
@@ -2263,6 +2307,7 @@ export declare interface SenderProps {
     placeholder?: string;
     showWordLimit?: boolean;
     suggestions?: string[];
+    suggestionPopupWidth?: string | number;
     theme?: ThemeType;
     template?: string;
     hasContent?: boolean;
@@ -2412,6 +2457,7 @@ export declare type SuggestionPillItem<T = Record<string, unknown>> = Suggestion
 
 export declare interface SuggestionPillsEmits {
     (e: 'item-click', item: SuggestionPillItem): void;
+    (e: 'click-outside'): void;
 }
 
 export declare interface SuggestionPillsProps {