@opentiny/tiny-robot 0.2.13 → 0.3.0-alpha.1

package/dist/action-group/index.js

@@ -1,10 +1,10 @@
-import { defineComponent as $, useSlots as H, computed as i, ref as f, watch as N, nextTick as W, createElementBlock as _, openBlock as o, 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 { c as Y } from "../tiny-robot-svgs.js";
+import { defineComponent as O, 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 $, 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, a as ee } from "../index2.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__ */ $({
+const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae = { class: "tr-action-group__dropdown-item-text" }, ce = /* @__PURE__ */ O({
   __name: "ActionGroup",
   props: {
     maxNum: {},
@@ -12,48 +12,45 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
     dropDownShowLabelOnly: { type: Boolean }
   },
   emits: ["item-click"],
-  setup(r, { emit: k }) {
-    const l = r, F = H(), O = k, p = i(() => {
-      var a, t;
-      const e = F.default();
-      return Array.isArray(e) ? e.length === 1 && ((a = e[0].type) == null ? void 0 : a.toString()) === "Symbol(v-fgt)" ? e[0].children : e : ((t = e.type) == null ? void 0 : t.toString()) === "Symbol(v-fgt)" ? e.children : [e];
+  setup(l, { emit: k }) {
+    const a = l, L = H(), F = k, p = i(() => {
+      var o, t;
+      const e = L.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];
     }), y = i(() => {
-      const e = l.maxNum ?? Number.MAX_SAFE_INTEGER;
+      const e = a.maxNum ?? Number.MAX_SAFE_INTEGER;
       return e > 0 ? e : Number.MAX_SAFE_INTEGER;
-    }), b = i(() => p.value.length > y.value), V = i(() => b.value ? p.value.slice(0, y.value) : p.value), z = i(() => b.value ? p.value.slice(y.value) : []), m = f(null), d = f(null), n = f(!1), P = () => {
-      n.value = !n.value;
+    }), b = i(() => p.value.length > y.value), V = i(() => b.value ? p.value.slice(0, y.value) : p.value), z = i(() => b.value ? p.value.slice(y.value) : []), m = f(null), d = f(null), r = f(!1), P = () => {
+      r.value = !r.value;
     };
-    Z(
-      d,
-      () => {
-        n.value = !1;
-      },
-      { ignore: [m] }
-    );
+    Z(d, (e) => {
+      var o;
+      (o = m.value) != null && o.contains(e.target) || (r.value = !1);
+    });
     const A = (e) => {
-      O("item-click", e), n.value = !1;
+      F("item-click", e), r.value = !1;
     }, B = f("placement-bottom"), { height: D } = ee(), T = () => {
       if (!d.value || !m.value)
         return "placement-bottom";
-      const e = d.value.getBoundingClientRect(), a = m.value.getBoundingClientRect();
-      B.value = a.bottom + e.height + 16 > D.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(n, (e) => {
+    return N(r, (e) => {
       e && W(() => {
         T();
       });
     }), N(D, () => {
-      n.value && T();
-    }), (e, a) => (o(), _("div", ne, [
-      (o(!0), _(G, null, I(V.value, (t, C) => {
+      r.value && T();
+    }), (e, o) => (n(), _("div", ne, [
+      (n(!0), _(G, null, I(V.value, (t, C) => {
         var c;
-        return o(), v(h(M), {
+        return n(), v(h(M), {
           key: C,
           content: (c = t.props) == null ? void 0 : c.label,
           effect: "dark",
           placement: "top",
           "open-delay": 500,
-          disabled: !l.showTooltip
+          disabled: !a.showTooltip
         }, {
           default: S(() => [
             w("span", {
@@ -63,19 +60,19 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
                 return A((s = t.props) == null ? void 0 : s.name);
               }
             }, [
-              (o(), v(x(t)))
+              (n(), v(x(t)))
             ], 8, re)
           ]),
           _: 2
         }, 1032, ["content", "disabled"]);
       }), 128)),
-      b.value ? (o(), v(h(M), {
+      b.value ? (n(), v(h(M), {
         key: 0,
         content: "更多",
         effect: "dark",
         placement: "top",
         "open-delay": 500,
-        disabled: !l.showTooltip
+        disabled: !a.showTooltip
       }, {
         default: S(() => [
           w("span", {
@@ -84,7 +81,7 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
             class: "tr-action-group__btn-wrapper",
             onClick: P
           }, [
-            L(e.$slots, "moreBtn", {}, () => [
+            $(e.$slots, "moreBtn", {}, () => [
               E(h(te), { icon: h(Y) }, null, 8, ["icon"])
             ], !0),
             E(j, { name: "tr-action-group-dropdown" }, {
@@ -94,9 +91,9 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
                   ref: d,
                   class: J(["tr-action-group__dropdown", B.value])
                 }, [
-                  (o(!0), _(G, null, I(z.value, (t, C) => {
+                  (n(!0), _(G, null, I(z.value, (t, C) => {
                     var c;
-                    return o(), _("li", {
+                    return n(), _("li", {
                       class: "tr-action-group__dropdown-item",
                       key: C,
                       onClick: K((X) => {
@@ -104,12 +101,12 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
                         return A((s = t.props) == null ? void 0 : s.name);
                       }, ["stop"])
                     }, [
-                      l.dropDownShowLabelOnly ? R("", !0) : (o(), v(x(t), { key: 0 })),
+                      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), [
-                  [U, n.value]
+                  [U, r.value]
                 ])
               ]),
               _: 1
@@ -120,24 +117,24 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
       }, 8, ["disabled"])) : R("", !0)
     ]));
   }
-}), g = /* @__PURE__ */ oe(ce, [["__scopeId", "data-v-f8531261"]]), u = /* @__PURE__ */ $({
+}), g = /* @__PURE__ */ oe(ce, [["__scopeId", "data-v-f3138789"]]), u = /* @__PURE__ */ O({
   __name: "ActionGroupItem",
   props: {
     name: {},
     label: {}
   },
-  setup(r) {
-    return (k, l) => L(k.$slots, "default");
+  setup(l) {
+    return (k, a) => $(k.$slots, "default");
   }
 });
 g.name = "TrActionGroup";
-const se = function(r) {
-  r.component(g.name, g);
+const se = function(l) {
+  l.component(g.name, g);
 };
 g.install = se;
 u.name = "TrActionGroupItem";
-const ie = function(r) {
-  r.component(u.name, u);
+const ie = function(l) {
+  l.component(u.name, u);
 };
 u.install = ie;
 const ve = u;