@opentiny/tiny-robot 0.2.0-alpha.5 → 0.2.0-alpha.7

package/dist/action-group/index.js

@@ -1,10 +1,10 @@
-import { defineComponent as L, useSlots as W, computed as i, useTemplateRef as T, ref as R, watch as N, nextTick as j, createElementBlock as m, openBlock as n, createBlock as d, createCommentVNode as G, Fragment as I, renderList as x, unref as f, withCtx as C, createElementVNode as _, resolveDynamicComponent as E, renderSlot as F, createVNode as M, Transition as q, withDirectives as J, normalizeClass as K, withModifiers as Q, toDisplayString as U, vShow as Y } from "vue";
-import { o as Z } from "../tiny-robot-svgs.js";
-import { T as $ } from "../index4.js";
-import { o as ee, b as te } from "../index3.js";
-import oe from "../icon-button/index.js";
-import { _ as ne } from "../_plugin-vue_export-helper.js";
-const re = { class: "tr-action-group" }, le = ["onClick"], ae = ["onClick"], ce = { class: "tr-action-group__dropdown-item-text" }, se = /* @__PURE__ */ L({
+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 { T as M } from "../index4.js";
+import { o as Z, b as ee } from "../index3.js";
+import te from "../icon-button/index.js";
+import { _ as oe } from "../_plugin-vue_export-helper.js";
+const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae = { class: "tr-action-group__dropdown-item-text" }, ce = /* @__PURE__ */ $({
   __name: "ActionGroup",
   props: {
     maxNum: {},
@@ -12,61 +12,61 @@ const re = { class: "tr-action-group" }, le = ["onClick"], ae = ["onClick"], ce
     dropDownShowLabelOnly: { type: Boolean }
   },
   emits: ["item-click"],
-  setup(l, { emit: h }) {
-    const a = l, O = W(), V = h, p = i(() => {
+  setup(l, { emit: k }) {
+    const a = l, F = H(), O = k, p = i(() => {
       var o, t;
-      const e = O.default();
+      const e = F.default();
       return Array.isArray(e) ? e.length === 1 && ((o = e[0].type) == null ? void 0 : o.toString()) === "Symbol(v-fgt)" ? e[0].children : e : ((t = e.type) == null ? void 0 : t.toString()) === "Symbol(v-fgt)" ? e.children : [e];
-    }), w = i(() => {
+    }), b = i(() => {
       const e = a.maxNum ?? Number.MAX_SAFE_INTEGER;
       return e > 0 ? e : Number.MAX_SAFE_INTEGER;
-    }), g = i(() => p.value.length > w.value), z = i(() => g.value ? p.value.slice(0, w.value) : p.value), P = i(() => g.value ? p.value.slice(w.value) : []), b = T("moreBtnRef"), k = T("dropDownRef"), r = R(!1), X = () => {
+    }), y = i(() => p.value.length > b.value), V = i(() => y.value ? p.value.slice(0, b.value) : p.value), z = i(() => y.value ? p.value.slice(b.value) : []), m = f(null), d = f(null), r = f(!1), P = () => {
       r.value = !r.value;
     };
-    ee(k, (e) => {
+    Z(d, (e) => {
       var o;
-      (o = b.value) != null && o.contains(e.target) || (r.value = !1);
+      (o = m.value) != null && o.contains(e.target) || (r.value = !1);
     });
-    const S = (e) => {
-      V("item-click", e), r.value = !1;
-    }, A = R("placement-bottom"), { height: B } = te(), D = () => {
-      if (!k.value || !b.value)
+    const A = (e) => {
+      O("item-click", e), r.value = !1;
+    }, B = f("placement-bottom"), { height: D } = ee(), T = () => {
+      if (!d.value || !m.value)
         return "placement-bottom";
-      const e = k.value.getBoundingClientRect(), o = b.value.getBoundingClientRect();
-      A.value = o.bottom + e.height + 16 > B.value ? "placement-top" : "placement-bottom";
+      const e = d.value.getBoundingClientRect(), o = m.value.getBoundingClientRect();
+      B.value = o.bottom + e.height + 16 > D.value ? "placement-top" : "placement-bottom";
     };
     return N(r, (e) => {
-      e && j(() => {
-        D();
+      e && W(() => {
+        T();
       });
-    }), N(B, () => {
-      r.value && D();
-    }), (e, o) => (n(), m("div", re, [
-      (n(!0), m(I, null, x(z.value, (t, y) => {
+    }), N(D, () => {
+      r.value && T();
+    }), (e, o) => (n(), _("div", ne, [
+      (n(!0), _(G, null, I(V.value, (t, C) => {
         var c;
-        return n(), d(f($), {
-          key: y,
+        return n(), v(h(M), {
+          key: C,
           content: (c = t.props) == null ? void 0 : c.label,
           effect: "dark",
           placement: "top",
           "open-delay": 500,
           disabled: !a.showTooltip
         }, {
-          default: C(() => [
-            _("span", {
+          default: S(() => [
+            w("span", {
               class: "tr-action-group__btn-wrapper",
-              onClick: (H) => {
+              onClick: (X) => {
                 var s;
-                return S((s = t.props) == null ? void 0 : s.name);
+                return A((s = t.props) == null ? void 0 : s.name);
               }
             }, [
-              (n(), d(E(t)))
-            ], 8, le)
+              (n(), v(x(t)))
+            ], 8, re)
           ]),
           _: 2
         }, 1032, ["content", "disabled"]);
       }), 128)),
-      g.value ? (n(), d(f($), {
+      y.value ? (n(), v(h(M), {
         key: 0,
         content: "更多",
         effect: "dark",
@@ -74,37 +74,39 @@ const re = { class: "tr-action-group" }, le = ["onClick"], ae = ["onClick"], ce
         "open-delay": 500,
         disabled: !a.showTooltip
       }, {
-        default: C(() => [
-          _("span", {
-            ref: "moreBtnRef",
+        default: S(() => [
+          w("span", {
+            ref_key: "moreBtnRef",
+            ref: m,
             class: "tr-action-group__btn-wrapper",
-            onClick: X
+            onClick: P
           }, [
-            F(e.$slots, "moreBtn", {}, () => [
-              M(f(oe), { icon: f(Z) }, null, 8, ["icon"])
+            L(e.$slots, "moreBtn", {}, () => [
+              E(h(te), { icon: h(Y) }, null, 8, ["icon"])
             ], !0),
-            M(q, { name: "tr-action-group-dropdown" }, {
-              default: C(() => [
-                J(_("ul", {
-                  ref: "dropDownRef",
-                  class: K(["tr-action-group__dropdown", A.value])
+            E(j, { name: "tr-action-group-dropdown" }, {
+              default: S(() => [
+                q(w("ul", {
+                  ref_key: "dropDownRef",
+                  ref: d,
+                  class: J(["tr-action-group__dropdown", B.value])
                 }, [
-                  (n(!0), m(I, null, x(P.value, (t, y) => {
+                  (n(!0), _(G, null, I(z.value, (t, C) => {
                     var c;
-                    return n(), m("li", {
+                    return n(), _("li", {
                       class: "tr-action-group__dropdown-item",
-                      key: y,
-                      onClick: Q((H) => {
+                      key: C,
+                      onClick: K((X) => {
                         var s;
-                        return S((s = t.props) == null ? void 0 : s.name);
+                        return A((s = t.props) == null ? void 0 : s.name);
                       }, ["stop"])
                     }, [
-                      a.dropDownShowLabelOnly ? G("", !0) : (n(), d(E(t), { key: 0 })),
-                      _("span", ce, U((c = t.props) == null ? void 0 : c.label), 1)
-                    ], 8, ae);
+                      a.dropDownShowLabelOnly ? R("", !0) : (n(), v(x(t), { key: 0 })),
+                      w("span", ae, Q((c = t.props) == null ? void 0 : c.label), 1)
+                    ], 8, le);
                   }), 128))
                 ], 2), [
-                  [Y, r.value]
+                  [U, r.value]
                 ])
               ]),
               _: 1
@@ -112,31 +114,31 @@ const re = { class: "tr-action-group" }, le = ["onClick"], ae = ["onClick"], ce
           ], 512)
         ]),
         _: 3
-      }, 8, ["disabled"])) : G("", !0)
+      }, 8, ["disabled"])) : R("", !0)
     ]));
   }
-}), v = /* @__PURE__ */ ne(se, [["__scopeId", "data-v-43d0f1ba"]]), u = /* @__PURE__ */ L({
+}), g = /* @__PURE__ */ oe(ce, [["__scopeId", "data-v-afd2130f"]]), u = /* @__PURE__ */ $({
   __name: "ActionGroupItem",
   props: {
     name: {},
     label: {}
   },
   setup(l) {
-    return (h, a) => F(h.$slots, "default");
+    return (k, a) => L(k.$slots, "default");
   }
 });
-v.name = "TrActionGroup";
-const ie = function(l) {
-  l.component(v.name, v);
+g.name = "TrActionGroup";
+const se = function(l) {
+  l.component(g.name, g);
 };
-v.install = ie;
+g.install = se;
 u.name = "TrActionGroupItem";
-const ue = function(l) {
+const ie = function(l) {
   l.component(u.name, u);
 };
-u.install = ue;
-const he = u;
+u.install = ie;
+const ve = u;
 export {
-  he as ActionGroupItem,
-  v as default
+  ve as ActionGroupItem,
+  g as default
 };