@opentiny/tiny-robot 0.2.8 → 0.2.9

package/dist/dropdown-menu/index.js

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

package/dist/index.d.ts

@@ -73,17 +73,19 @@ declare const __VLS_component_11: DefineComponent<__VLS_PublicProps_3, {}, {}, {
 close: () => any;
 open: () => any;
 "item-click": (item: SuggestionItem_2<Record<string, unknown>>) => any;
+"click-outside": (event: MouseEvent) => any;
 "group-click": (group: SuggestionGroup<Record<string, unknown>>) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_3> & Readonly<{
 onClose?: (() => any) | undefined;
 onOpen?: (() => any) | undefined;
 "onItem-click"?: ((item: SuggestionItem_2<Record<string, unknown>>) => any) | undefined;
+"onClick-outside"?: ((event: MouseEvent) => any) | undefined;
 "onGroup-click"?: ((group: SuggestionGroup<Record<string, unknown>>) => any) | undefined;
 "onUpdate:selectedGroup"?: ((value: string) => any) | undefined;
 }>, {
 title: string;
-topOffset: string | number;
 trigger: "click" | "manual";
+topOffset: string | number;
 groupShowMoreTrigger: "click" | "hover";
 popoverWidth: string | number;
 popoverHeight: string | number;
@@ -121,9 +123,12 @@ declare const __VLS_component_2: DefineComponent<__VLS_PublicProps, {}, {}, {},
 
 declare const __VLS_component_3: DefineComponent<DropdownMenuProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "item-click": (item: DropdownMenuItem) => any;
+"click-outside": (event: MouseEvent) => any;
 }, string, PublicProps, Readonly<DropdownMenuProps> & Readonly<{
 "onItem-click"?: ((item: DropdownMenuItem) => any) | undefined;
+"onClick-outside"?: ((event: MouseEvent) => any) | undefined;
 }>, {
+trigger: "click" | "manual";
 minWidth: string | number;
 topOffset: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
@@ -692,18 +697,18 @@ toggleExpand: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 close: () => any;
 select: (value: string, context?: TriggerContext | undefined) => any;
+trigger: (handler: TriggerHandler) => any;
 "suggestion-select": (item: SuggestionItem) => any;
 "update:open": (value: boolean) => any;
-trigger: (handler: TriggerHandler) => any;
 "category-select": (category: Category) => any;
 "update:expanded": (expanded: boolean) => any;
 "fill-template": (template: string) => any;
 }, string, PublicProps, Readonly<SuggestionProps> & Readonly<{
 onClose?: (() => any) | undefined;
 onSelect?: ((value: string, context?: TriggerContext | undefined) => any) | undefined;
+onTrigger?: ((handler: TriggerHandler) => any) | undefined;
 "onSuggestion-select"?: ((item: SuggestionItem) => any) | undefined;
 "onUpdate:open"?: ((value: boolean) => any) | undefined;
-onTrigger?: ((handler: TriggerHandler) => any) | undefined;
 "onCategory-select"?: ((category: Category) => any) | undefined;
 "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
 "onFill-template"?: ((template: string) => any) | undefined;
@@ -2031,10 +2036,12 @@ export { _default_9 as Welcome }
 
 export declare interface DropdownMenuEmits {
     (e: 'item-click', item: DropdownMenuItem): void;
+    (e: 'click-outside', event: MouseEvent): void;
 }
 
 export declare interface DropdownMenuEvents {
     itemClick?: (item: DropdownMenuItem) => void;
+    clickOutside?: (event: MouseEvent) => void;
 }
 
 export declare interface DropdownMenuItem {
@@ -2044,6 +2051,14 @@ export declare interface DropdownMenuItem {
 
 export declare interface DropdownMenuProps {
     items: DropdownMenuItem[];
+    /**
+     * 是否显示菜单，仅在 trigger 为 'manual' 时有效
+     */
+    show?: boolean;
+    /**
+     * 触发方式。默认值为 'click'
+     */
+    trigger?: 'click' | 'manual';
     minWidth?: string | number;
     topOffset?: string | number;
 }
@@ -2491,7 +2506,9 @@ export declare interface SuggestionPillsSlots {
 declare interface SuggestionPopoverEvents {
     itemClick?: (item: SuggestionItem_2) => void;
     groupClick?: (group: SuggestionGroup) => void;
+    open?: () => void;
     close?: () => void;
+    clickOutside?: (event: MouseEvent) => void;
 }
 
 declare interface SuggestionPopoverProps<T = Record<string, unknown>> {