@opentiny/tiny-robot 0.3.0-alpha.7 → 0.3.0-alpha.9

package/dist/dropdown-menu/index.js

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

package/dist/index.d.ts

@@ -54,7 +54,9 @@ declare const __VLS_component_2: DefineComponent<__VLS_PublicProps, {}, {}, {},
 "onUpdate:fullscreen"?: ((value: boolean | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_3: DefineComponent<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_3: DefineComponent<__VLS_PublicProps_2, {
+update: () => void | undefined;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:show": (value: boolean) => any;
 } & {
 "item-click": (item: DropdownMenuItem) => any;
@@ -108,7 +110,8 @@ transitionProps?: TransitionProps;
 triggerEvents?: Partial<Record<`on${Capitalize<string>}`, (...args: any[]) => void>>;
 }> & Readonly<{}>, {
 triggerRef: ComputedRef<HTMLElement | SVGElement | null | undefined>;
-popperRef: Ref<HTMLElement | SVGElement | null | undefined, HTMLElement | SVGElement | null | undefined>;
+popperRef: ComputedRef<HTMLDivElement | null>;
+update: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
 placement: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
@@ -144,9 +147,10 @@ preventOverflow?: boolean;
 show?: boolean;
 transitionProps?: TransitionProps;
 triggerEvents?: Partial<Record<`on${Capitalize<string>}`, (...args: any[]) => void>>;
-}> & Readonly<{}>, "placement" | "triggerRef" | "popperRef"> & ShallowUnwrapRef<    {
+}> & Readonly<{}>, "placement" | "popperRef" | "update" | "triggerRef"> & ShallowUnwrapRef<    {
 triggerRef: ComputedRef<HTMLElement | SVGElement | null | undefined>;
-popperRef: Ref<HTMLElement | SVGElement | null | undefined, HTMLElement | SVGElement | null | undefined>;
+popperRef: ComputedRef<HTMLDivElement | null>;
+update: () => void;
 }> & {} & ComponentCustomProperties & {} & {
 $slots: Readonly<{
 trigger?: () => VNode[];
@@ -727,7 +731,9 @@ floatingItemsRef: HTMLDivElement;
 floatingMaybeItemRefs: unknown[];
 }, HTMLDivElement>;
 
-declare const __VLS_component_8: DefineComponent<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_8: DefineComponent<__VLS_PublicProps_4, {
+update: () => void | undefined;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:selectedGroup": (value: string) => any;
 } & {
 close: () => any;
@@ -790,7 +796,8 @@ transitionProps?: TransitionProps;
 triggerEvents?: Partial<Record<`on${Capitalize<string>}`, (...args: any[]) => void>>;
 }> & Readonly<{}>, {
 triggerRef: ComputedRef<HTMLElement | SVGElement | null | undefined>;
-popperRef: Ref<HTMLElement | SVGElement | null | undefined, HTMLElement | SVGElement | null | undefined>;
+popperRef: ComputedRef<HTMLDivElement | null>;
+update: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
 placement: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
@@ -826,9 +833,10 @@ preventOverflow?: boolean;
 show?: boolean;
 transitionProps?: TransitionProps;
 triggerEvents?: Partial<Record<`on${Capitalize<string>}`, (...args: any[]) => void>>;
-}> & Readonly<{}>, "placement" | "triggerRef" | "popperRef"> & ShallowUnwrapRef<    {
+}> & Readonly<{}>, "placement" | "popperRef" | "update" | "triggerRef"> & ShallowUnwrapRef<    {
 triggerRef: ComputedRef<HTMLElement | SVGElement | null | undefined>;
-popperRef: Ref<HTMLElement | SVGElement | null | undefined, HTMLElement | SVGElement | null | undefined>;
+popperRef: ComputedRef<HTMLDivElement | null>;
+update: () => void;
 }> & {} & ComponentCustomProperties & {} & {
 $slots: Readonly<{
 trigger?: () => VNode[];
@@ -948,7 +956,8 @@ declare function __VLS_template_3(): {
             triggerEvents?: Partial<Record<`on${Capitalize<string>}`, (...args: any[]) => void>>;
             }> & Readonly<{}>, {
             triggerRef: ComputedRef<HTMLElement | SVGElement | null | undefined>;
-            popperRef: Ref<HTMLElement | SVGElement | null | undefined, HTMLElement | SVGElement | null | undefined>;
+            popperRef: ComputedRef<HTMLDivElement | null>;
+            update: () => void;
             }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
             placement: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
             }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
@@ -984,9 +993,10 @@ declare function __VLS_template_3(): {
             show?: boolean;
             transitionProps?: TransitionProps;
             triggerEvents?: Partial<Record<`on${Capitalize<string>}`, (...args: any[]) => void>>;
-        }> & Readonly<{}>, "placement" | "triggerRef" | "popperRef"> & ShallowUnwrapRef<    {
+        }> & Readonly<{}>, "placement" | "popperRef" | "update" | "triggerRef"> & ShallowUnwrapRef<    {
         triggerRef: ComputedRef<HTMLElement | SVGElement | null | undefined>;
-        popperRef: Ref<HTMLElement | SVGElement | null | undefined, HTMLElement | SVGElement | null | undefined>;
+        popperRef: ComputedRef<HTMLDivElement | null>;
+        update: () => void;
         }> & {} & ComponentCustomProperties & {} & {
             $slots: Readonly<{
                 trigger?: () => VNode[];
@@ -1594,7 +1604,8 @@ declare function __VLS_template_8(): {
             triggerEvents?: Partial<Record<`on${Capitalize<string>}`, (...args: any[]) => void>>;
             }> & Readonly<{}>, {
             triggerRef: ComputedRef<HTMLElement | SVGElement | null | undefined>;
-            popperRef: Ref<HTMLElement | SVGElement | null | undefined, HTMLElement | SVGElement | null | undefined>;
+            popperRef: ComputedRef<HTMLDivElement | null>;
+            update: () => void;
             }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
             placement: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
             }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
@@ -1630,9 +1641,10 @@ declare function __VLS_template_8(): {
             show?: boolean;
             transitionProps?: TransitionProps;
             triggerEvents?: Partial<Record<`on${Capitalize<string>}`, (...args: any[]) => void>>;
-        }> & Readonly<{}>, "placement" | "triggerRef" | "popperRef"> & ShallowUnwrapRef<    {
+        }> & Readonly<{}>, "placement" | "popperRef" | "update" | "triggerRef"> & ShallowUnwrapRef<    {
         triggerRef: ComputedRef<HTMLElement | SVGElement | null | undefined>;
-        popperRef: Ref<HTMLElement | SVGElement | null | undefined, HTMLElement | SVGElement | null | undefined>;
+        popperRef: ComputedRef<HTMLDivElement | null>;
+        update: () => void;
         }> & {} & ComponentCustomProperties & {} & {
             $slots: Readonly<{
                 trigger?: () => VNode[];

package/dist/index3.js

@@ -1,49 +1,54 @@
-import { nextTick as h, h as R, defineComponent as x, render as b, onBeforeUnmount as j, Teleport as Z, computed as g, createBlock as S, openBlock as _, Transition as q, normalizeProps as G, guardReactiveProps as J, withCtx as K, createElementBlock as L, createCommentVNode as Q, renderSlot as X, useSlots as Y, ref as ee, watch as te, useAttrs as oe, reactive as se, resolveDynamicComponent as re, unref as B, mergeProps as T, createVNode as ne } from "vue";
-import { d as E, f as ae, c as le } from "./index2.js";
-import { t as p } from "./utils.js";
-import { _ as $ } from "./_plugin-vue_export-helper.js";
-import { u as pe } from "./useSlotRefs.js";
-const ce = x({
-  setup: (r) => () => R(Z, r.teleportProps, r.vnodeFactory()),
+import { nextTick as R, h as k, defineComponent as g, render as B, onBeforeUnmount as j, Teleport as Z, computed as m, ref as $, createBlock as C, openBlock as h, Transition as q, normalizeProps as G, guardReactiveProps as J, withCtx as K, createElementBlock as L, createCommentVNode as Q, renderSlot as X, useSlots as Y, watch as ee, useAttrs as te, reactive as oe, resolveDynamicComponent as re, unref as T, mergeProps as S, createVNode as se } from "vue";
+import { d as ne, f as pe, c as ae } from "./index2.js";
+import { t as c } from "./utils.js";
+import { _ as O } from "./_plugin-vue_export-helper.js";
+import { u as le } from "./useSlotRefs.js";
+const ce = g({
+  setup: (r) => () => k(Z, r.teleportProps, r.vnodeFactory()),
   props: ["teleportProps", "vnodeFactory"]
 });
-function ie(r, n) {
-  let e = null, o = null, c = !1;
-  h(() => {
-    c || (o = document.createElement("div"), e = R(ce, { teleportProps: r, vnodeFactory: n }), b(e, o));
+function ie(r, p) {
+  let e = null, o = null, a = !1;
+  R(() => {
+    a || (o = document.createElement("div"), e = k(ce, { teleportProps: r, vnodeFactory: p }), B(e, o));
   }), j(() => {
-    c = !0, h(() => {
-      o && (b(null, o), o.remove(), e = null, o = null);
+    a = !0, R(() => {
+      o && (B(null, o), o.remove(), e = null, o = null);
     });
   });
 }
-function ue(r, n) {
-  return g(() => {
+function ue(r, p) {
+  return m(() => {
     var f;
-    const e = E(r), o = (f = e == null ? void 0 : e.getRootNode) == null ? void 0 : f.call(e);
+    const e = ne(r), o = (f = e == null ? void 0 : e.getRootNode) == null ? void 0 : f.call(e);
     return o instanceof ShadowRoot ? o : document.body;
   });
 }
-const fe = {
-  key: 0,
-  class: "tr-base-popper"
-}, de = /* @__PURE__ */ x({
+const fe = /* @__PURE__ */ g({
   __name: "Popper",
   props: {
     show: { type: Boolean },
     transitionProps: {}
   },
-  setup(r) {
-    return (n, e) => (_(), S(q, G(J(n.transitionProps)), {
+  setup(r, { expose: p }) {
+    const e = $(null);
+    return p({
+      popperRef: e
+    }), (o, a) => (h(), C(q, G(J(o.transitionProps)), {
       default: K(() => [
-        n.show ? (_(), L("div", fe, [
-          X(n.$slots, "default", {}, void 0, !0)
-        ])) : Q("", !0)
+        o.show ? (h(), L("div", {
+          key: 0,
+          class: "tr-base-popper",
+          ref_key: "popperRef",
+          ref: e
+        }, [
+          X(o.$slots, "default", {}, void 0, !0)
+        ], 512)) : Q("", !0)
       ]),
       _: 3
     }, 16));
   }
-}), me = /* @__PURE__ */ $(de, [["__scopeId", "data-v-082a686e"]]), ve = /* @__PURE__ */ x({
+}), de = /* @__PURE__ */ O(fe, [["__scopeId", "data-v-25c13ab7"]]), me = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "index",
   props: {
@@ -62,22 +67,21 @@ const fe = {
     triggerEvents: {}
   },
   setup(r, {
-    expose: n
+    expose: p
   }) {
     const e = r, o = Y(), {
-      vnodes: c,
+      vnodes: a,
       ref: u,
       setRef: f
-    } = pe(o.trigger), k = (t = {}) => {
+    } = le(o.trigger), E = (t = {}) => {
       const s = {};
-      for (const [l, a] of Object.entries(t))
-        /^on[A-Z]/.test(l) && typeof a == "function" && (s[l] = a);
+      for (const [l, n] of Object.entries(t))
+        /^on[A-Z]/.test(l) && typeof n == "function" && (s[l] = n);
       return s;
-    }, d = ee(null), C = async (t) => {
-      await h();
-      const s = E(t);
-      s instanceof Element ? d.value = s : d.value = null;
-    }, i = g(() => {
+    }, x = $(null), _ = m(() => {
+      var t;
+      return ((t = x.value) == null ? void 0 : t.popperRef) || null;
+    }), i = m(() => {
       var t, s;
       return typeof e.offset == "number" ? {
         mainAxis: e.offset,
@@ -87,60 +91,61 @@ const fe = {
         crossAxis: ((s = e.offset) == null ? void 0 : s.crossAxis) ?? 0
       };
     }), {
-      top: O,
-      bottom: N,
+      top: N,
+      bottom: V,
       left: w,
-      right: V,
-      width: z,
-      update: D
-    } = ae(u), {
+      right: z,
+      width: D,
+      update: y
+    } = pe(u), {
       width: P,
       height: v
-    } = le(d, void 0, {
+    } = ae(_, void 0, {
       box: "border-box"
-    }), F = g(() => {
+    }), F = m(() => {
       const {
         placement: t,
         preventOverflow: s
-      } = e, l = {}, a = (m, y) => {
+      } = e, l = {}, n = (d, A) => {
         if (!s) {
-          l[m] = y;
+          l[d] = A;
           return;
         }
-        const A = m === "top" || m === "bottom", M = A ? "100dvh" : "100dvw", W = p(A ? v.value : P.value);
-        l[m] = `clamp(0px, ${y}, calc(${M} - ${W}))`;
+        const b = d === "top" || d === "bottom", M = b ? "100dvh" : "100dvw", W = c(b ? v.value : P.value);
+        l[d] = `clamp(0px, ${A}, calc(${M} - ${W}))`;
       };
-      return t.includes("top") && a("top", p(O.value - v.value - i.value.mainAxis)), t.includes("bottom") && a("bottom", `calc(100% - ${p(N.value + v.value + i.value.mainAxis)})`), t.includes("left") && a("left", p(w.value + i.value.crossAxis)), t.includes("right") && a("right", `calc(100% - ${p(V.value + i.value.crossAxis)})`), t.includes("center") && a("left", p(w.value + z.value / 2 - P.value / 2 + i.value.crossAxis)), l;
+      return t.includes("top") && n("top", c(N.value - v.value - i.value.mainAxis)), t.includes("bottom") && n("bottom", `calc(100% - ${c(V.value + v.value + i.value.mainAxis)})`), t.includes("left") && n("left", c(w.value + i.value.crossAxis)), t.includes("right") && n("right", `calc(100% - ${c(z.value + i.value.crossAxis)})`), t.includes("center") && n("left", c(w.value + D.value / 2 - P.value / 2 + i.value.crossAxis)), l;
     });
-    te(() => e.show, (t) => {
-      t && D();
+    ee(() => e.show, (t) => {
+      t && y();
     }, {
       flush: "post"
     });
-    const U = ue(u), H = oe(), I = se({
-      to: e.appendTo || U.value
+    const I = ue(u), U = te(), H = oe({
+      to: e.appendTo || I.value
     });
-    return ie(I, () => ne(me, T({
-      ref: C,
+    return ie(H, () => se(de, S({
+      ref: x,
       show: e.show,
       transitionProps: e.transitionProps,
       style: F.value
-    }, H), {
+    }, U), {
       default: () => {
         var t;
         return [(t = o.content) == null ? void 0 : t.call(o)];
       }
-    })), n({
+    })), p({
       triggerRef: u,
-      popperRef: d
-    }), (t, s) => (_(), S(re(B(c)[0]), T({
-      ref: B(f)
-    }, k(e.triggerEvents)), null, 16));
+      popperRef: _,
+      update: y
+    }), (t, s) => (h(), C(re(T(a)[0]), S({
+      ref: T(f)
+    }, E(e.triggerEvents)), null, 16));
   }
-}), he = /* @__PURE__ */ $(ve, [["__scopeId", "data-v-aa8afcd1"]]);
-he.name = "TrBasePopper";
+}), ve = /* @__PURE__ */ O(me, [["__scopeId", "data-v-c09160be"]]);
+ve.name = "TrBasePopper";
 export {
-  he as B,
+  ve as B,
   ie as c,
   ue as u
 };