@opentiny/tiny-engine-toolbar-media 1.0.1 → 1.0.2

package/LICENSE

@@ -0,0 +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.

package/dist/index.js

@@ -1,19 +1,19 @@
 import "./style.css";
-import { ref as V, computed as M, reactive as z, toRaw as R, watchEffect as j, watch as G, onMounted as H, onUnmounted as J, resolveComponent as C, openBlock as v, createElementBlock as W, createElementVNode as i, Fragment as K, renderList as Q, normalizeClass as Y, createVNode as b, withCtx as p, toDisplayString as c, createTextVNode as I, createBlock as E, createCommentVNode as N, pushScopeId as Z, popScopeId as $ } from "vue";
-import { Popover as ee, Input as te, Switch as ie } from "@opentiny/vue";
-import { IconWebPlus as D } from "@opentiny/vue-icon";
-import { useLayout as h } from "@opentiny/tiny-engine-controller";
-import { getCanvasType as ne, setCanvasType as oe } from "@opentiny/tiny-engine-canvas";
-const se = (d, l) => {
+import { ref as V, computed as E, reactive as K, toRaw as Q, watch as F, watchEffect as Y, onMounted as Z, onUnmounted as $, resolveComponent as k, openBlock as w, createElementBlock as C, createElementVNode as t, Fragment as ee, renderList as te, normalizeClass as ne, createVNode as _, withCtx as p, toDisplayString as c, createTextVNode as W, createBlock as L, createCommentVNode as I, pushScopeId as oe, popScopeId as ie } from "vue";
+import { Popover as ae, Input as se, Switch as le } from "@opentiny/vue";
+import { IconWebPlus as P } from "@opentiny/vue-icon";
+import { useLayout as y } from "@opentiny/tiny-engine-controller";
+import { getCanvasType as de, setCanvasType as ce } from "@opentiny/tiny-engine-canvas";
+const re = (d, l) => {
   const r = d.__vccOpts || d;
   for (const [n, u] of l)
     r[n] = u;
   return r;
-}, ae = {
+}, pe = {
   components: {
-    TinyPopover: ee,
-    TinyInput: te,
-    TinySwitch: ie
+    TinyPopover: ae,
+    TinyInput: se,
+    TinySwitch: le
   },
   props: {
     data: {
@@ -27,7 +27,7 @@ const se = (d, l) => {
   },
   setup(d, { emit: l }) {
     let r = null, n = "", u = "";
-    const { layoutState: _ } = h(), m = V(!1), w = V(!1), x = V(!1), T = V(ne() === "absolute"), s = M(() => h().getDimension()), y = M(() => s.value.scale * 100), t = z({
+    const { layoutState: b } = y(), m = V(!1), h = V(!1), v = V(!1), T = V(de() === "absolute"), o = E(() => y().getDimension()), x = E(() => o.value.scale * 100), i = K({
       activeIndex: 0,
       guideValue: "",
       width: "",
@@ -38,15 +38,15 @@ const se = (d, l) => {
         title: "添加大断点",
         list: [
           {
-            icon: D(),
+            icon: P(),
             text: "1280px"
           },
           {
-            icon: D(),
+            icon: P(),
             text: "1440px"
           },
           {
-            icon: D(),
+            icon: P(),
             text: "1920px"
           }
         ],
@@ -144,120 +144,113 @@ const se = (d, l) => {
           enContent: "styles added here will apply at 480px and down."
         }
       ]
-    }), L = () => {
-      w.value = !1;
-    }, B = () => {
+    }), B = () => {
+      h.value = !1;
+    }, U = () => {
       r = setTimeout(() => {
         m.value = !0;
       }, 1e3);
-    }, F = () => {
-      m.value = !1, clearTimeout(r);
-    }, U = () => {
-      _.toolbars.visiblePopover = !0, x.value = !0;
     }, A = () => {
-      _.toolbars.visiblePopover = !1, x.value = !1;
-    }, P = (e) => {
-      const o = document.querySelector(".reference-text"), a = o == null ? void 0 : o.contains(e.target);
-      o !== e.target && !a && (_.toolbars.visiblePopover = !1);
-    }, g = t.media.reduce((e, o, a) => (e[o.view] = { ...R(o), index: a }, e), {}), S = (e) => {
-      d.isCanvas ? (h().setDimension({
+      m.value = !1, clearTimeout(r);
+    }, O = () => {
+      b.toolbars.visiblePopover = !0, v.value = !0;
+    }, X = () => {
+      b.toolbars.visiblePopover = !1, v.value = !1;
+    }, D = (e) => {
+      const a = document.querySelector(".reference-text"), s = a == null ? void 0 : a.contains(e.target);
+      a !== e.target && !s && (b.toolbars.visiblePopover = !1);
+    }, g = i.media.reduce((e, a, s) => (e[a.view] = { ...Q(a), index: s }, e), {}), N = (e) => {
+      d.isCanvas ? y().setDimension({
         deviceType: e.view,
         width: e.width,
         minWidth: e.minWidth,
         maxWidth: e.maxWidth
-      }), t.width = parseInt(e.width, 10), t.scaleValue = y.value.toFixed(2), t.readonly = e.view !== "mdx") : (t.activeIndex = e.idx, l("setViewPort", e.width));
-    }, f = (e, o) => {
-      const a = g[o];
-      t.activeIndex = g[o].index, h().setDimension({
-        deviceType: a.view,
-        width: e ? `${e}px` : a.width,
-        minWidth: a.minWidth,
-        maxWidth: a.maxWidth
+      }) : (i.activeIndex = e.idx, l("setViewPort", e.width));
+    }, q = (e, a) => {
+      const s = g[a];
+      y().setDimension({
+        deviceType: s.view,
+        width: e ? `${e}px` : s.width,
+        minWidth: s.minWidth,
+        maxWidth: s.maxWidth
       });
-    }, O = (e) => {
-      const o = "^[0-9]*$", a = h().getDimension();
-      switch (String(e).match(o) ? String(e) === "0" || Number(e) < 240 ? (t.width = 240, n = 240) : Number(e) > 1920 ? (t.width = 1920, n = 1920) : n = e : t.width = n || parseInt(a.width), !0) {
-        case (1200 < Number(t.width) && Number(t.width) <= 1920):
-          f(e, "mdx");
-          break;
-        case (992 < Number(t.width) && Number(t.width) <= 1200):
-          f(e, "desktop");
-          break;
-        case (768 < Number(t.width) && Number(t.width) <= 992):
-          f(e, "tablet");
-          break;
-        case (480 < Number(t.width) && Number(t.width) <= 768):
-          f(e, "lanMobile");
-          break;
-        case (240 <= Number(t.width) && Number(t.width) <= 480):
-          f(e, "mobile");
-          break;
-      }
-    }, X = (e) => {
-      const o = g.mdx, a = "^[0-9]*$";
-      String(e).match(a) ? Number(e) > 100 ? t.scaleValue = 100 : Number(e) < 20 ? t.scaleValue = 20 : u = e : t.scaleValue = u || parseInt(o.scale), h().setDimension({
-        deviceType: o.view,
-        width: o.width,
-        minWidth: o.minWidth,
-        maxWidth: o.maxWidth,
-        scale: Number(t.scaleValue) / 100
+    }, z = [
+      { 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 S;
+      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), J = ((S = z.find((M) => M.min <= s && s <= M.max)) == null ? void 0 : S.type) || "desktop";
+      q(s, J);
+    }, j = (e) => {
+      const a = g.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), y().setDimension({
+        scale: Number(i.scaleValue) / 100
       });
-    }, q = (e) => {
-      oe(e ? "absolute" : "normal");
+    }, G = (e) => {
+      ce(e ? "absolute" : "normal");
     };
-    return j(
-      () => {
-        const e = s.value.deviceType || "desktop";
-        t.activeIndex = g[e].index || 0, S(g[e]);
+    F(
+      () => o.value.deviceType,
+      (e) => {
+        i.activeIndex = g[e].index, i.readonly = e !== "mdx";
       },
-      { flush: "post" }
-    ), G(
-      () => h().getDimension().width,
+      { immediate: !0 }
+    ), Y(() => {
+      i.scaleValue = x.value.toFixed(2), u = x.value;
+    }), F(
+      () => o.value.width,
       (e) => {
-        const o = parseInt(e, 10);
-        Number.isInteger(o) && o !== t.width && (t.width = o);
+        const a = parseInt(e, 10);
+        Number.isInteger(a) && (i.width = a, n = a);
       }
-    ), H(() => {
-      document.addEventListener("click", P);
-    }), J(() => {
-      document.removeEventListener("click", P);
-    }), {
-      scale: y,
-      state: t,
-      active: w,
-      flag: x,
-      hide: L,
-      layoutState: _,
+    ), Z(() => {
+      document.addEventListener("click", D);
+    }), $(() => {
+      document.removeEventListener("click", D);
+    });
+    const H = o.value.deviceType || "desktop";
+    return N(g[H]), {
+      scale: x,
+      state: i,
+      active: h,
+      flag: v,
+      hide: B,
+      layoutState: b,
       visible: m,
-      showTips: B,
-      hideTips: F,
+      showTips: U,
+      hideTips: A,
       timer: r,
-      dimension: s,
-      setViewPort: S,
-      showPopover: U,
-      hidePopover: A,
-      widthChange: O,
-      scaleChange: X,
+      dimension: o,
+      setViewPort: N,
+      showPopover: O,
+      hidePopover: X,
+      widthChange: R,
+      scaleChange: j,
       isAbsolute: T,
-      changeCanvasType: q
+      changeCanvasType: G
     };
   }
-}, k = (d) => (Z("data-v-c1e7d8e3"), d = d(), $(), d), le = { class: "toolbar-wrap" }, de = { class: "toolbar-icon-wrap" }, ce = ["onClick"], re = { class: "media-content" }, pe = { class: "media-title" }, he = {
+}, f = (d) => (oe("data-v-9eb930f1"), d = d(), ie(), d), ue = { class: "toolbar-wrap" }, me = { class: "toolbar-icon-wrap" }, he = ["onClick"], ve = { class: "media-content" }, xe = { class: "media-title" }, we = {
   key: 0,
   class: "sub-title"
-}, ue = { class: "content" }, me = { class: "reference-text" }, we = /* @__PURE__ */ k(() => /* @__PURE__ */ i("span", { class: "symbol" }, "PX", -1)), xe = /* @__PURE__ */ k(() => /* @__PURE__ */ i("span", { class: "symbol" }, "%", -1)), ve = { class: "content-wrap text-content" }, be = { class: "title text-title" }, _e = { class: "setting" }, ye = { for: "" }, ge = /* @__PURE__ */ k(() => /* @__PURE__ */ i("span", null, "PX", -1)), fe = { for: "" }, ke = /* @__PURE__ */ k(() => /* @__PURE__ */ i("span", null, "%", -1)), Ve = { class: "more-setting" }, Ce = /* @__PURE__ */ k(() => /* @__PURE__ */ i("div", null, [
-  /* @__PURE__ */ i("span", null, /* @__PURE__ */ c("自由布局"))
+}, _e = { class: "content" }, be = { class: "reference-text" }, ye = /* @__PURE__ */ f(() => /* @__PURE__ */ t("span", { class: "symbol" }, "PX", -1)), fe = /* @__PURE__ */ f(() => /* @__PURE__ */ t("span", { class: "symbol" }, "%", -1)), ge = { class: "content-wrap text-content" }, Ve = { class: "title text-title" }, ke = { class: "setting" }, Ce = { for: "" }, Te = /* @__PURE__ */ f(() => /* @__PURE__ */ t("span", null, "PX", -1)), We = { for: "" }, Ie = /* @__PURE__ */ f(() => /* @__PURE__ */ t("span", null, "%", -1)), Pe = { class: "more-setting" }, De = /* @__PURE__ */ f(() => /* @__PURE__ */ t("div", null, [
+  /* @__PURE__ */ t("span", null, /* @__PURE__ */ c("自由布局"))
 ], -1));
-function We(d, l, r, n, u, _) {
-  const m = C("svg-icon"), w = C("tiny-popover"), x = C("tiny-input"), T = C("tiny-switch");
-  return v(), W("div", le, [
-    i("div", de, [
-      (v(!0), W(K, null, Q(n.state.media, (s, y) => (v(), W("span", {
-        key: y,
-        class: Y(["icon", { active: n.state.activeIndex === y, "is-rotate": s.view === "lanMobile" }]),
-        onClick: (t) => n.setViewPort(s)
+function Ne(d, l, r, n, u, b) {
+  const m = k("svg-icon"), h = k("tiny-popover"), v = k("tiny-input"), T = k("tiny-switch");
+  return w(), C("div", ue, [
+    t("div", me, [
+      (w(!0), C(ee, null, te(n.state.media, (o, x) => (w(), C("span", {
+        key: x,
+        class: ne(["icon", { active: n.state.activeIndex === x, "is-rotate": o.view === "lanMobile" }]),
+        onClick: (i) => n.setViewPort(o)
       }, [
-        b(w, {
+        _(h, {
           trigger: "hover",
           width: "225",
           "append-to-body": "",
@@ -265,41 +258,41 @@ function We(d, l, r, n, u, _) {
           "popper-class": "media-icon-popover"
         }, {
           reference: p(() => [
-            b(m, {
-              name: s.liked,
+            _(m, {
+              name: o.liked,
               class: "media-icon"
             }, null, 8, ["name"])
           ]),
           default: p(() => [
-            i("div", re, [
-              i("div", pe, [
-                i("div", null, c(s.title), 1),
-                s.subTitle ? (v(), W("div", he, [
-                  I(" （"),
-                  s.view === "desktop" ? (v(), E(m, {
+            t("div", ve, [
+              t("div", xe, [
+                t("div", null, c(o.title), 1),
+                o.subTitle ? (w(), C("div", we, [
+                  W(" （"),
+                  o.view === "desktop" ? (w(), L(m, {
                     key: 0,
                     name: "stars"
-                  })) : N("", !0),
-                  I(),
-                  i("span", null, c(s.subTitle), 1),
-                  I("） ")
-                ])) : N("", !0)
+                  })) : I("", !0),
+                  W(),
+                  t("span", null, c(o.subTitle), 1),
+                  W("） ")
+                ])) : I("", !0)
               ]),
-              i("div", ue, c(s.content), 1)
+              t("div", _e, c(o.content), 1)
             ])
           ]),
           _: 2
         }, 1024)
-      ], 10, ce))), 128))
+      ], 10, he))), 128))
     ]),
-    r.isCanvas ? (v(), E(w, {
+    r.isCanvas ? (w(), L(h, {
       key: 0,
       width: "290",
       trigger: "click",
       "popper-class": "toolbar-media-popper"
     }, {
       reference: p(() => [
-        b(w, {
+        _(h, {
           trigger: "hover",
           "open-delay": 1e3,
           "popper-class": "toolbar-right-popover",
@@ -307,14 +300,14 @@ function We(d, l, r, n, u, _) {
           content: "画布设置"
         }, {
           reference: p(() => [
-            i("span", me, [
-              i("span", null, [
-                i("span", null, c(parseInt(n.state.width)), 1),
-                we
+            t("span", be, [
+              t("span", null, [
+                t("span", null, c(parseInt(n.state.width)), 1),
+                ye
               ]),
-              i("span", null, [
-                i("span", null, c(n.scale.toFixed(2)), 1),
-                xe
+              t("span", null, [
+                t("span", null, c(n.scale.toFixed(2)), 1),
+                fe
               ])
             ])
           ]),
@@ -322,44 +315,44 @@ function We(d, l, r, n, u, _) {
         })
       ]),
       default: p(() => [
-        i("div", ve, [
-          i("span", be, c(n.state.textData.title), 1),
-          i("div", _e, [
-            i("div", null, [
-              i("label", ye, c(n.state.textData.width), 1),
-              b(x, {
+        t("div", ge, [
+          t("span", Ve, c(n.state.textData.title), 1),
+          t("div", ke, [
+            t("div", null, [
+              t("label", Ce, c(n.state.textData.width), 1),
+              _(v, {
                 modelValue: n.state.width,
-                "onUpdate:modelValue": l[0] || (l[0] = (s) => n.state.width = s),
+                "onUpdate:modelValue": l[0] || (l[0] = (o) => n.state.width = o),
                 onChange: n.widthChange
               }, {
                 suffix: p(() => [
-                  ge
+                  Te
                 ]),
                 _: 1
               }, 8, ["modelValue", "onChange"])
             ]),
-            i("div", null, [
-              i("label", fe, c(n.state.textData.scale), 1),
-              b(x, {
+            t("div", null, [
+              t("label", We, c(n.state.textData.scale), 1),
+              _(v, {
                 modelValue: n.state.scaleValue,
-                "onUpdate:modelValue": l[1] || (l[1] = (s) => n.state.scaleValue = s),
+                "onUpdate:modelValue": l[1] || (l[1] = (o) => n.state.scaleValue = o),
                 readonly: n.state.readonly,
                 onChange: n.scaleChange
               }, {
                 suffix: p(() => [
-                  ke
+                  Ie
                 ]),
                 _: 1
               }, 8, ["modelValue", "readonly", "onChange"])
             ])
           ]),
-          i("ul", Ve, [
-            i("li", null, [
-              Ce,
-              i("div", null, [
-                b(T, {
+          t("ul", Pe, [
+            t("li", null, [
+              De,
+              t("div", null, [
+                _(T, {
                   modelValue: n.isAbsolute,
-                  "onUpdate:modelValue": l[2] || (l[2] = (s) => n.isAbsolute = s),
+                  "onUpdate:modelValue": l[2] || (l[2] = (o) => n.isAbsolute = o),
                   onChange: n.changeCanvasType
                 }, null, 8, ["modelValue", "onChange"])
               ])
@@ -368,16 +361,16 @@ function We(d, l, r, n, u, _) {
         ])
       ]),
       _: 1
-    })) : N("", !0)
+    })) : I("", !0)
   ]);
 }
-const Te = /* @__PURE__ */ se(ae, [["render", We], ["__scopeId", "data-v-c1e7d8e3"]]), Ee = {
+const Se = /* @__PURE__ */ re(pe, [["render", Ne], ["__scopeId", "data-v-9eb930f1"]]), Ae = {
   id: "media",
   title: "media",
   icon: "",
   align: "center",
-  component: Te
+  component: Se
 };
 export {
-  Ee as default
+  Ae as default
 };

package/dist/style.css

@@ -1 +1 @@
-.toolbar-wrap[data-v-c1e7d8e3]{display:flex;align-items:center}.toolbar-wrap .reference-text[data-v-c1e7d8e3]{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-c1e7d8e3]:last-child{margin-left:8px}.toolbar-wrap .toolbar-icon-wrap[data-v-c1e7d8e3]{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}.toolbar-wrap .toolbar-icon-wrap .icon[data-v-c1e7d8e3]{width:32px;height:32px;display:inline-flex;justify-content:center;align-items:center;border-radius:6px}.toolbar-wrap .toolbar-icon-wrap .icon svg[data-v-c1e7d8e3]{cursor:pointer;color:var(--ti-lowcode-toolbar-title-color);outline:none;width:22px;height:22px;margin-top:-.5px}.toolbar-wrap .toolbar-icon-wrap .icon.active[data-v-c1e7d8e3],.toolbar-wrap .toolbar-icon-wrap .icon[data-v-c1e7d8e3]:hover{background:var(--ti-lowcode-toolbar-view-active-bg)}.toolbar-wrap .toolbar-icon-wrap .icon.active svg[data-v-c1e7d8e3]{color:var(--ti-lowcode-common-primary-color)}.toolbar-wrap .more-setting .setting-item[data-v-c1e7d8e3]{display:flex;justify-content:space-between;padding:12px}
+.toolbar-wrap[data-v-9eb930f1]{display:flex;align-items:center}.toolbar-wrap .reference-text[data-v-9eb930f1]{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-9eb930f1]:last-child{margin-left:8px}.toolbar-wrap .toolbar-icon-wrap[data-v-9eb930f1]{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}.toolbar-wrap .toolbar-icon-wrap .icon[data-v-9eb930f1]{width:32px;height:32px;display:inline-flex;justify-content:center;align-items:center;border-radius:6px}.toolbar-wrap .toolbar-icon-wrap .icon svg[data-v-9eb930f1]{cursor:pointer;color:var(--ti-lowcode-toolbar-title-color);outline:none;width:22px;height:22px;margin-top:-.5px}.toolbar-wrap .toolbar-icon-wrap .icon.active[data-v-9eb930f1],.toolbar-wrap .toolbar-icon-wrap .icon[data-v-9eb930f1]:hover{background:var(--ti-lowcode-toolbar-view-active-bg)}.toolbar-wrap .toolbar-icon-wrap .icon.active svg[data-v-9eb930f1]{color:var(--ti-lowcode-common-primary-color)}.toolbar-wrap .more-setting .setting-item[data-v-9eb930f1]{display:flex;justify-content:space-between;padding:12px}

package/package.json

@@ -1,24 +1,38 @@
-{
-  "name": "@opentiny/tiny-engine-toolbar-media",
-  "version": "1.0.1",
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "build": "vite build"
-  },
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "@opentiny/vue": "^3.8.0",
-    "vue": "3.2.45"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^1.3.10",
-    "vite": "^4.3.7"
-  }
-}
+{
+  "name": "@opentiny/tiny-engine-toolbar-media",
+  "version": "1.0.2",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/opentiny/tiny-engine",
+    "directory": "packages/toolbars/media"
+  },
+  "bugs": {
+    "url": "https://github.com/opentiny/tiny-engine/issues"
+  },
+  "author": "OpenTiny Team",
+  "license": "MIT",
+  "homepage": "https://opentiny.design/tiny-engine",
+  "dependencies": {
+    "@opentiny/vue": "~3.10.0",
+    "@opentiny/vue-icon": "~3.10.0",
+    "vue": "3.2.45",
+    "@opentiny/tiny-engine-canvas": "1.0.2",
+    "@opentiny/tiny-engine-controller": "1.0.2"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue-jsx": "^1.3.10",
+    "vite": "^4.3.7"
+  },
+  "scripts": {
+    "build": "vite build"
+  }
+}