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

package/dist/index.js

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

package/dist/style.css

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

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-redoundo",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.3",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
     "build": "vite build"
   },
+  "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "files": [
@@ -24,17 +25,18 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-meta-register": "2.0.0-alpha.2"
+    "@opentiny/tiny-engine-common": "2.0.0-alpha.3",
+    "@opentiny/tiny-engine-meta-register": "2.0.0-alpha.3"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-alpha.2",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.1.0",
-    "vite": "^4.3.7"
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-alpha.3",
+    "@vitejs/plugin-vue": "^5.1.2",
+    "@vitejs/plugin-vue-jsx": "^4.0.1",
+    "vite": "^5.4.2"
   },
   "peerDependencies": {
     "@opentiny/vue": "^3.14.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "695ecd00f21aa39965a9ddb02590ae274f92cd8e"
+  "gitHead": "20aba1ffa81a1633feec954e3146586193c18f22"
 }