@opentiny/tiny-engine-toolbar-media 2.0.0 → 2.1.0-rc.0

package/LICENSE

@@ -1,22 +1,22 @@
-MIT License
-
-Copyright (c) 2023 - present TinyEngine Authors.
-Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2023 - present TinyEngine Authors.
+Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.js

@@ -1,20 +1,20 @@
 import "./style.css";
-import { ref as k, computed as B, reactive as Q, toRaw as Y, watch as E, watchEffect as Z, onMounted as $, onUnmounted as ee, resolveComponent as g, openBlock as x, createBlock as T, withCtx as c, createElementVNode as t, createElementBlock as W, Fragment as te, renderList as ne, normalizeClass as oe, createVNode as w, toDisplayString as r, createTextVNode as I, createCommentVNode as P } from "vue";
-import { Popover as ie, Input as ae, Switch as le } from "@opentiny/vue";
-import { IconWebPlus as D } from "@opentiny/vue-icon";
-import { useLayout as _, useCanvas as F } from "@opentiny/tiny-engine-meta-register";
-import { ToolbarBase as se } from "@opentiny/tiny-engine-common";
-const de = (b, n) => {
-  const d = b.__vccOpts || b;
-  for (const [o, p] of n)
-    d[o] = p;
-  return d;
-}, re = {
+import { ref as C, computed as E, reactive as Y, toRaw as Z, watch as F, watchEffect as $, onMounted as ee, onUnmounted as te, resolveComponent as _, openBlock as v, createBlock as W, withCtx as p, createElementVNode as t, createElementBlock as I, Fragment as ne, renderList as oe, normalizeClass as ie, createVNode as f, createTextVNode as D, toDisplayString as r, createCommentVNode as N, pushScopeId as ae, popScopeId as se } from "vue";
+import { Popover as le, Input as de, Switch as ce } from "@opentiny/vue";
+import { IconWebPlus as P } from "@opentiny/vue-icon";
+import { useLayout as g, useCanvas as L } from "@opentiny/tiny-engine-meta-register";
+import { ToolbarBase as re } from "@opentiny/tiny-engine-common";
+const pe = (d, l) => {
+  const c = d.__vccOpts || d;
+  for (const [n, u] of l)
+    c[n] = u;
+  return c;
+}, ue = {
   components: {
-    TinyPopover: ie,
-    TinyInput: ae,
-    TinySwitch: le,
-    ToolbarBase: se
+    TinyPopover: le,
+    TinyInput: de,
+    TinySwitch: ce,
+    ToolbarBase: re
   },
   props: {
     data: {
@@ -30,9 +30,9 @@ const de = (b, n) => {
       default: () => ({})
     }
   },
-  setup(b, { emit: n }) {
-    let d = null, o = "", p = "";
-    const { layoutState: y } = _(), u = k(!1), m = k(!1), v = k(!1), { getCanvasType: f } = F().canvasApi.value, C = k((f == null ? void 0 : f()) === "absolute"), i = B(() => _().getDimension()), h = B(() => i.value.scale * 100), a = Q({
+  setup(d, { emit: l }) {
+    let c = null, n = "", u = "";
+    const { layoutState: w } = g(), m = C(!1), b = C(!1), h = C(!1), { getCanvasType: y } = L().canvasApi.value, T = C((y == null ? void 0 : y()) === "absolute"), o = E(() => g().getDimension()), x = E(() => o.value.scale * 100), i = Y({
       activeIndex: 0,
       guideValue: "",
       width: "",
@@ -43,15 +43,15 @@ const de = (b, n) => {
         title: "添加大断点",
         list: [
           {
-            icon: D(),
+            icon: P(),
             text: "1280px"
           },
           {
-            icon: D(),
+            icon: P(),
             text: "1440px"
           },
           {
-            icon: D(),
+            icon: P(),
             text: "1920px"
           }
         ],
@@ -93,8 +93,8 @@ const de = (b, n) => {
           maxWidth: "1920px",
           title: "大屏",
           subTitle: "1200px 及以上",
-          content: "此处添加的样式将适用于 1200 像素及以上，除非它们在更大的断点处进行编辑",
-          enContent: "Style added here will apply at 1200px and up,unless they′re edited at a larger breakpoint"
+          content: "此处添加的样式将适用于 1200 像素及以上，除非它们在更大的断点处进行编辑。",
+          enContent: "Style added here will apply at 1200px and up,unless they′re edited at a larger breakpoint."
         },
         {
           idx: 1,
@@ -149,233 +149,220 @@ const de = (b, n) => {
           enContent: "styles added here will apply at 480px and down."
         }
       ]
-    }), L = () => {
-      m.value = !1;
-    }, O = () => {
-      d = setTimeout(() => {
-        u.value = !0;
-      }, 1e3);
+    }), O = () => {
+      b.value = !1;
     }, U = () => {
-      u.value = !1, clearTimeout(d);
-    }, X = () => {
-      y.toolbars.visiblePopover = !0, v.value = !0;
+      c = setTimeout(() => {
+        m.value = !0;
+      }, 1e3);
     }, j = () => {
-      y.toolbars.visiblePopover = !1, v.value = !1;
-    }, N = (e) => {
-      const l = document.querySelector(".reference-text"), s = l == null ? void 0 : l.contains(e.target);
-      l !== e.target && !s && (y.toolbars.visiblePopover = !1);
-    }, V = a.media.reduce((e, l, s) => (e[l.view] = { ...Y(l), index: s }, e), {}), S = (e) => {
-      b.isCanvas ? _().setDimension({
+      m.value = !1, clearTimeout(c);
+    }, q = () => {
+      w.toolbars.visiblePopover = !0, h.value = !0;
+    }, z = () => {
+      w.toolbars.visiblePopover = !1, h.value = !1;
+    }, S = (e) => {
+      const a = document.querySelector(".reference-text"), s = a == null ? void 0 : a.contains(e.target);
+      a !== e.target && !s && (w.toolbars.visiblePopover = !1);
+    }, k = i.media.reduce((e, a, s) => (e[a.view] = { ...Z(a), index: s }, e), {}), M = (e) => {
+      d.isCanvas ? g().setDimension({
         deviceType: e.view,
         width: e.width,
         minWidth: e.minWidth,
         maxWidth: e.maxWidth
-      }) : (a.activeIndex = e.idx, n("setViewPort", e.width));
-    }, q = (e, l) => {
-      const s = V[l];
-      _().setDimension({
+      }) : (i.activeIndex = e.idx, l("setViewPort", e.width));
+    }, R = (e, a) => {
+      const s = k[a];
+      g().setDimension({
         deviceType: s.view,
         width: e ? `${e}px` : s.width,
         minWidth: s.minWidth,
         maxWidth: s.maxWidth
       });
-    }, z = [
+    }, G = [
       { type: "mobile", min: 240, max: 480 },
       { type: "lanMobile", min: 480, max: 768 },
       { type: "tablet", min: 768, max: 992 },
       { type: "desktop", min: 992, max: 1200 },
       { type: "mdx", min: 1200, max: 1920 }
-    ], R = (e) => {
-      var M;
-      const l = /^\d+$/;
-      String(e).match(l) ? Number(e) < 240 ? a.width = 240 : Number(e) > 1920 ? a.width = 1920 : a.width = e : a.width = o || parseInt(i.value.width, 10);
-      const s = Number(a.width), K = ((M = z.find((A) => A.min <= s && s <= A.max)) == null ? void 0 : M.type) || "desktop";
-      q(s, K);
-    }, G = (e) => {
-      const l = V.mdx, s = /^\d+(\.\d+)?$/;
-      String(e).match(s) ? Number(e) > 100 ? a.scaleValue = 100 : Number(e) < 20 ? a.scaleValue = 20 : a.scaleValue = e : a.scaleValue = p || parseInt(l.scale), a.scaleValue = Number(a.scaleValue).toFixed(2), _().setDimension({
-        scale: Number(a.scaleValue) / 100
+    ], H = (e) => {
+      var A;
+      const a = /^\d+$/;
+      String(e).match(a) ? Number(e) < 240 ? i.width = 240 : Number(e) > 1920 ? i.width = 1920 : i.width = e : i.width = n || parseInt(o.value.width, 10);
+      const s = Number(i.width), X = ((A = G.find((B) => B.min <= s && s <= B.max)) == null ? void 0 : A.type) || "desktop";
+      R(s, X);
+    }, J = (e) => {
+      const a = k.mdx, s = /^\d+(\.\d+)?$/;
+      String(e).match(s) ? Number(e) > 100 ? i.scaleValue = 100 : Number(e) < 20 ? i.scaleValue = 20 : i.scaleValue = e : i.scaleValue = u || parseInt(a.scale), i.scaleValue = Number(i.scaleValue).toFixed(2), g().setDimension({
+        scale: Number(i.scaleValue) / 100
       });
-    }, H = (e) => {
-      const { setCanvasType: l } = F().canvasApi.value;
-      l(e ? "absolute" : "normal");
+    }, K = (e) => {
+      const { setCanvasType: a } = L().canvasApi.value;
+      a(e ? "absolute" : "normal");
     };
-    E(
-      () => i.value.deviceType,
+    F(
+      () => o.value.deviceType,
       (e) => {
-        a.activeIndex = V[e].index, a.readonly = e !== "mdx";
+        i.activeIndex = k[e].index, i.readonly = e !== "mdx";
       },
       { immediate: !0 }
-    ), Z(() => {
-      a.scaleValue = h.value.toFixed(2), p = h.value;
-    }), E(
-      () => i.value.width,
+    ), $(() => {
+      i.scaleValue = x.value.toFixed(2), u = x.value;
+    }), F(
+      () => o.value.width,
       (e) => {
-        const l = parseInt(e, 10);
-        Number.isInteger(l) && (a.width = l, o = l);
+        const a = parseInt(e, 10);
+        Number.isInteger(a) && (i.width = a, n = a);
       }
-    ), $(() => {
-      document.addEventListener("click", N);
-    }), ee(() => {
-      document.removeEventListener("click", N);
+    ), ee(() => {
+      document.addEventListener("click", S);
+    }), te(() => {
+      document.removeEventListener("click", S);
     });
-    const J = i.value.deviceType || "desktop";
-    return S(V[J]), {
-      scale: h,
-      state: a,
-      active: m,
-      flag: v,
-      hide: L,
-      layoutState: y,
-      visible: u,
-      showTips: O,
-      hideTips: U,
-      timer: d,
-      dimension: i,
-      setViewPort: S,
-      showPopover: X,
-      hidePopover: j,
-      widthChange: R,
-      scaleChange: G,
-      isAbsolute: C,
-      changeCanvasType: H
+    const Q = o.value.deviceType || "desktop";
+    return M(k[Q]), {
+      scale: x,
+      state: i,
+      active: b,
+      flag: h,
+      hide: O,
+      layoutState: w,
+      visible: m,
+      showTips: U,
+      hideTips: j,
+      timer: c,
+      dimension: o,
+      setViewPort: M,
+      showPopover: q,
+      hidePopover: z,
+      widthChange: H,
+      scaleChange: J,
+      isAbsolute: T,
+      changeCanvasType: K
     };
   }
-}, ce = { class: "toolbar-wrap" }, pe = { class: "toolbar-icon-wrap" }, ue = ["onClick"], me = { class: "media-content" }, ve = { class: "media-title" }, he = {
+}, V = (d) => (ae("data-v-036ff61a"), d = d(), se(), d), me = { class: "toolbar-wrap" }, he = { class: "toolbar-icon-wrap" }, xe = ["onClick"], ve = { class: "media-content" }, we = { class: "media-title" }, be = {
   key: 0,
   class: "sub-title"
-}, xe = { class: "content" }, we = { class: "reference-text" }, be = { class: "content-wrap text-content" }, ye = { class: "title text-title" }, fe = { class: "setting" }, ge = { for: "" }, _e = { for: "" }, Ve = { class: "more-setting" };
-function ke(b, n, d, o, p, y) {
-  const u = g("svg-icon"), m = g("tiny-popover"), v = g("tiny-input"), f = g("tiny-switch"), C = g("toolbar-base");
-  return x(), T(C, { options: d.options }, {
-    default: c(() => [
-      t("div", ce, [
-        t("div", pe, [
-          (x(!0), W(te, null, ne(o.state.media, (i, h) => (x(), W("span", {
-            key: h,
-            class: oe(["icon", { active: o.state.activeIndex === h, "is-rotate": i.view === "lanMobile" }]),
-            onClick: (a) => o.setViewPort(i)
+}, ye = { class: "content" }, _e = {
+  class: "reference-text",
+  title: "画布设置"
+}, fe = /* @__PURE__ */ V(() => /* @__PURE__ */ t("span", { class: "symbol" }, "px", -1)), ge = /* @__PURE__ */ V(() => /* @__PURE__ */ t("span", { class: "symbol" }, "%", -1)), Ve = { class: "content-wrap text-content" }, ke = { class: "title text-title" }, Ce = { class: "setting" }, Te = /* @__PURE__ */ V(() => /* @__PURE__ */ t("span", null, "px", -1)), We = /* @__PURE__ */ V(() => /* @__PURE__ */ t("span", null, "%", -1)), Ie = /* @__PURE__ */ V(() => /* @__PURE__ */ t("label", null, /* @__PURE__ */ r("自由布局"), -1));
+function De(d, l, c, n, u, w) {
+  const m = _("svg-icon"), b = _("tiny-popover"), h = _("tiny-input"), y = _("tiny-switch"), T = _("toolbar-base");
+  return v(), W(T, { options: c.options }, {
+    default: p(() => [
+      t("div", me, [
+        t("div", he, [
+          (v(!0), I(ne, null, oe(n.state.media, (o, x) => (v(), I("span", {
+            key: x,
+            class: ie(["icon", { active: n.state.activeIndex === x, "is-rotate": o.view === "lanMobile" }]),
+            onClick: (i) => n.setViewPort(o)
           }, [
-            w(m, {
+            f(b, {
               trigger: "hover",
-              width: "225",
+              width: "260",
               "append-to-body": "",
               "open-delay": 1e3,
               "popper-class": "media-icon-popover"
             }, {
-              reference: c(() => [
-                w(u, {
-                  name: i.liked,
+              reference: p(() => [
+                f(m, {
+                  name: o.liked,
                   class: "media-icon"
                 }, null, 8, ["name"])
               ]),
-              default: c(() => [
-                t("div", me, [
-                  t("div", ve, [
-                    t("div", null, r(i.title), 1),
-                    i.subTitle ? (x(), W("div", he, [
-                      n[3] || (n[3] = I(" （")),
-                      i.view === "desktop" ? (x(), T(u, {
-                        key: 0,
-                        name: "stars"
-                      })) : P("", !0),
-                      n[4] || (n[4] = I()),
-                      t("span", null, r(i.subTitle), 1),
-                      n[5] || (n[5] = I("） "))
-                    ])) : P("", !0)
+              default: p(() => [
+                t("div", ve, [
+                  t("div", we, [
+                    t("div", null, [
+                      D(r(o.title) + " ", 1),
+                      o.subTitle ? (v(), I("span", be, [
+                        D(" （"),
+                        o.view === "desktop" ? (v(), W(m, {
+                          key: 0,
+                          name: "stars"
+                        })) : N("", !0),
+                        t("span", null, r(o.subTitle), 1),
+                        D("） ")
+                      ])) : N("", !0)
+                    ])
                   ]),
-                  t("div", xe, r(i.content), 1)
+                  t("div", ye, r(o.content), 1)
                 ])
               ]),
               _: 2
             }, 1024)
-          ], 10, ue))), 128))
+          ], 10, xe))), 128))
         ]),
-        d.isCanvas ? (x(), T(m, {
+        c.isCanvas ? (v(), W(b, {
           key: 0,
-          width: "290",
+          width: "200",
           trigger: "click",
           "popper-class": "toolbar-media-popper"
         }, {
-          reference: c(() => [
-            w(m, {
-              trigger: "hover",
-              "open-delay": 1e3,
-              "popper-class": "toolbar-right-popover",
-              "append-to-body": "",
-              content: "画布设置"
-            }, {
-              reference: c(() => [
-                t("span", we, [
-                  t("span", null, [
-                    t("span", null, r(parseInt(o.state.width)), 1),
-                    n[6] || (n[6] = t("span", { class: "symbol" }, "PX", -1))
-                  ]),
-                  t("span", null, [
-                    t("span", null, r(o.scale.toFixed(2)), 1),
-                    n[7] || (n[7] = t("span", { class: "symbol" }, "%", -1))
-                  ])
-                ])
+          reference: p(() => [
+            t("span", _e, [
+              t("span", null, [
+                t("span", null, r(parseInt(n.state.width)), 1),
+                fe
               ]),
-              _: 1
-            })
+              t("span", null, [
+                t("span", null, r(n.scale.toFixed(2)), 1),
+                ge
+              ])
+            ])
           ]),
-          default: c(() => [
-            t("div", be, [
-              t("span", ye, r(o.state.textData.title), 1),
-              t("div", fe, [
+          default: p(() => [
+            t("div", Ve, [
+              t("div", ke, r(n.state.textData.title), 1),
+              t("div", Ce, [
                 t("div", null, [
-                  t("label", ge, r(o.state.textData.width), 1),
-                  w(v, {
-                    modelValue: o.state.width,
-                    "onUpdate:modelValue": n[0] || (n[0] = (i) => o.state.width = i),
-                    onChange: o.widthChange
+                  t("label", null, r(n.state.textData.width), 1),
+                  f(h, {
+                    modelValue: n.state.width,
+                    "onUpdate:modelValue": l[0] || (l[0] = (o) => n.state.width = o),
+                    onChange: n.widthChange
                   }, {
-                    suffix: c(() => n[8] || (n[8] = [
-                      t("span", null, "PX", -1)
-                    ])),
+                    suffix: p(() => [
+                      Te
+                    ]),
                     _: 1
                   }, 8, ["modelValue", "onChange"])
                 ]),
                 t("div", null, [
-                  t("label", _e, r(o.state.textData.scale), 1),
-                  w(v, {
-                    modelValue: o.state.scaleValue,
-                    "onUpdate:modelValue": n[1] || (n[1] = (i) => o.state.scaleValue = i),
-                    readonly: o.state.readonly,
-                    onChange: o.scaleChange
+                  t("label", null, r(n.state.textData.scale), 1),
+                  f(h, {
+                    modelValue: n.state.scaleValue,
+                    "onUpdate:modelValue": l[1] || (l[1] = (o) => n.state.scaleValue = o),
+                    readonly: n.state.readonly,
+                    onChange: n.scaleChange
                   }, {
-                    suffix: c(() => n[9] || (n[9] = [
-                      t("span", null, "%", -1)
-                    ])),
+                    suffix: p(() => [
+                      We
+                    ]),
                     _: 1
                   }, 8, ["modelValue", "readonly", "onChange"])
-                ])
-              ]),
-              t("ul", Ve, [
-                t("li", null, [
-                  n[10] || (n[10] = t("div", null, [
-                    t("span", null, r("自由布局"))
-                  ], -1)),
-                  t("div", null, [
-                    w(f, {
-                      modelValue: o.isAbsolute,
-                      "onUpdate:modelValue": n[2] || (n[2] = (i) => o.isAbsolute = i),
-                      onChange: o.changeCanvasType
-                    }, null, 8, ["modelValue", "onChange"])
-                  ])
+                ]),
+                t("div", null, [
+                  Ie,
+                  f(y, {
+                    modelValue: n.isAbsolute,
+                    "onUpdate:modelValue": l[2] || (l[2] = (o) => n.isAbsolute = o),
+                    onChange: n.changeCanvasType
+                  }, null, 8, ["modelValue", "onChange"])
                 ])
               ])
             ])
           ]),
           _: 1
-        })) : P("", !0)
+        })) : N("", !0)
       ])
     ]),
     _: 1
   }, 8, ["options"]);
 }
-const Ce = /* @__PURE__ */ de(re, [["render", ke], ["__scopeId", "data-v-40ac19cc"]]), Te = {
+const Ne = /* @__PURE__ */ pe(ue, [["render", De], ["__scopeId", "data-v-036ff61a"]]), Pe = {
   id: "engine.toolbars.media",
   type: "toolbars",
   title: "media",
@@ -385,10 +372,10 @@ const Ce = /* @__PURE__ */ de(re, [["render", ke], ["__scopeId", "data-v-40ac19c
     },
     renderType: "slot"
   }
-}, Me = {
-  ...Te,
-  entry: Ce
+}, Le = {
+  ...Pe,
+  entry: Ne
 };
 export {
-  Me as default
+  Le as default
 };

package/dist/style.css

@@ -1 +1 @@
-.toolbar-wrap[data-v-40ac19cc]{display:flex;align-items:center}.toolbar-wrap .reference-text[data-v-40ac19cc]{cursor:pointer;height:var(--base-top-panel-height);line-height:var(--base-top-panel-height);padding:0 7px;color:var(--ti-lowcode-toolbar-breadcrumb-color);display:inline-block}.toolbar-wrap .reference-text>span[data-v-40ac19cc]:last-child{margin-left:8px}.toolbar-wrap .toolbar-icon-wrap[data-v-40ac19cc]{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}.toolbar-wrap .toolbar-icon-wrap .icon[data-v-40ac19cc]{width:24px;height:24px;display:inline-flex;justify-content:center;align-items:center;border-radius:4px}.toolbar-wrap .toolbar-icon-wrap .icon svg[data-v-40ac19cc]{cursor:pointer;color:var(--ti-lowcode-toolbar-title-color);outline:none;width:18px;height:18px;margin-top:-.5px}.toolbar-wrap .toolbar-icon-wrap .icon.active[data-v-40ac19cc],.toolbar-wrap .toolbar-icon-wrap .icon[data-v-40ac19cc]:hover{background:var(--ti-lowcode-toolbar-view-active-bg)}.toolbar-wrap .toolbar-icon-wrap .icon.active svg[data-v-40ac19cc]{color:var(--ti-lowcode-common-primary-color)}.toolbar-wrap .more-setting .setting-item[data-v-40ac19cc]{display:flex;justify-content:space-between;padding:12px}
+.toolbar-wrap[data-v-036ff61a]{display:flex;align-items:center}.toolbar-wrap .reference-text[data-v-036ff61a]{cursor:pointer;height:var(--base-top-panel-height);line-height:var(--base-top-panel-height);padding:0 7px;color:var(--ti-lowcode-toolbar-breadcrumb-color);display:inline-block}.toolbar-wrap .reference-text>span[data-v-036ff61a]:last-child{margin-left:8px}.toolbar-wrap .toolbar-icon-wrap[data-v-036ff61a]{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}.toolbar-wrap .toolbar-icon-wrap .icon[data-v-036ff61a]{width:24px;height:24px;display:inline-flex;justify-content:center;align-items:center;border-radius:4px}.toolbar-wrap .toolbar-icon-wrap .icon svg[data-v-036ff61a]{cursor:pointer;color:var(--ti-lowcode-toolbar-title-color);outline:none;width:18px;height:18px;margin-top:-.5px}.toolbar-wrap .toolbar-icon-wrap .icon.active[data-v-036ff61a],.toolbar-wrap .toolbar-icon-wrap .icon[data-v-036ff61a]:hover{background:var(--ti-lowcode-toolbar-view-active-bg)}.toolbar-wrap .toolbar-icon-wrap .icon.active svg[data-v-036ff61a]{color:var(--ti-lowcode-common-primary-color)}.toolbar-wrap .more-setting .setting-item[data-v-036ff61a]{display:flex;justify-content:space-between;padding:12px}.media-content[data-v-036ff61a]{padding:12px 8px;line-height:18px}.media-content .media-title[data-v-036ff61a]{font-weight:600}.media-content .content[data-v-036ff61a]{color:var(--te-common-text-secondary)}.setting-content[data-v-036ff61a]{padding:12px 8px}.content-wrap[data-v-036ff61a]{padding:20px 12px}.content-wrap .title[data-v-036ff61a]{font-weight:600;margin-bottom:16px}.content-wrap .setting[data-v-036ff61a]{display:flex;flex-direction:column;gap:12px}.content-wrap .setting div[data-v-036ff61a]{display:flex;align-items:center;justify-content:space-between}.content-wrap .setting div label[data-v-036ff61a]{color:var(--te-common-text-secondary);min-width:64px}.content-wrap .setting div[data-v-036ff61a]:last-child{justify-content:flex-start}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-media",
-  "version": "2.0.0",
+  "version": "2.1.0-rc.0",
   "publishConfig": {
     "access": "public"
   },
@@ -25,11 +25,11 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.0.0",
-    "@opentiny/tiny-engine-meta-register": "2.0.0"
+    "@opentiny/tiny-engine-common": "2.1.0-rc.0",
+    "@opentiny/tiny-engine-meta-register": "2.1.0-rc.0"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.1.0-rc.0",
     "@vitejs/plugin-vue": "^5.1.2",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "vite": "^5.4.2"
@@ -39,5 +39,5 @@
     "@opentiny/vue-icon": "^3.14.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "26b32b2236bb85d8113158fd1475884aa99a9657"
+  "gitHead": "71a3549d5f1d38d2ed3934ce83b722b11878aa7c"
 }