@opentiny/tiny-engine-toolbar-redoundo 1.0.4-alpha.0 → 2.0.0-alpha.2

package/dist/index.js

@@ -1,15 +1,15 @@
 import "./style.css";
-import { Popover as u } from "@opentiny/vue";
-import { useHistory as _ } from "@opentiny/tiny-engine-controller";
-import { resolveComponent as i, openBlock as f, createElementBlock as y, createVNode as t, withCtx as c, createElementVNode as l, normalizeClass as m } from "vue";
-const b = (o, e) => {
-  const n = o.__vccOpts || o;
-  for (const [a, p] of e)
-    n[a] = p;
-  return n;
-}, v = {
+import { Popover as b } from "@opentiny/vue";
+import { useHistory as _, useCanvas as s, HOOK_NAME as S } from "@opentiny/tiny-engine-meta-register";
+import { resolveComponent as u, openBlock as w, createElementBlock as k, createVNode as a, withCtx as y, createElementVNode as g, normalizeClass as v, reactive as x, watch as H, isProxy as C, toRaw as O } from "vue";
+const I = (e, o) => {
+  const r = e.__vccOpts || e;
+  for (const [d, p] of o)
+    r[d] = p;
+  return r;
+}, N = {
   components: {
-    TinyPopover: u
+    TinyPopover: b
   },
   props: {
     undoIcon: {
@@ -24,53 +24,109 @@ const b = (o, e) => {
   setup() {
     return _();
   }
-}, g = { class: "redo-undo-wrap" };
-function k(o, e, n, a, p, w) {
-  const s = i("svg-icon"), d = i("tiny-popover");
-  return f(), y("span", g, [
-    t(d, {
+}, A = { class: "redo-undo-wrap" };
+function E(e, o, r, d, p, L) {
+  const l = u("svg-icon"), f = u("tiny-popover");
+  return w(), k("span", A, [
+    a(f, {
       trigger: "hover",
       "open-delay": 1e3,
       "popper-class": "toolbar-right-popover",
       "append-to-body": "",
-      content: o.historyState.back ? "撤销" : "没有要撤销的"
+      content: e.historyState.back ? "撤销" : "没有要撤销的"
     }, {
-      reference: c(() => [
-        l("span", {
-          class: m(["icon-wrap", "undo", { disabled: !o.historyState.back }]),
-          onClick: e[0] || (e[0] = (...r) => o.back && o.back(...r))
+      reference: y(() => [
+        g("span", {
+          class: v(["icon-wrap", "undo", { disabled: !e.historyState.back }]),
+          onClick: o[0] || (o[0] = (...i) => e.back && e.back(...i))
         }, [
-          t(s, { name: n.undoIcon }, null, 8, ["name"])
+          a(l, { name: r.undoIcon }, null, 8, ["name"])
         ], 2)
       ]),
       _: 1
     }, 8, ["content"]),
-    t(d, {
+    a(f, {
       trigger: "hover",
       "open-delay": 1e3,
       "popper-class": "toolbar-right-popover",
       "append-to-body": "",
-      content: o.historyState.forward ? "恢复" : "没有要恢复的"
+      content: e.historyState.forward ? "恢复" : "没有要恢复的"
     }, {
-      reference: c(() => [
-        l("span", {
-          class: m(["icon-wrap", "redo", o.historyState.forward ? "" : "disabled"]),
-          onClick: e[1] || (e[1] = (...r) => o.forward && o.forward(...r))
+      reference: y(() => [
+        g("span", {
+          class: v(["icon-wrap", "redo", e.historyState.forward ? "" : "disabled"]),
+          onClick: o[1] || (o[1] = (...i) => e.forward && e.forward(...i))
         }, [
-          t(s, { name: n.redoIcon }, null, 8, ["name"])
+          a(l, { name: r.redoIcon }, null, 8, ["name"])
         ], 2)
       ]),
       _: 1
     }, 8, ["content"])
   ]);
 }
-const h = /* @__PURE__ */ b(v, [["render", k], ["__scopeId", "data-v-846b5b0b"]]), E = {
-  id: "aa",
+const M = /* @__PURE__ */ I(N, [["render", E], ["__scopeId", "data-v-f52aff49"]]), P = {
+  id: "engine.toolbars.redoundo",
+  type: "toolbars",
   title: "redoundo",
   icon: "",
-  align: "right",
-  component: h
+  align: "right"
+}, $ = (e) => (C(e) && (e = O(e)), JSON.stringify(e)), B = (e) => {
+  let o;
+  try {
+    o = JSON.parse(e);
+  } catch {
+    o = {};
+  }
+  return o;
+}, n = [], m = 5, t = x({
+  index: 0,
+  back: !1,
+  forward: !1
+}), h = (e) => {
+  let o = n.length;
+  t.index < o - 1 && (n.splice(t.index + 1), o = n.length), o >= m && n.splice(0, o - m + 1), n.push($(e)), t.index = n.length - 1;
+}, c = (e, o) => {
+  var r;
+  t.index = t.index + e, (r = s().canvasApi.value) == null || r.setSchema(B(n[t.index])), typeof o == "boolean" && n.splice(1, 1);
+}, J = () => {
+  t.back && (c(-1), s().setSaved(!1));
+}, V = () => {
+  t.forward && (c(1), s().setSaved(t.index === n.length - 1));
+}, j = () => {
+  n.splice(0), Object.assign(t, {
+    index: 0,
+    back: !1,
+    forward: !1
+  });
+}, z = (e) => {
+  var o;
+  e ? (j(), h(e)) : (s().setSaved(!1), h((o = s().canvasApi.value) == null ? void 0 : o.getSchema()));
+};
+H(
+  () => t.index,
+  (e) => {
+    t.back = e > 0, t.forward = e < n.length - 1;
+  }
+);
+const D = () => ({
+  historyState: t,
+  back: J,
+  forward: V,
+  go: c,
+  addHistory: z
+}), K = {
+  id: "engine.service.history",
+  type: "MetaService",
+  apis: D(),
+  composable: {
+    name: S.useHistory
+  }
+}, G = {
+  ...P,
+  entry: M,
+  metas: [K]
 };
 export {
-  E as default
+  K as HistoryService,
+  G as default
 };

package/dist/style.css

@@ -1 +1 @@
-.redo-undo-wrap[data-v-846b5b0b]{display:flex}.redo-undo-wrap[data-v-846b5b0b] .icon-wrap{display:inline-flex;align-items:center;justify-content:center;height:32px;width:32px;border-radius:6px}.redo-undo-wrap[data-v-846b5b0b] .icon-wrap svg{color:var(--ti-lowcode-toolbar-title-color);font-size:20px}.redo-undo-wrap[data-v-846b5b0b] .icon-wrap.disabled{cursor:not-allowed}.redo-undo-wrap[data-v-846b5b0b] .icon-wrap.disabled svg{color:var(--ti-lowcode-disabled-color)}.redo-undo-wrap[data-v-846b5b0b] .icon-wrap:not(.disabled):hover{background:var(--ti-lowcode-toolbar-view-active-bg)}.redo-undo-wrap[data-v-846b5b0b] .icon-wrap:not(.disabled):hover svg{color:var(--ti-lowcode-toolbar-active-color)}.redo-undo-wrap[data-v-846b5b0b] .icon-wrap.redo{margin-left:-5px}
+.redo-undo-wrap[data-v-f52aff49]{display:flex}.redo-undo-wrap[data-v-f52aff49] .icon-wrap{display:inline-flex;align-items:center;justify-content:center;height:32px;width:32px;border-radius:6px}.redo-undo-wrap[data-v-f52aff49] .icon-wrap svg{color:var(--ti-lowcode-toolbar-title-color);font-size:20px}.redo-undo-wrap[data-v-f52aff49] .icon-wrap.disabled{cursor:not-allowed}.redo-undo-wrap[data-v-f52aff49] .icon-wrap.disabled svg{color:var(--ti-lowcode-disabled-color)}.redo-undo-wrap[data-v-f52aff49] .icon-wrap:not(.disabled):hover{background:var(--ti-lowcode-toolbar-view-active-bg)}.redo-undo-wrap[data-v-f52aff49] .icon-wrap:not(.disabled):hover svg{color:var(--ti-lowcode-toolbar-active-color)}.redo-undo-wrap[data-v-f52aff49] .icon-wrap.redo{margin-left:-5px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-redoundo",
-  "version": "1.0.4-alpha.0",
+  "version": "2.0.0-alpha.2",
   "publishConfig": {
     "access": "public"
   },
@@ -24,16 +24,17 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-controller": "1.0.4-alpha.0",
-    "@opentiny/vue": "~3.10.0"
+    "@opentiny/tiny-engine-meta-register": "2.0.0-alpha.2"
   },
   "devDependencies": {
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-alpha.2",
     "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^1.3.10",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
   },
   "peerDependencies": {
+    "@opentiny/vue": "^3.14.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "8cba0b459d0c0829554dd8adab11fe60a4931acd"
+  "gitHead": "695ecd00f21aa39965a9ddb02590ae274f92cd8e"
 }