@opentiny/tiny-robot 0.2.0-alpha.2 → 0.2.0-alpha.4

package/dist/_plugin-vue_export-helper.js

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};

package/dist/action-group/index.js

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