@opentiny/tiny-robot 0.4.0-beta.0 → 0.4.1-alpha.0

package/dist/index2.js

@@ -1,19 +1,28 @@
-import { inject as A, defineComponent as h, computed as d, openBlock as i, createBlock as b, unref as o, withCtx as x, createElementVNode as f, normalizeClass as v, renderSlot as B, resolveDynamicComponent as D, normalizeStyle as E, createElementBlock as p, createVNode as m, toDisplayString as w, createCommentVNode as k, Transition as I } from "vue";
-import { _ as S } from "./_plugin-vue_export-helper.js";
-import { IconSend as P, IconStop as N, IconClear as F } from "@opentiny/tiny-robot-svgs";
-import { TinyTooltip as T } from "@opentiny/vue";
-const R = Symbol("sender-context");
-function g() {
-  const a = A(R);
-  if (!a)
+import { inject as R, isVNode as V, h as F, defineComponent as y, computed as l, openBlock as i, createBlock as f, unref as o, withCtx as S, createElementVNode as k, normalizeStyle as I, normalizeClass as v, renderSlot as B, resolveDynamicComponent as P, createElementBlock as b, createVNode as x, toDisplayString as T, createCommentVNode as h, useSlots as W, Transition as $ } from "vue";
+import { _ as w } from "./_plugin-vue_export-helper.js";
+import { IconSend as N, IconStop as j, IconClose as U } from "@opentiny/tiny-robot-svgs";
+import { TinyTooltip as D } from "@opentiny/vue";
+import { t as G } from "./utils.js";
+const K = Symbol("sender-context");
+function C() {
+  const t = R(K);
+  if (!t)
     throw new Error("useSenderContext must be used within Sender component");
-  return a;
+  return t;
 }
-function $(a) {
-  if (a)
-    return typeof a == "string" ? () => a : a;
+const A = "tr-sender-tooltip-inner";
+function E(t) {
+  return t ? typeof t == "string" ? t.split(/\s+/).includes(A) : Array.isArray(t) ? t.some(E) : typeof t == "object" ? !!t[A] : !1 : !1;
 }
-const L = ["disabled"], V = ["disabled"], W = /* @__PURE__ */ h({
+function z(t) {
+  var e;
+  return V(t) && E((e = t.props) == null ? void 0 : e.class) ? t : F("div", { class: A }, t);
+}
+function O(t) {
+  if (t)
+    return typeof t == "string" ? () => z(t) : () => z(t());
+}
+const M = ["disabled"], X = ["disabled"], Y = /* @__PURE__ */ y({
   __name: "index",
   props: {
     icon: {},
@@ -23,177 +32,194 @@ const L = ["disabled"], V = ["disabled"], W = /* @__PURE__ */ h({
     tooltipPlacement: { default: "top" },
     size: {}
   },
-  setup(a) {
-    const t = a, s = d(() => $(t.tooltip)), l = d(() => t.size ? { fontSize: typeof t.size == "number" ? `${t.size}px` : t.size } : {});
-    return (r, c) => t.tooltip ? (i(), b(o(T), {
+  setup(t) {
+    const e = t, n = {
+      normal: "32px",
+      small: "28px"
+    }, a = l(() => O(e.tooltip)), d = (s) => s === "small" ? {
+      "--tr-action-button-size": n.small
+    } : s === "normal" ? {
+      "--tr-action-button-size": n.normal
+    } : {
+      "--tr-action-button-size": G(s)
+    }, c = l(() => e.size ? d(e.size) : {});
+    return (s, u) => e.tooltip ? (i(), f(o(D), {
       key: 0,
-      "render-content": s.value,
-      placement: t.tooltipPlacement,
+      "render-content": a.value,
+      placement: e.tooltipPlacement,
       effect: "light",
       "visible-arrow": !1,
       "popper-class": "tr-action-button-tooltip-popper"
     }, {
-      default: x(() => [
-        f("button", {
-          class: v(["tr-action-button", { active: t.active }]),
-          disabled: t.disabled,
-          onFocusCapture: c[0] || (c[0] = (u) => u.stopPropagation())
+      default: S(() => [
+        k("button", {
+          class: v(["tr-action-button", { active: e.active }]),
+          style: I(c.value),
+          disabled: e.disabled,
+          onFocusCapture: u[0] || (u[0] = (r) => r.stopPropagation())
         }, [
-          B(r.$slots, "icon", {}, () => [
-            (i(), b(D(t.icon), {
-              style: E(l.value)
-            }, null, 8, ["style"]))
+          B(s.$slots, "icon", {}, () => [
+            (i(), f(P(e.icon)))
           ], !0)
-        ], 42, L)
+        ], 46, M)
       ]),
       _: 3
-    }, 8, ["render-content", "placement"])) : (i(), p("button", {
+    }, 8, ["render-content", "placement"])) : (i(), b("button", {
       key: 1,
-      class: v(["tr-action-button", { active: t.active }]),
-      disabled: t.disabled
+      class: v(["tr-action-button", { active: e.active }]),
+      style: I(c.value),
+      disabled: e.disabled
     }, [
-      B(r.$slots, "icon", {}, () => [
-        (i(), b(D(t.icon), {
-          style: E(l.value)
-        }, null, 8, ["style"]))
+      B(s.$slots, "icon", {}, () => [
+        (i(), f(P(e.icon)))
       ], !0)
-    ], 10, V));
+    ], 14, X));
   }
-}), O = /* @__PURE__ */ S(W, [["__scopeId", "data-v-01ebbab5"]]), j = {
+}), Z = /* @__PURE__ */ w(Y, [["__scopeId", "data-v-875619e6"]]), q = {
   key: 0,
   class: "tr-sender-submit-button__cancel-text"
-}, K = /* @__PURE__ */ h({
+}, H = /* @__PURE__ */ y({
   __name: "index",
-  setup(a) {
-    const { canSubmit: t, loading: s, defaultActions: l, submit: r, cancel: c, stopText: u } = g(), _ = d(() => {
-      var e, n;
-      return (n = (e = l.value) == null ? void 0 : e.submit) != null && n.disabled ? !0 : !t.value && !s.value;
-    }), y = d(() => {
-      var e, n;
-      return $((n = (e = l.value) == null ? void 0 : e.submit) == null ? void 0 : n.tooltip);
-    }), z = d(() => {
-      var e, n;
-      return ((n = (e = l.value) == null ? void 0 : e.submit) == null ? void 0 : n.tooltipPlacement) ?? "top";
-    }), C = () => {
-      _.value || (s.value ? c() : r());
+  setup(t) {
+    const { canSubmit: e, loading: n, defaultActions: a, submit: d, cancel: c, stopText: s } = C(), u = l(() => {
+      var _, m;
+      return (m = (_ = a.value) == null ? void 0 : _.submit) != null && m.disabled ? !0 : !e.value && !n.value;
+    }), r = l(() => {
+      var _, m;
+      return O((m = (_ = a.value) == null ? void 0 : _.submit) == null ? void 0 : m.tooltip);
+    }), p = l(() => {
+      var _, m;
+      return ((m = (_ = a.value) == null ? void 0 : _.submit) == null ? void 0 : m.tooltipPlacement) ?? "top";
+    }), g = () => {
+      u.value || (n.value ? c() : d());
     };
-    return (e, n) => y.value && !o(s) ? (i(), b(o(T), {
+    return (_, m) => r.value && !o(n) ? (i(), f(o(D), {
       key: 0,
-      "render-content": y.value,
-      placement: z.value,
+      "render-content": r.value,
+      placement: p.value,
       effect: "light",
       "visible-arrow": !1,
       "popper-class": "tr-submit-button-tooltip-popper"
     }, {
-      default: x(() => [
-        f("div", {
+      default: S(() => [
+        k("div", {
           class: v([
             "tr-sender-submit-button",
             {
-              "is-disabled": _.value,
-              "is-loading": o(s)
+              "is-disabled": u.value,
+              "is-loading": o(n)
             }
           ]),
-          onClick: C
+          onClick: g
         }, [
-          m(o(P), { class: "tr-sender-submit-button__icon" })
+          x(o(N), { class: "tr-sender-submit-button__icon" })
         ], 2)
       ]),
       _: 1
-    }, 8, ["render-content", "placement"])) : (i(), p("div", {
+    }, 8, ["render-content", "placement"])) : (i(), b("div", {
       key: 1,
       class: v([
         "tr-sender-submit-button",
         {
-          "is-disabled": _.value,
-          "is-loading": o(s)
+          "is-disabled": u.value,
+          "is-loading": o(n)
         }
       ]),
-      onClick: C
+      onClick: g
     }, [
-      o(s) ? (i(), p("div", {
+      o(n) ? (i(), b("div", {
         key: 1,
-        class: v(["tr-sender-submit-button__cancel", { "icon-only": !o(u) }])
+        class: v(["tr-sender-submit-button__cancel", { "icon-only": !o(s) }])
       }, [
-        m(o(N), { class: "tr-sender-submit-button__cancel-icon" }),
-        o(u) ? (i(), p("span", j, w(o(u)), 1)) : k("", !0)
-      ], 2)) : (i(), b(o(P), {
+        x(o(j), { class: "tr-sender-submit-button__cancel-icon" }),
+        o(s) ? (i(), b("span", q, T(o(s)), 1)) : h("", !0)
+      ], 2)) : (i(), f(o(N), {
         key: 0,
         class: "tr-sender-submit-button__icon"
       }))
     ], 2));
   }
-}), X = /* @__PURE__ */ S(K, [["__scopeId", "data-v-4b48493a"]]), Y = /* @__PURE__ */ h({
+}), J = /* @__PURE__ */ w(H, [["__scopeId", "data-v-a58e69fe"]]), L = () => {
+  const { hasContent: t, clearable: e, loading: n, defaultActions: a } = C(), d = l(() => {
+    var r, p;
+    return ((p = (r = a.value) == null ? void 0 : r.clear) == null ? void 0 : p.disabled) !== void 0 ? a.value.clear.disabled : !1;
+  }), c = l(() => {
+    var r, p;
+    return (p = (r = a.value) == null ? void 0 : r.clear) == null ? void 0 : p.tooltip;
+  }), s = l(() => {
+    var r, p;
+    return ((p = (r = a.value) == null ? void 0 : r.clear) == null ? void 0 : p.tooltipPlacement) ?? "top";
+  }), u = l(() => e.value && t.value && !n.value && !d.value);
+  return {
+    isDisabled: d,
+    tooltip: c,
+    tooltipPlacement: s,
+    show: u
+  };
+}, Q = /* @__PURE__ */ y({
   __name: "index",
-  setup(a) {
-    const { hasContent: t, clearable: s, clear: l, loading: r, defaultActions: c } = g(), u = d(() => {
-      var e, n;
-      return ((n = (e = c.value) == null ? void 0 : e.clear) == null ? void 0 : n.disabled) !== void 0 ? c.value.clear.disabled : !1;
-    }), _ = d(() => {
-      var e, n;
-      return $((n = (e = c.value) == null ? void 0 : e.clear) == null ? void 0 : n.tooltip);
-    }), y = d(() => {
-      var e, n;
-      return ((n = (e = c.value) == null ? void 0 : e.clear) == null ? void 0 : n.tooltipPlacement) ?? "top";
-    }), z = d(() => s.value && t.value && !r.value && !u.value), C = () => {
-      u.value || l();
+  setup(t) {
+    const { clear: e } = C(), { isDisabled: n, tooltip: a, tooltipPlacement: d, show: c } = L(), s = () => {
+      n.value || e();
     };
-    return (e, n) => z.value ? (i(), b(O, {
+    return (u, r) => o(c) ? (i(), f(Z, {
       key: 0,
-      icon: o(F),
-      disabled: u.value,
-      tooltip: _.value,
-      "tooltip-placement": y.value,
-      onClick: C
-    }, null, 8, ["icon", "disabled", "tooltip", "tooltip-placement"])) : k("", !0);
+      icon: o(U),
+      disabled: o(n),
+      tooltip: o(a),
+      "tooltip-placement": o(d),
+      onClick: s
+    }, null, 8, ["icon", "disabled", "tooltip", "tooltip-placement"])) : h("", !0);
   }
-}), q = {
+}), tt = {
   key: 0,
   class: "tr-sender-word-counter"
-}, G = /* @__PURE__ */ h({
+}, et = /* @__PURE__ */ y({
   __name: "index",
-  setup(a) {
-    const { characterCount: t, maxLength: s, isOverLimit: l, showWordLimit: r } = g(), c = d(() => r.value && s.value !== void 0);
-    return (u, _) => c.value ? (i(), p("span", q, [
-      f("span", {
-        class: v({ "is-over-limit": o(l) })
-      }, w(o(t)), 3),
-      f("span", null, "/" + w(o(s)), 1)
-    ])) : k("", !0);
+  setup(t) {
+    const { characterCount: e, maxLength: n, isOverLimit: a, showWordLimit: d } = C(), c = l(() => d.value && n.value !== void 0);
+    return (s, u) => c.value ? (i(), b("span", tt, [
+      k("span", {
+        class: v({ "is-over-limit": o(a) })
+      }, T(o(e)), 3),
+      k("span", null, "/" + T(o(n)), 1)
+    ])) : h("", !0);
   }
-}), nt = /* @__PURE__ */ S(G, [["__scopeId", "data-v-206396cd"]]), H = { class: "tr-default-action-buttons" }, J = {
+}), ut = /* @__PURE__ */ w(et, [["__scopeId", "data-v-206396cd"]]), ot = {
+  key: 0,
+  class: "tr-default-action-buttons"
+}, nt = {
   key: 0,
   class: "tr-action-buttons-group"
-}, M = { class: "tr-submit-wrapper" }, Q = /* @__PURE__ */ h({
+}, st = /* @__PURE__ */ y({
   __name: "index",
-  setup(a) {
-    const { hasContent: t, loading: s } = g();
-    return (l, r) => (i(), p("div", H, [
-      m(I, { name: "tr-slide-right" }, {
-        default: x(() => [
-          o(t) || o(s) ? (i(), p("div", J, [
-            m(I, { name: "tr-slide-right" }, {
-              default: x(() => [
-                m(Y)
+  setup(t) {
+    const e = W(), { hasContent: n, loading: a } = C(), { show: d } = L(), c = l(() => !!e.prepend), s = l(() => n.value || a.value), u = l(() => c.value || d.value), r = l(() => c.value || s.value);
+    return (p, g) => (i(), f($, { name: "tr-slide-right" }, {
+      default: S(() => [
+        r.value ? (i(), b("div", ot, [
+          u.value ? (i(), b("div", nt, [
+            B(p.$slots, "prepend", {}, void 0, !0),
+            x($, { name: "tr-slide-right" }, {
+              default: S(() => [
+                x(Q)
               ]),
               _: 1
-            }),
-            f("div", M, [
-              m(X)
-            ])
-          ])) : k("", !0)
-        ]),
-        _: 1
-      })
-    ]));
+            })
+          ])) : h("", !0),
+          s.value ? (i(), f(J, { key: 1 })) : h("", !0)
+        ])) : h("", !0)
+      ]),
+      _: 3
+    }));
   }
-}), ot = /* @__PURE__ */ S(Q, [["__scopeId", "data-v-209924d7"]]);
+}), dt = /* @__PURE__ */ w(st, [["__scopeId", "data-v-e9441989"]]);
 export {
-  O as A,
-  ot as D,
-  X as S,
-  nt as W,
-  Y as _,
-  R as a,
-  g as u
+  Z as A,
+  dt as D,
+  K as S,
+  ut as W,
+  Q as _,
+  J as a,
+  C as u
 };

package/dist/index3.js

@@ -4,7 +4,7 @@ var C = (i, o, e) => D(i, typeof o != "symbol" ? o + "" : o, e);
 import { defineComponent as B, toRefs as H, computed as R, watch as F, openBlock as S, createBlock as x, unref as p, ref as V, reactive as A, onUnmounted as P, createElementBlock as j, Fragment as U, normalizeClass as W, createSlots as L, withCtx as y, renderSlot as z, resolveDynamicComponent as M, createCommentVNode as N } from "vue";
 import { e as O } from "./index4.js";
 import { u as I, A as b } from "./index2.js";
-import { IconUpload as T, IconVoice as _, IconRecordingWave as q } from "@opentiny/tiny-robot-svgs";
+import { IconImageUpload as T, IconVoice as _, IconRecordingWave as q } from "@opentiny/tiny-robot-svgs";
 import { _ as G } from "./_plugin-vue_export-helper.js";
 const te = /* @__PURE__ */ B({
   __name: "index",