@opentiny/tiny-robot 0.3.0-rc.0 → 0.3.0-rc.2

package/dist/container/index.js

@@ -1,60 +1,64 @@
-import { defineComponent as v, useCssVars as m, useModel as c, computed as _, createElementBlock as w, openBlock as g, createElementVNode as o, renderSlot as r, createVNode as u, unref as l } from "vue";
-import { IconCancelFullScreen as h, IconFullScreen as C, IconClose as $ } from "@opentiny/tiny-robot-svgs";
-import d from "../icon-button/index.js";
-import { _ as I } from "../_plugin-vue_export-helper.js";
-const b = { class: "tr-container" }, z = { class: "tr-container__header" }, B = { class: "tr-container__header-operations" }, S = { class: "tr-container__footer" }, k = /* @__PURE__ */ v({
+import { defineComponent as g, mergeModels as c, useModel as u, computed as w, withDirectives as C, createElementBlock as B, openBlock as S, normalizeClass as y, createElementVNode as e, renderSlot as l, toDisplayString as I, createVNode as d, unref as i, vShow as z } from "vue";
+import { IconCancelFullScreen as $, IconFullScreen as k, IconClose as M } from "@opentiny/tiny-robot-svgs";
+import f from "../icon-button/index.js";
+import { _ as b } from "../_plugin-vue_export-helper.js";
+const E = { class: "tr-container__header" }, F = { class: "tr-container__title" }, N = { class: "tr-container__header-operations" }, T = { class: "tr-container__footer" }, D = /* @__PURE__ */ g({
   __name: "index",
-  props: {
+  props: /* @__PURE__ */ c({
+    show: { type: Boolean },
+    fullscreen: { type: Boolean },
+    title: { default: "OpenTiny NEXT" }
+  }, {
     show: { type: Boolean, required: !0 },
     showModifiers: {},
     fullscreen: { type: Boolean },
     fullscreenModifiers: {}
-  },
-  emits: ["update:show", "update:fullscreen"],
-  setup(t) {
-    m((n) => ({
-      "12c6880d": s.value ? "0" : "unset",
-      dbe5f3c0: s.value ? "unset" : "var(--tr-container-width)",
-      "676af261": a.value ? "var(--tr-z-index-fixed)" : "-1",
-      "19e9bbe2": a.value ? "1" : "0"
-    }));
-    const a = c(t, "show"), s = c(t, "fullscreen"), f = _(() => s.value ? h : C);
-    return (n, e) => (g(), w("div", b, [
-      e[3] || (e[3] = o("div", { class: "tr-container__dragging-bar-wrapper" }, [
-        o("div", { class: "tr-container__dragging-bar" })
+  }),
+  emits: /* @__PURE__ */ c(["close"], ["update:show", "update:fullscreen"]),
+  setup(o, { emit: p }) {
+    const m = o, a = u(o, "show"), t = u(o, "fullscreen"), v = w(() => t.value ? $ : k), _ = p, h = () => {
+      a.value = !1, _("close");
+    };
+    return (n, s) => C((S(), B("div", {
+      class: y(["tr-container", { fullscreen: t.value }])
+    }, [
+      s[1] || (s[1] = e("div", { class: "tr-container__dragging-bar-wrapper" }, [
+        e("div", { class: "tr-container__dragging-bar" })
       ], -1)),
-      o("div", z, [
-        r(n.$slots, "title", {}, () => [
-          e[2] || (e[2] = o("h3", { class: "tr-container__title" }, "OpenTiny NEXT", -1))
+      e("div", E, [
+        l(n.$slots, "title", {}, () => [
+          e("h3", F, I(m.title), 1)
         ], !0),
-        o("div", B, [
-          r(n.$slots, "operations", {}, void 0, !0),
-          u(l(d), {
+        e("div", N, [
+          l(n.$slots, "operations", {}, void 0, !0),
+          d(i(f), {
             size: "28",
             "svg-size": "20",
-            icon: f.value,
-            onClick: e[0] || (e[0] = (p) => n.$emit("update:fullscreen", !s.value))
+            icon: v.value,
+            onClick: s[0] || (s[0] = (q) => t.value = !t.value)
           }, null, 8, ["icon"]),
-          u(l(d), {
+          d(i(f), {
             size: "28",
             "svg-size": "20",
-            icon: l($),
-            onClick: e[1] || (e[1] = (p) => n.$emit("update:show", !1))
+            icon: i(M),
+            onClick: h
           }, null, 8, ["icon"])
         ])
       ]),
-      r(n.$slots, "default", {}, void 0, !0),
-      o("div", S, [
-        r(n.$slots, "footer", {}, void 0, !0)
+      l(n.$slots, "default", {}, void 0, !0),
+      e("div", T, [
+        l(n.$slots, "footer", {}, void 0, !0)
       ])
-    ]));
+    ], 2)), [
+      [z, a.value]
+    ]);
   }
-}), i = /* @__PURE__ */ I(k, [["__scopeId", "data-v-3fa99833"]]);
-i.name = "TrContainer";
-const y = function(t) {
-  t.component(i.name, i);
+}), r = /* @__PURE__ */ b(D, [["__scopeId", "data-v-1ebfc5e5"]]);
+r.name = "TrContainer";
+const V = function(o) {
+  o.component(r.name, r);
 };
-i.install = y;
+r.install = V;
 export {
-  i as default
+  r as default
 };

package/dist/drag-overlay/index.js

@@ -11,10 +11,10 @@ const k = "data:image/svg+xml,%3csvg%20width='80.000000'%20height='80.000000'%20
     fullscreen: { type: Boolean }
   },
   setup(r) {
-    const a = r, { top: d, left: c, width: p, height: C } = M(() => a.dragTarget), f = y(() => !a.isDragging || !a.dragTarget ? { display: "none" } : {
+    const a = r, { top: c, left: d, width: p, height: C } = M(() => a.dragTarget), f = y(() => !a.isDragging || !a.dragTarget ? { display: "none" } : {
       position: "fixed",
-      top: `${d.value}px`,
-      left: `${c.value}px`,
+      top: `${c.value}px`,
+      left: `${d.value}px`,
       width: `${p.value}px`,
       height: `${C.value}px`
     });
@@ -22,7 +22,7 @@ const k = "data:image/svg+xml,%3csvg%20width='80.000000'%20height='80.000000'%20
       default: m(() => [
         e.isDragging ? (t(), o("div", {
           key: 0,
-          class: w(["tr-drag-overlay", { "tr-drag-overlay--fullscreen": e.fullscreen }]),
+          class: w(["tr-drag-overlay", { fullscreen: e.fullscreen }]),
           style: _(f.value)
         }, [
           x(e.$slots, "overlay", { isDragging: e.isDragging }, () => [
@@ -46,7 +46,7 @@ const k = "data:image/svg+xml,%3csvg%20width='80.000000'%20height='80.000000'%20
       _: 3
     }));
   }
-}), i = /* @__PURE__ */ Z(z, [["__scopeId", "data-v-92021e6b"]]);
+}), i = /* @__PURE__ */ Z(z, [["__scopeId", "data-v-93553cc8"]]);
 i.name = "TrDragOverlay";
 const N = function(r) {
   r.component(i.name, i);

package/dist/feedback/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, ref as g, computed as P, onMounted as z, watch as O, createElementBlock as r, openBlock as t, createCommentVNode as k, Fragment as A, renderList as w, toDisplayString as y, createVNode as b, unref as l, nextTick as q, createElementVNode as _, createBlock as d, withCtx as f, createTextVNode as U, resolveDynamicComponent as x } from "vue";
+import { defineComponent as V, ref as g, computed as P, onMounted as z, watch as O, createElementBlock as r, openBlock as t, createCommentVNode as k, Fragment as A, renderList as w, toDisplayString as y, createVNode as b, unref as l, nextTick as q, createElementVNode as d, createBlock as _, withCtx as f, createTextVNode as U, resolveDynamicComponent as x } from "vue";
 import { IconArrowUp as T, IconArrowDown as N, IconDislike as j, IconLike as H, IconRefresh as J, IconCopy as K } from "@opentiny/tiny-robot-svgs";
 import { TinyButton as G } from "@opentiny/vue";
 import $, { ActionGroupItem as D } from "../action-group/index.js";
@@ -82,9 +82,9 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
     return (n, s) => {
       var o, a, v, S, F, M, R, B;
       return t(), r("div", te, [
-        _("div", oe, [
-          _("div", se, [
-            (o = e.operations) != null && o.length ? (t(), d(l($), {
+        d("div", oe, [
+          d("div", se, [
+            (o = e.operations) != null && o.length ? (t(), _(l($), {
               key: 0,
               "max-num": e.operationsLimit,
               "drop-down-show-label-only": !0,
@@ -99,15 +99,14 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
                   class: "tr-feedback__operations-more-btn"
                 }, {
                   default: f(() => [
-                    s[0] || (s[0] = _("span", null, "更多", -1)),
+                    s[0] || (s[0] = d("span", null, "更多", -1)),
                     b(l(N))
                   ]),
-                  _: 1,
-                  __: [0]
+                  _: 1
                 })
               ]),
               default: f(() => [
-                (t(!0), r(A, null, w(e.operations, (i) => (t(), d(l(D), {
+                (t(!0), r(A, null, w(e.operations, (i) => (t(), _(l(D), {
                   key: i.name,
                   name: i.name,
                   label: i.label
@@ -129,32 +128,32 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
               ]),
               _: 1
             }, 8, ["max-num"])) : (a = e.sources) != null && a.length ? (t(), r("div", ne, [
-              _("span", {
+              d("span", {
                 class: "tr-feedback__source",
                 onClick: u
               }, [
-                _("span", null, y((v = e.sources) == null ? void 0 : v.length) + "条来源", 1),
-                (t(), d(x(p.value ? l(T) : l(N))))
+                d("span", null, y((v = e.sources) == null ? void 0 : v.length) + "条来源", 1),
+                (t(), _(x(p.value ? l(T) : l(N))))
               ])
             ])) : k("", !0)
           ]),
-          _("div", le, [
+          d("div", le, [
             b(l($), {
               "max-num": e.actionsLimit,
               "show-tooltip": !0,
               onItemClick: E
             }, {
               default: f(() => [
-                (t(!0), r(A, null, w(e.actions, (i) => (t(), d(l(D), {
+                (t(!0), r(A, null, w(e.actions, (i) => (t(), _(l(D), {
                   key: i.name,
                   name: i.name,
                   label: i.label
                 }, {
                   default: f(() => [
-                    typeof i.icon == "string" ? (t(), d(l(Q), {
+                    typeof i.icon == "string" ? (t(), _(l(Q), {
                       key: 0,
                       icon: I[i.icon]
-                    }, null, 8, ["icon"])) : (t(), d(x(i.icon), { key: 1 }))
+                    }, null, 8, ["icon"])) : (t(), _(x(i.icon), { key: 1 }))
                   ]),
                   _: 2
                 }, 1032, ["name", "label"]))), 128))
@@ -165,15 +164,15 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
         ]),
         (S = e.operations) != null && S.length && ((F = e.sources) != null && F.length) || p.value && e.sources ? (t(), r("div", re, [
           (M = e.operations) != null && M.length && ((R = e.sources) != null && R.length) ? (t(), r("div", ae, [
-            _("span", {
+            d("span", {
               class: "tr-feedback__source",
               onClick: u
             }, [
-              _("span", null, y((B = e.sources) == null ? void 0 : B.length) + "条来源", 1),
-              (t(), d(x(p.value ? l(T) : l(N))))
+              d("span", null, y((B = e.sources) == null ? void 0 : B.length) + "条来源", 1),
+              (t(), _(x(p.value ? l(T) : l(N))))
             ])
           ])) : k("", !0),
-          p.value && e.sources ? (t(), d(l(ee), {
+          p.value && e.sources ? (t(), _(l(ee), {
             key: 1,
             sources: e.sources,
             "lines-limit": e.sourcesLinesLimit

package/dist/icon-button/index.js

@@ -20,7 +20,7 @@ const _ = /* @__PURE__ */ r({
       }, null, 8, ["style"]))
     ], 6));
   }
-}), t = /* @__PURE__ */ f(_, [["__scopeId", "data-v-159698f7"]]);
+}), t = /* @__PURE__ */ f(_, [["__scopeId", "data-v-30fef9fd"]]);
 t.name = "TrIconButton";
 const v = function(o) {
   o.component(t.name, t);