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

package/dist/node_modules/.pnpm/@vueuse_shared@13.1.0_vue@3.5.13/node_modules/@vueuse/shared/index.js

@@ -1,53 +1,110 @@
-import { onMounted as a, nextTick as c, watch as s, getCurrentScope as u, onScopeDispose as l, getCurrentInstance as r, hasInjectionContext as d, inject as w } from "vue";
-function b(t) {
-  return u() ? (l(t), !0) : !1;
-}
-const i = /* @__PURE__ */ new WeakMap(), v = (...t) => {
-  var n;
-  const e = t[0], o = (n = r()) == null ? void 0 : n.proxy;
-  if (o == null && !d())
+import { onMounted as S, nextTick as x, watch as O, getCurrentScope as P, onScopeDispose as D, isRef as A, getCurrentInstance as j, toValue as g, hasInjectionContext as C, inject as F } from "vue";
+function V(e) {
+  return P() ? (D(e), !0) : !1;
+}
+const h = /* @__PURE__ */ new WeakMap(), E = (...e) => {
+  var o;
+  const n = e[0], t = (o = j()) == null ? void 0 : o.proxy;
+  if (t == null && !C())
     throw new Error("injectLocal must be called in setup");
-  return o && i.has(o) && e in i.get(o) ? i.get(o)[e] : w(...t);
-}, f = typeof window < "u" && typeof document < "u";
+  return t && h.has(t) && n in h.get(t) ? h.get(t)[n] : F(...e);
+}, I = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const p = Object.prototype.toString, h = (t) => p.call(t) === "[object Object]", S = () => {
-}, j = /* @__PURE__ */ g();
-function g() {
-  var t, n;
-  return f && ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+const M = Object.prototype.toString, G = (e) => M.call(e) === "[object Object]", m = () => {
+}, N = /* @__PURE__ */ W();
+function W() {
+  var e, o;
+  return I && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((o = window == null ? void 0 : window.navigator) == null ? void 0 : o.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+}
+function T(e, o) {
+  function n(...t) {
+    return new Promise((r, i) => {
+      Promise.resolve(e(() => o.apply(this, t), { fn: o, thisArg: this, args: t })).then(r).catch(i);
+    });
+  }
+  return n;
+}
+function k(e, o = {}) {
+  let n, t, r = m;
+  const i = (l) => {
+    clearTimeout(l), r(), r = m;
+  };
+  let a;
+  return (l) => {
+    const c = g(e), u = g(o.maxWait);
+    return n && i(n), c <= 0 || u !== void 0 && u <= 0 ? (t && (i(t), t = null), Promise.resolve(l())) : new Promise((f, w) => {
+      r = o.rejectOnCancel ? w : f, a = l, u && !t && (t = setTimeout(() => {
+        n && i(n), t = null, f(a());
+      }, u)), n = setTimeout(() => {
+        t && i(t), t = null, f(l());
+      }, c);
+    });
+  };
+}
+function L(...e) {
+  let o = 0, n, t = !0, r = m, i, a, s, l, c;
+  !A(e[0]) && typeof e[0] == "object" ? { delay: a, trailing: s = !0, leading: l = !0, rejectOnCancel: c = !1 } = e[0] : [a, s = !0, l = !0, c = !1] = e;
+  const u = () => {
+    n && (clearTimeout(n), n = void 0, r(), r = m);
+  };
+  return (w) => {
+    const d = g(a), y = Date.now() - o, p = () => i = w();
+    return u(), d <= 0 ? (o = Date.now(), p()) : (y > d && (l || !t) ? (o = Date.now(), p()) : s && (i = new Promise((b, v) => {
+      r = c ? v : b, n = setTimeout(() => {
+        o = Date.now(), t = !0, b(p()), u();
+      }, Math.max(0, d - y));
+    })), !l && !n && (n = setTimeout(() => t = !0, d)), t = !1, i);
+  };
 }
-function O(t) {
-  return t.endsWith("rem") ? Number.parseFloat(t) * 16 : Number.parseFloat(t);
+function q(e) {
+  return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
 }
-function A(t) {
-  return Array.isArray(t) ? t : [t];
+function z(e) {
+  return Array.isArray(e) ? e : [e];
 }
-function m(t) {
-  return r();
+function _(e) {
+  return j();
+}
+function B(e, o = 200, n = {}) {
+  return T(
+    k(o, n),
+    e
+  );
+}
+function H(e, o = 200, n = !1, t = !0, r = !1) {
+  return T(
+    L(o, n, t, r),
+    e
+  );
 }
-function I(t, n = !0, e) {
-  m() ? a(t, e) : n ? t() : c(t);
+function J(e, o = !0, n) {
+  _() ? S(e, n) : o ? e() : x(e);
 }
-function k(t, n, e) {
-  return s(
-    t,
-    n,
+function K(e, o, n) {
+  return O(
+    e,
+    o,
     {
-      ...e,
+      ...n,
       immediate: !0
     }
   );
 }
 export {
-  m as getLifeCycleTarget,
-  v as injectLocal,
-  f as isClient,
-  j as isIOS,
-  h as isObject,
-  S as noop,
-  O as pxValue,
-  A as toArray,
-  I as tryOnMounted,
-  b as tryOnScopeDispose,
-  k as watchImmediate
+  T as createFilterWrapper,
+  k as debounceFilter,
+  _ as getLifeCycleTarget,
+  E as injectLocal,
+  I as isClient,
+  N as isIOS,
+  G as isObject,
+  m as noop,
+  q as pxValue,
+  L as throttleFilter,
+  z as toArray,
+  J as tryOnMounted,
+  V as tryOnScopeDispose,
+  B as useDebounceFn,
+  H as useThrottleFn,
+  K as watchImmediate
 };

package/dist/packages/components/src/action-group/ActionGroup.vue.js

@@ -1,7 +1,7 @@
 import o from "./ActionGroup.vue2.js";
 /* empty css                 */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9d495a61"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-43d0f1ba"]]);
 export {
-  m as default
+  f as default
 };

package/dist/packages/components/src/action-group/ActionGroup.vue2.js

@@ -1,97 +1,121 @@
-import { defineComponent as V, useSlots as $, computed as a, useTemplateRef as y, ref as C, watch as S, nextTick as z, createElementBlock as l, openBlock as n, createCommentVNode as b, Fragment as D, renderList as B, createBlock as R, resolveDynamicComponent as N, renderSlot as P, createVNode as E, unref as x, Transition as X, withCtx as q, withDirectives as H, createElementVNode as A, normalizeClass as W, withModifiers as j, toDisplayString as J, vShow as K } from "vue";
-import { IconMenu as Q } from "../../../svgs/dist/tiny-robot-svgs.js";
-import { onClickOutside as U, useWindowSize as Y } from "../../../../node_modules/.pnpm/@vueuse_core@13.1.0_vue@3.5.13/node_modules/@vueuse/core/index.js";
+import { defineComponent as z, useSlots as P, computed as c, useTemplateRef as S, ref as B, watch as D, nextTick as X, createElementBlock as u, openBlock as n, createBlock as p, createCommentVNode as R, Fragment as N, renderList as T, unref as m, withCtx as g, createElementVNode as d, resolveDynamicComponent as E, renderSlot as q, createVNode as x, Transition as H, withDirectives as W, normalizeClass as j, withModifiers as J, toDisplayString as K, vShow as Q } from "vue";
+import { IconMenu as U } from "../../../svgs/dist/tiny-robot-svgs.js";
+import A from "../../../../node_modules/.pnpm/@opentiny_vue-tooltip@3.22.0/node_modules/@opentiny/vue-tooltip/lib/index.js";
+import { onClickOutside as Y, useWindowSize as Z } from "../../../../node_modules/.pnpm/@vueuse_core@13.1.0_vue@3.5.13/node_modules/@vueuse/core/index.js";
 import "../icon-button/index.js";
-import Z from "../icon-button/index.vue.js";
-const ee = { class: "tr-action-group" }, te = ["onClick"], oe = ["onClick"], ne = { class: "tr-action-group__dropdown-item-text" }, se = /* @__PURE__ */ V({
+import ee from "../icon-button/index.vue.js";
+const te = { class: "tr-action-group" }, oe = ["onClick"], ne = ["onClick"], re = { class: "tr-action-group__dropdown-item-text" }, pe = /* @__PURE__ */ z({
   __name: "ActionGroup",
   props: {
     maxNum: {},
+    showTooltip: { type: Boolean },
     dropDownShowLabelOnly: { type: Boolean }
   },
   emits: ["item-click"],
   setup(M, { emit: I }) {
-    const v = M, T = $(), L = I, c = a(() => {
+    const i = M, L = P(), F = I, s = c(() => {
       var o, t;
-      const e = T.default();
+      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];
-    }), i = a(() => {
-      const e = v.maxNum ?? Number.MAX_SAFE_INTEGER;
+    }), f = c(() => {
+      const e = i.maxNum ?? Number.MAX_SAFE_INTEGER;
       return e > 0 ? e : Number.MAX_SAFE_INTEGER;
-    }), s = a(() => c.value.length > i.value), F = a(() => s.value ? c.value.slice(0, i.value) : c.value), G = a(() => s.value ? c.value.slice(i.value) : []), u = y("moreBtnRef"), p = y("dropDownRef"), r = C(!1), O = () => {
+    }), v = c(() => s.value.length > f.value), G = c(() => v.value ? s.value.slice(0, f.value) : s.value), O = c(() => v.value ? s.value.slice(f.value) : []), w = S("moreBtnRef"), _ = S("dropDownRef"), r = B(!1), V = () => {
       r.value = !r.value;
     };
-    U(p, (e) => {
+    Y(_, (e) => {
       var o;
-      (o = u.value) != null && o.contains(e.target) || (r.value = !1);
+      (o = w.value) != null && o.contains(e.target) || (r.value = !1);
     });
-    const _ = (e) => {
-      L("item-click", e), r.value = !1;
-    }, w = C("placement-bottom"), { height: h } = Y(), g = () => {
-      if (!p.value || !u.value)
+    const k = (e) => {
+      F("item-click", e), r.value = !1;
+    }, b = B("placement-bottom"), { height: y } = Z(), C = () => {
+      if (!_.value || !w.value)
         return "placement-bottom";
-      const e = p.value.getBoundingClientRect(), o = u.value.getBoundingClientRect();
-      w.value = o.bottom + e.height + 16 > h.value ? "placement-top" : "placement-bottom";
+      const e = _.value.getBoundingClientRect(), o = w.value.getBoundingClientRect();
+      b.value = o.bottom + e.height + 16 > y.value ? "placement-top" : "placement-bottom";
     };
-    return S(r, (e) => {
-      e && z(() => {
-        g();
+    return D(r, (e) => {
+      e && X(() => {
+        C();
       });
-    }), S(h, () => {
-      r.value && g();
-    }), (e, o) => (n(), l("div", ee, [
-      (n(!0), l(D, null, B(F.value, (t, m) => (n(), l("span", {
-        key: m,
-        class: "tr-action-group__btn-wrapper",
-        onClick: (d) => {
-          var f;
-          return _((f = t.props) == null ? void 0 : f.name);
-        }
-      }, [
-        (n(), R(N(t)))
-      ], 8, te))), 128)),
-      s.value ? (n(), l("span", {
-        key: 0,
-        ref: "moreBtnRef",
-        class: "tr-action-group__btn-wrapper",
-        onClick: O
-      }, [
-        P(e.$slots, "moreBtn", {}, () => [
-          E(x(Z), {
-            icon: x(Q),
-            tooltip: "更多"
-          }, null, 8, ["icon"])
-        ], !0),
-        E(X, { name: "tr-action-group-dropdown" }, {
-          default: q(() => [
-            H(A("ul", {
-              ref: "dropDownRef",
-              class: W(["tr-action-group__dropdown", w.value])
+    }), D(y, () => {
+      r.value && C();
+    }), (e, o) => (n(), u("div", te, [
+      (n(!0), u(N, null, T(G.value, (t, h) => {
+        var l;
+        return n(), p(m(A), {
+          key: h,
+          content: (l = t.props) == null ? void 0 : l.label,
+          effect: "dark",
+          placement: "top",
+          "open-delay": 500,
+          disabled: !i.showTooltip
+        }, {
+          default: g(() => [
+            d("span", {
+              class: "tr-action-group__btn-wrapper",
+              onClick: ($) => {
+                var a;
+                return k((a = t.props) == null ? void 0 : a.name);
+              }
             }, [
-              (n(!0), l(D, null, B(G.value, (t, m) => {
-                var d;
-                return n(), l("li", {
-                  class: "tr-action-group__dropdown-item",
-                  key: m,
-                  onClick: j((f) => {
-                    var k;
-                    return _((k = t.props) == null ? void 0 : k.name);
-                  }, ["stop"])
-                }, [
-                  v.dropDownShowLabelOnly ? b("", !0) : (n(), R(N(t), { key: 0 })),
-                  A("span", ne, J((d = t.props) == null ? void 0 : d.label), 1)
-                ], 8, oe);
-              }), 128))
-            ], 2), [
-              [K, r.value]
-            ])
+              (n(), p(E(t)))
+            ], 8, oe)
           ]),
-          _: 1
-        })
-      ], 512)) : b("", !0)
+          _: 2
+        }, 1032, ["content", "disabled"]);
+      }), 128)),
+      v.value ? (n(), p(m(A), {
+        key: 0,
+        content: "更多",
+        effect: "dark",
+        placement: "top",
+        "open-delay": 500,
+        disabled: !i.showTooltip
+      }, {
+        default: g(() => [
+          d("span", {
+            ref: "moreBtnRef",
+            class: "tr-action-group__btn-wrapper",
+            onClick: V
+          }, [
+            q(e.$slots, "moreBtn", {}, () => [
+              x(m(ee), { icon: m(U) }, null, 8, ["icon"])
+            ], !0),
+            x(H, { name: "tr-action-group-dropdown" }, {
+              default: g(() => [
+                W(d("ul", {
+                  ref: "dropDownRef",
+                  class: j(["tr-action-group__dropdown", b.value])
+                }, [
+                  (n(!0), u(N, null, T(O.value, (t, h) => {
+                    var l;
+                    return n(), u("li", {
+                      class: "tr-action-group__dropdown-item",
+                      key: h,
+                      onClick: J(($) => {
+                        var a;
+                        return k((a = t.props) == null ? void 0 : a.name);
+                      }, ["stop"])
+                    }, [
+                      i.dropDownShowLabelOnly ? R("", !0) : (n(), p(E(t), { key: 0 })),
+                      d("span", re, K((l = t.props) == null ? void 0 : l.label), 1)
+                    ], 8, ne);
+                  }), 128))
+                ], 2), [
+                  [Q, r.value]
+                ])
+              ]),
+              _: 1
+            })
+          ], 512)
+        ]),
+        _: 3
+      }, 8, ["disabled"])) : R("", !0)
     ]));
   }
 });
 export {
-  se as default
+  pe as default
 };

package/dist/packages/components/src/bubble/Bubble.vue.js

@@ -0,0 +1,7 @@
+import o from "./Bubble.vue2.js";
+/* empty css            */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-56d84731"]]);
+export {
+  _ as default
+};

package/dist/packages/components/src/bubble/Bubble.vue2.js

@@ -0,0 +1,76 @@
+import { defineComponent as m, useCssVars as v, useSlots as f, computed as s, createElementBlock as o, openBlock as t, normalizeClass as c, createCommentVNode as r, createElementVNode as n, createBlock as y, resolveDynamicComponent as k, renderSlot as l, toDisplayString as h } from "vue";
+import C from "../../../../node_modules/.pnpm/markdown-it@14.1.0/node_modules/markdown-it/lib/index.js";
+const g = {
+  key: 0,
+  class: "tr-bubble__avatar"
+}, B = { class: "tr-bubble__content-wrapper" }, w = {
+  key: 1,
+  class: /* @__PURE__ */ c(["tr-bubble__content"])
+}, S = { class: "tr-bubbule__body" }, x = ["innerHTML"], I = { key: 1 }, M = {
+  key: 2,
+  class: "tr-bubbule__aborted"
+}, P = {
+  key: 0,
+  class: "tr-bubbule__footer"
+}, D = /* @__PURE__ */ m({
+  __name: "Bubble",
+  props: {
+    content: { default: "" },
+    id: {},
+    placement: { default: "start" },
+    avatar: {},
+    role: {},
+    type: { default: "text" },
+    loading: { type: Boolean },
+    aborted: { type: Boolean },
+    mdConfig: {},
+    maxWidth: { default: "80%" }
+  },
+  setup(i) {
+    v((a) => ({
+      "6f4262cc": e.maxWidth
+    }));
+    const e = i, p = f(), _ = s(() => C(e.mdConfig || {})), d = s(() => e.type === "markdown" ? _.value.render(e.content) : e.content), u = s(() => e.placement === "start");
+    return (a, b) => (t(), o("div", {
+      class: c([
+        "tr-bubble",
+        {
+          "placement-start": u.value,
+          "placement-end": !u.value
+        }
+      ])
+    }, [
+      e.avatar ? (t(), o("div", g, [
+        (t(), y(k(e.avatar)))
+      ])) : r("", !0),
+      n("div", B, [
+        e.loading ? l(a.$slots, "loading", {
+          key: 0,
+          bubbleProps: e
+        }, () => [
+          b[0] || (b[0] = n("div", { class: "tr-bubble__loading" }, [
+            n("span"),
+            n("span"),
+            n("span")
+          ], -1))
+        ], !0) : (t(), o("div", w, [
+          n("div", S, [
+            l(a.$slots, "default", { bubbleProps: e }, () => [
+              e.type === "markdown" ? (t(), o("span", {
+                key: 0,
+                innerHTML: d.value
+              }, null, 8, x)) : (t(), o("span", I, h(d.value), 1)),
+              e.aborted ? (t(), o("span", M, "（用户停止）")) : r("", !0)
+            ], !0)
+          ]),
+          p.footer ? (t(), o("div", P, [
+            l(a.$slots, "footer", { bubbleProps: e }, void 0, !0)
+          ])) : r("", !0)
+        ]))
+      ])
+    ], 2));
+  }
+});
+export {
+  D as default
+};

package/dist/packages/components/src/bubble/BubbleList.vue.js

@@ -0,0 +1,7 @@
+import o from "./BubbleList.vue2.js";
+/* empty css                */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bd672305"]]);
+export {
+  s as default
+};

package/dist/packages/components/src/bubble/BubbleList.vue2.js

@@ -0,0 +1,50 @@
+import { defineComponent as h, useTemplateRef as v, computed as B, watch as S, createElementBlock as f, openBlock as s, Fragment as k, renderList as i, createBlock as m, mergeProps as p, createSlots as y, withCtx as x, resolveDynamicComponent as I } from "vue";
+import { useScroll as w } from "../../../../node_modules/.pnpm/@vueuse_core@13.1.0_vue@3.5.13/node_modules/@vueuse/core/index.js";
+import L from "./Bubble.vue.js";
+const P = {
+  class: "tr-bubble-list",
+  ref: "scrollContainer"
+}, F = /* @__PURE__ */ h({
+  __name: "BubbleList",
+  props: {
+    items: {},
+    roles: {},
+    autoScroll: { type: Boolean }
+  },
+  setup(_) {
+    const o = _, n = v("scrollContainer"), { y: b } = w(n, {
+      behavior: "smooth",
+      throttle: 100
+    }), d = B(() => o.items.at(-1));
+    S([() => o.items.length, () => {
+      var e;
+      return (e = d.value) == null ? void 0 : e.content;
+    }], () => {
+      !o.autoScroll || !n.value || (b.value = n.value.scrollHeight);
+    });
+    const C = (e) => {
+      var l;
+      const c = e.role ? ((l = o.roles) == null ? void 0 : l[e.role]) || {} : {}, { slots: t, ...u } = c, { slots: g, ...r } = e;
+      return { ...u, ...r };
+    }, a = (e) => {
+      var t;
+      return { ...(e.role ? ((t = o.roles) == null ? void 0 : t[e.role]) || {} : {}).slots, ...e.slots };
+    };
+    return (e, c) => (s(), f("div", P, [
+      (s(!0), f(k, null, i(o.items, (t, u) => (s(), m(L, p({
+        key: t.id || u,
+        ref_for: !0
+      }, C(t)), y({ _: 2 }, [
+        i(a(t), (g, r) => ({
+          name: r,
+          fn: x((l) => [
+            (s(), m(I(a(t)[r]), p({ ref_for: !0 }, l), null, 16))
+          ])
+        }))
+      ]), 1040))), 128))
+    ], 512));
+  }
+});
+export {
+  F as default
+};

package/dist/packages/components/src/bubble/index.js

@@ -1,5 +1,5 @@
-import n from "./bubble.vue.js";
-import t from "./bubble-list.vue.js";
+import n from "./Bubble.vue.js";
+import t from "./BubbleList.vue.js";
 n.name = "TrBubble";
 const o = function(b) {
   b.component(n.name, n);

package/dist/packages/components/src/container/index.vue.js

@@ -1,7 +1,7 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0ee55898"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-81c9f59e"]]);
 export {
-  m as default
+  f as default
 };

package/dist/packages/components/src/container/index.vue2.js

@@ -1,6 +1,8 @@
-import { defineComponent as f, useCssVars as v, useModel as i, computed as p, createElementBlock as _, openBlock as m, createElementVNode as e, renderSlot as s, createVNode as a, unref as d } from "vue";
-import { IconCancelFullScreen as h, IconFullScreen as w, IconClose as b } from "../../../svgs/dist/tiny-robot-svgs.js";
-const $ = { class: "tr-container" }, g = { class: "tr-container__header" }, C = { class: "tr-container__header-operations" }, S = { class: "tr-container__body" }, k = { class: "tr-container__footer" }, F = /* @__PURE__ */ f({
+import { defineComponent as f, useCssVars as v, useModel as a, computed as m, createElementBlock as _, openBlock as w, createElementVNode as n, renderSlot as t, createVNode as c, unref as r } from "vue";
+import { IconCancelFullScreen as g, IconFullScreen as h, IconClose as $ } from "../../../svgs/dist/tiny-robot-svgs.js";
+import "../icon-button/index.js";
+import u from "../icon-button/index.vue.js";
+const C = { class: "tr-container" }, b = { class: "tr-container__header" }, B = { class: "tr-container__header-operations" }, I = { class: "tr-container__footer" }, N = /* @__PURE__ */ f({
   __name: "index",
   props: {
     show: { type: Boolean, required: !0 },
@@ -9,47 +11,45 @@ const $ = { class: "tr-container" }, g = { class: "tr-container__header" }, C =
     fullscreenModifiers: {}
   },
   emits: ["update:show", "update:fullscreen"],
-  setup(r) {
+  setup(l) {
     v((o) => ({
-      "1de4f8d0": n.value ? "0" : "unset",
-      "75a61de3": n.value ? "unset" : "var(--tr-container-width)",
-      "1422451e": l.value ? "100" : "-1",
-      "4bd25f52": l.value ? "1" : "0"
+      b67b7ee6: s.value ? "0" : "unset",
+      "72873ea0": s.value ? "unset" : "var(--tr-container-width)",
+      "224ae4c1": i.value ? "100" : "-1",
+      cb10cae2: i.value ? "1" : "0"
     }));
-    const l = i(r, "show"), n = i(r, "fullscreen"), u = p(() => n.value ? h : w);
-    return (o, t) => (m(), _("div", $, [
-      t[3] || (t[3] = e("div", { class: "tr-container__dragging-bar-wrapper" }, [
-        e("div", { class: "tr-container__dragging-bar" })
+    const i = a(l, "show"), s = a(l, "fullscreen"), d = m(() => s.value ? g : h);
+    return (o, e) => (w(), _("div", C, [
+      e[3] || (e[3] = n("div", { class: "tr-container__dragging-bar-wrapper" }, [
+        n("div", { class: "tr-container__dragging-bar" })
       ], -1)),
-      e("div", g, [
-        s(o.$slots, "title", {}, () => [
-          t[2] || (t[2] = e("h3", { class: "tr-container__title" }, "OpenTiny NEXT", -1))
-        ], !0),
-        e("div", C, [
-          s(o.$slots, "operations", {}, void 0, !0),
-          e("button", {
-            class: "icon-btn",
-            onClick: t[0] || (t[0] = (c) => o.$emit("update:fullscreen", !n.value))
-          }, [
-            a(d(u))
-          ]),
-          e("button", {
-            class: "icon-btn",
-            onClick: t[1] || (t[1] = (c) => o.$emit("update:show", !1))
-          }, [
-            a(d(b))
-          ])
+      n("div", b, [
+        t(o.$slots, "title", {}, () => [
+          e[2] || (e[2] = n("h3", { class: "tr-container__title" }, "OpenTiny NEXT", -1))
+        ]),
+        n("div", B, [
+          t(o.$slots, "operations"),
+          c(r(u), {
+            size: "28",
+            "svg-size": "20",
+            icon: d.value,
+            onClick: e[0] || (e[0] = (p) => o.$emit("update:fullscreen", !s.value))
+          }, null, 8, ["icon"]),
+          c(r(u), {
+            size: "28",
+            "svg-size": "20",
+            icon: r($),
+            onClick: e[1] || (e[1] = (p) => o.$emit("update:show", !1))
+          }, null, 8, ["icon"])
         ])
       ]),
-      e("div", S, [
-        s(o.$slots, "default", {}, void 0, !0)
-      ]),
-      e("div", k, [
-        s(o.$slots, "footer", {}, void 0, !0)
+      t(o.$slots, "default"),
+      n("div", I, [
+        t(o.$slots, "footer")
       ])
     ]));
   }
 });
 export {
-  F as default
+  N as default
 };

package/dist/packages/components/src/feedback/index.vue.js

@@ -1,7 +1,7 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-762e57a9"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cc6ef316"]]);
 export {
-  m as default
+  a as default
 };