@opentiny/tiny-robot 0.2.0-alpha.8 → 0.2.0

package/dist/close.js

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

package/dist/index.d.ts

@@ -89,7 +89,7 @@ popoverHeight: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 popoverTriggerRef: HTMLDivElement;
 popoverRef: HTMLDivElement;
-}, HTMLDivElement>;
+}, any>;
 
 declare const __VLS_component_2: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:show": (value: boolean) => any;
@@ -109,7 +109,7 @@ topOffset: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 dropDownTriggerRef: HTMLDivElement;
 dropdownMenuRef: HTMLDivElement;
-}, HTMLDivElement>;
+}, any>;
 
 declare const __VLS_component_4: DefineComponent<PromptsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "item-click": (ev: MouseEvent, item: PromptProps) => any;
@@ -394,20 +394,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 +621,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>;
@@ -895,7 +895,7 @@ declare function __VLS_template_11(): {
         popoverTriggerRef: HTMLDivElement;
         popoverRef: HTMLDivElement;
     };
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 
 declare function __VLS_template_2(): {
@@ -912,7 +912,7 @@ declare function __VLS_template_3(): {
         dropDownTriggerRef: HTMLDivElement;
         dropdownMenuRef: HTMLDivElement;
     };
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 
 declare function __VLS_template_4(): {
@@ -1176,20 +1176,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 +1403,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>;

package/dist/index2.js

@@ -60,7 +60,7 @@ function Se(...e) {
 function K(e) {
   return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
 }
-function k(e) {
+function D(e) {
   return Array.isArray(e) ? e : [e];
 }
 function ye(e) {
@@ -126,19 +126,19 @@ function E(e) {
   const o = g(e);
   return (t = o == null ? void 0 : o.$el) != null ? t : o;
 }
-function M(...e) {
+function W(...e) {
   const t = [], o = () => {
     t.forEach((i) => i()), t.length = 0;
   }, n = (i, l, s, h) => (i.addEventListener(l, s, h), () => i.removeEventListener(l, s, h)), v = I(() => {
-    const i = k(g(e[0])).filter((l) => l != null);
+    const i = D(g(e[0])).filter((l) => l != null);
     return i.every((l) => typeof l != "string") ? i : void 0;
   }), c = We(
     () => {
       var i, l;
       return [
         (l = (i = v.value) == null ? void 0 : i.map((s) => E(s))) != null ? l : [R].filter((s) => s != null),
-        k(g(v.value ? e[1] : e[0])),
-        k(de(v.value ? e[2] : e[1])),
+        D(g(v.value ? e[1] : e[0])),
+        D(de(v.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
         g(v.value ? e[3] : e[2])
       ];
@@ -169,7 +169,7 @@ function Fe(e, t, o = {}) {
   if (we && !Z) {
     Z = !0;
     const u = { passive: !0 };
-    Array.from(n.document.body.children).forEach((f) => f.addEventListener("click", x, u)), n.document.documentElement.addEventListener("click", x, u);
+    Array.from(n.document.body.children).forEach((f) => W(f, "click", x, u)), W(n.document.documentElement, "click", x, u);
   }
   let l = !0;
   const s = (u) => g(v).some((f) => {
@@ -186,7 +186,7 @@ function Fe(e, t, o = {}) {
   }
   function r(u, f) {
     const p = g(u), F = p.$.subTree && p.$.subTree.children;
-    return F == null || !Array.isArray(F) ? !1 : F.some((D) => D.el === f.target || f.composedPath().includes(D.el));
+    return F == null || !Array.isArray(F) ? !1 : F.some((L) => L.el === f.target || f.composedPath().includes(L.el));
   }
   const a = (u) => {
     const f = E(e);
@@ -200,16 +200,16 @@ function Fe(e, t, o = {}) {
   };
   let m = !1;
   const b = [
-    M(n, "click", (u) => {
+    W(n, "click", (u) => {
       m || (m = !0, setTimeout(() => {
         m = !1;
       }, 0), a(u));
     }, { passive: !0, capture: c }),
-    M(n, "pointerdown", (u) => {
+    W(n, "pointerdown", (u) => {
       const f = E(e);
       l = !s(u) && !!(f && !u.composedPath().includes(f));
     }, { passive: !0 }),
-    d && M(n, "blur", (u) => {
+    d && W(n, "blur", (u) => {
       setTimeout(() => {
         var f;
         const p = E(e);
@@ -243,7 +243,7 @@ function Oe(e, t, o = {}) {
   const d = G(() => n && "MutationObserver" in n), i = () => {
     c && (c.disconnect(), c = void 0);
   }, l = I(() => {
-    const a = g(e), m = k(a).map(E).filter(he);
+    const a = g(e), m = D(a).map(E).filter(he);
     return new Set(m);
   }), s = _(
     () => l.value,
@@ -281,7 +281,7 @@ function Pe(e, t = {}) {
       return;
     }
     v.value && (d.value = o.matchMedia(g(e)), i.value = d.value.matches);
-  }), M(d, "change", l, { passive: !0 }), I(() => i.value);
+  }), W(d, "change", l, { passive: !0 }), I(() => i.value);
 }
 function le(e, t, o = {}) {
   const { window: n = R, ...v } = o;
@@ -309,7 +309,7 @@ function le(e, t, o = {}) {
     stop: h
   };
 }
-function Le(e, t = {}) {
+function Ce(e, t = {}) {
   const {
     reset: o = !0,
     windowResize: n = !0,
@@ -331,7 +331,7 @@ function Le(e, t = {}) {
   }
   return le(e, u), _(() => E(e), (f) => !f && u()), Oe(e, u, {
     attributeFilter: ["style", "class"]
-  }), v && M("scroll", u, { capture: !0, passive: !0 }), n && M("resize", u, { passive: !0 }), V(() => {
+  }), v && W("scroll", u, { capture: !0, passive: !0 }), n && W("resize", u, { passive: !0 }), V(() => {
     c && u();
   }), {
     height: i,
@@ -345,7 +345,7 @@ function Le(e, t = {}) {
     update: u
   };
 }
-function Ce(e, t = { width: 0, height: 0 }, o = {}) {
+function ke(e, t = { width: 0, height: 0 }, o = {}) {
   const { window: n = R, box: v = "content-box" } = o, c = I(() => {
     var r, a;
     return (a = (r = E(e)) == null ? void 0 : r.namespaceURI) == null ? void 0 : a.includes("svg");
@@ -360,7 +360,7 @@ function Ce(e, t = { width: 0, height: 0 }, o = {}) {
           d.value = b.width, i.value = b.height;
         }
       } else if (a) {
-        const m = k(a);
+        const m = D(a);
         d.value = m.reduce((b, { inlineSize: y }) => b + y, 0), i.value = m.reduce((b, { blockSize: y }) => b + y, 0);
       } else
         d.value = r.contentRect.width, i.value = r.contentRect.height;
@@ -387,7 +387,7 @@ function Ce(e, t = { width: 0, height: 0 }, o = {}) {
   };
 }
 const ee = 1;
-function ke(e, t = {}) {
+function De(e, t = {}) {
   const {
     throttle: o = 0,
     idle: n = 200,
@@ -424,18 +424,18 @@ function ke(e, t = {}) {
     }
   });
   function y(w, P) {
-    var T, L, C, j;
+    var T, C, k, j;
     if (!s)
       return;
-    const W = g(e);
-    if (!W)
+    const M = g(e);
+    if (!M)
       return;
-    (C = W instanceof Document ? s.document.body : W) == null || C.scrollTo({
+    (k = M instanceof Document ? s.document.body : M) == null || k.scrollTo({
       top: (T = g(P)) != null ? T : b.value,
-      left: (L = g(w)) != null ? L : m.value,
+      left: (C = g(w)) != null ? C : m.value,
       behavior: g(l)
     });
-    const O = ((j = W == null ? void 0 : W.document) == null ? void 0 : j.documentElement) || (W == null ? void 0 : W.documentElement) || W;
+    const O = ((j = M == null ? void 0 : M.document) == null ? void 0 : j.documentElement) || (M == null ? void 0 : M.documentElement) || M;
     m != null && (r.value = O.scrollLeft), b != null && (a.value = O.scrollTop);
   }
   const u = S(!1), f = J({
@@ -450,26 +450,26 @@ function ke(e, t = {}) {
     bottom: !1
   }), F = (w) => {
     u.value && (u.value = !1, p.left = !1, p.right = !1, p.top = !1, p.bottom = !1, v(w));
-  }, D = Ee(F, o + n), z = (w) => {
+  }, L = Ee(F, o + n), z = (w) => {
     var P;
     if (!s)
       return;
-    const T = ((P = w == null ? void 0 : w.document) == null ? void 0 : P.documentElement) || (w == null ? void 0 : w.documentElement) || E(w), { display: L, flexDirection: C, direction: j } = getComputedStyle(T), W = j === "rtl" ? -1 : 1, O = T.scrollLeft;
+    const T = ((P = w == null ? void 0 : w.document) == null ? void 0 : P.documentElement) || (w == null ? void 0 : w.documentElement) || E(w), { display: C, flexDirection: k, direction: j } = getComputedStyle(T), M = j === "rtl" ? -1 : 1, O = T.scrollLeft;
     p.left = O < r.value, p.right = O > r.value;
-    const Q = Math.abs(O * W) <= (d.left || 0), X = Math.abs(O * W) + T.clientWidth >= T.scrollWidth - (d.right || 0) - ee;
-    L === "flex" && C === "row-reverse" ? (f.left = X, f.right = Q) : (f.left = Q, f.right = X), r.value = O;
+    const Q = Math.abs(O * M) <= (d.left || 0), X = Math.abs(O * M) + T.clientWidth >= T.scrollWidth - (d.right || 0) - ee;
+    C === "flex" && k === "row-reverse" ? (f.left = X, f.right = Q) : (f.left = Q, f.right = X), r.value = O;
     let A = T.scrollTop;
     w === s.document && !A && (A = s.document.body.scrollTop), p.top = A < a.value, p.bottom = A > a.value;
     const U = Math.abs(A) <= (d.top || 0), q = Math.abs(A) + T.clientHeight >= T.scrollHeight - (d.bottom || 0) - ee;
-    L === "flex" && C === "column-reverse" ? (f.top = q, f.bottom = U) : (f.top = U, f.bottom = q), a.value = A;
+    C === "flex" && k === "column-reverse" ? (f.top = q, f.bottom = U) : (f.top = U, f.bottom = q), a.value = A;
   }, Y = (w) => {
     var P;
     if (!s)
       return;
     const T = (P = w.target.documentElement) != null ? P : w.target;
-    z(T), u.value = !0, D(w), c(w);
+    z(T), u.value = !0, L(w), c(w);
   };
-  return M(
+  return W(
     e,
     "scroll",
     o ? Te(Y, o, !0, !1) : Y,
@@ -483,7 +483,7 @@ function ke(e, t = {}) {
     } catch (w) {
       h(w);
     }
-  }), M(
+  }), W(
     e,
     "scrollend",
     F,
@@ -500,7 +500,7 @@ function ke(e, t = {}) {
     }
   };
 }
-function De(e = {}) {
+function Le(e = {}) {
   const {
     window: t = R,
     initialWidth: o = Number.POSITIVE_INFINITY,
@@ -519,18 +519,18 @@ function De(e = {}) {
   };
   s(), V(s);
   const h = { passive: !0 };
-  if (M("resize", s, h), t && d === "visual" && t.visualViewport && M(t.visualViewport, "resize", s, h), v) {
+  if (W("resize", s, h), t && d === "visual" && t.visualViewport && W(t.visualViewport, "resize", s, h), v) {
     const r = Pe("(orientation: portrait)");
     _(r, () => s());
   }
   return { width: i, height: l };
 }
 export {
-  De as a,
-  Ce as b,
-  Le as c,
+  Le as a,
+  ke as b,
+  Ce as c,
   Pe as d,
   Fe as o,
-  ke as u,
+  De as u,
   _e as w
 };