@opentiny/tiny-engine-toolbar-redoundo 2.4.0 → 2.5.0-alpha.0

package/dist/index.js

@@ -1,12 +1,23 @@
 import "./style.css";
-import { Popover as w } from "@opentiny/vue";
-import { useHistory as S, useCanvas as h, HOOK_NAME as _ } from "@opentiny/tiny-engine-meta-register";
-import { ToolbarBase as k } from "@opentiny/tiny-engine-common";
-import { resolveComponent as c, createBlock as C, openBlock as x, withCtx as p, createElementVNode as d, createVNode as a, normalizeClass as m, reactive as H, watch as O, isProxy as A, toRaw as N } from "vue";
-const B = {
+import { useHistory as H, callEntry as m, useCanvas as i, HOOK_NAME as O } from "@opentiny/tiny-engine-meta-register";
+import { Popover as A } from "@opentiny/vue";
+import { ToolbarBase as N } from "@opentiny/tiny-engine-common";
+import { resolveComponent as v, createBlock as B, openBlock as E, withCtx as S, createElementVNode as w, createVNode as h, normalizeClass as D, isProxy as P, toRaw as T, reactive as j, watch as J } from "vue";
+const M = {
+  id: "engine.toolbars.redoundo",
+  type: "toolbars",
+  title: "redoundo",
+  options: {
+    icon: {
+      undo: "undo",
+      redo: "redo"
+    },
+    renderType: "slot"
+  }
+}, V = {
   components: {
-    TinyPopover: w,
-    ToolbarBase: k
+    TinyPopover: A,
+    ToolbarBase: N
   },
   props: {
     options: {
@@ -15,52 +26,52 @@ const B = {
     }
   },
   setup() {
-    return S();
+    return H();
   }
-}, D = (o, e) => {
-  const r = o.__vccOpts || o;
-  for (const [s, u] of e)
-    r[s] = u;
-  return r;
-}, P = { class: "redo-undo-wrap" };
-function T(o, e, r, s, u, R) {
-  const f = c("svg-icon"), y = c("tiny-popover"), v = c("toolbar-base");
-  return x(), C(v, { options: r.options }, {
-    default: p(() => [
-      d("span", P, [
-        a(y, {
+}, $ = (e, n) => {
+  const c = e.__vccOpts || e;
+  for (const [g, x] of n)
+    c[g] = x;
+  return c;
+}, z = { class: "redo-undo-wrap" };
+function I(e, n, c, g, x, q) {
+  const k = v("svg-icon"), _ = v("tiny-popover"), C = v("toolbar-base");
+  return E(), B(C, { options: c.options }, {
+    default: S(() => [
+      w("span", z, [
+        h(_, {
           trigger: "hover",
           "open-delay": 1e3,
           "popper-class": "toolbar-right-popover",
           "append-to-body": "",
-          content: o.historyState.back ? "撤销" : "没有要撤销的"
+          content: e.historyState.back ? "撤销" : "没有要撤销的"
         }, {
-          reference: p(() => [
-            d("span", {
-              class: m(["icon-wrap", "undo", { disabled: !o.historyState.back }]),
-              onClick: e[0] || (e[0] = (...i) => o.back && o.back(...i))
+          reference: S(() => [
+            w("span", {
+              class: D(["icon-wrap", "undo", { disabled: !e.historyState.back }]),
+              onClick: n[0] || (n[0] = (...b) => e.back && e.back(...b))
             }, [
-              a(f, {
-                name: r.options.icon.undo
+              h(k, {
+                name: c.options.icon.undo
               }, null, 8, ["name"])
             ], 2)
           ]),
           _: 1
         }, 8, ["content"]),
-        a(y, {
+        h(_, {
           trigger: "hover",
           "open-delay": 1e3,
           "popper-class": "toolbar-right-popover",
           "append-to-body": "",
-          content: o.historyState.forward ? "恢复" : "没有要恢复的"
+          content: e.historyState.forward ? "恢复" : "没有要恢复的"
         }, {
-          reference: p(() => [
-            d("span", {
-              class: m(["icon-wrap", "redo", o.historyState.forward ? "" : "disabled"]),
-              onClick: e[1] || (e[1] = (...i) => o.forward && o.forward(...i))
+          reference: S(() => [
+            w("span", {
+              class: D(["icon-wrap", "redo", e.historyState.forward ? "" : "disabled"]),
+              onClick: n[1] || (n[1] = (...b) => e.forward && e.forward(...b))
             }, [
-              a(f, {
-                name: r.options.icon.redo
+              h(k, {
+                name: c.options.icon.redo
               }, null, 8, ["name"])
             ], 2)
           ]),
@@ -71,74 +82,210 @@ function T(o, e, r, s, u, R) {
     _: 1
   }, 8, ["options"]);
 }
-const j = /* @__PURE__ */ D(B, [["render", T], ["__scopeId", "data-v-479fa39e"]]), E = {
-  id: "engine.toolbars.redoundo",
-  type: "toolbars",
-  title: "redoundo",
-  options: {
-    icon: {
-      undo: "undo",
-      redo: "redo"
-    },
-    renderType: "slot"
-  }
-}, J = (o) => (A(o) && (o = N(o)), JSON.stringify(o)), M = (o) => {
-  let e;
+const K = /* @__PURE__ */ $(V, [["render", I], ["__scopeId", "data-v-20883111"]]), d = m((e) => (P(e) && (e = T(e)), JSON.stringify(e)), {
+  metaData: {
+    id: "engine.service.history.schema2String"
+  },
+  ctx: () => ({
+    useCanvas: i,
+    schema2String: d,
+    string2Schema: p,
+    list: o,
+    maxLength: a,
+    historyState: t,
+    push: s,
+    go: r,
+    back: u,
+    forward: y,
+    clear: l,
+    addHistory: f
+  })
+}), p = m((e) => {
+  let n;
   try {
-    e = JSON.parse(o);
+    n = JSON.parse(e);
   } catch {
-    e = {};
+    n = {};
   }
-  return e;
-}, n = [], b = 5, t = H({
+  return n;
+}, {
+  metaData: {
+    id: "engine.service.history.string2Schema"
+  },
+  ctx: () => ({
+    useCanvas: i,
+    schema2String: d,
+    string2Schema: p,
+    list: o,
+    maxLength: a,
+    historyState: t,
+    push: s,
+    go: r,
+    back: u,
+    forward: y,
+    clear: l,
+    addHistory: f
+  })
+}), o = [], a = 5, t = j({
   index: 0,
   back: !1,
   forward: !1
-}), g = (o) => {
-  let e = n.length;
-  t.index < e - 1 && (n.splice(t.index + 1), e = n.length), e >= b && n.splice(0, e - b + 1), n.push(J(o)), t.index = n.length - 1;
-}, l = (o, e) => {
-  t.index = t.index + o;
-  const { pageState: r, resetCanvasState: s } = h();
-  s({ ...r, pageSchema: M(n[t.index]) }), typeof e == "boolean" && n.splice(1, 1);
-}, V = () => {
-  t.back && l(-1);
-}, $ = () => {
-  t.forward && l(1);
-}, z = () => {
-  n.splice(0), Object.assign(t, {
+}), s = m((e) => {
+  let n = o.length;
+  t.index < n - 1 && (o.splice(t.index + 1), n = o.length), n >= a && o.splice(0, n - a + 1), o.push(d(e)), t.index = o.length - 1;
+}, {
+  metaData: {
+    id: "engine.service.history.push"
+  },
+  ctx: () => ({
+    useCanvas: i,
+    schema2String: d,
+    string2Schema: p,
+    list: o,
+    maxLength: a,
+    historyState: t,
+    push: s,
+    go: r,
+    back: u,
+    forward: y,
+    clear: l,
+    addHistory: f
+  })
+}), r = m((e, n) => {
+  t.index = t.index + e;
+  const {
+    pageState: c,
+    resetCanvasState: g
+  } = i();
+  g({
+    ...c,
+    pageSchema: p(o[t.index])
+  }), typeof n == "boolean" && o.splice(1, 1);
+}, {
+  metaData: {
+    id: "engine.service.history.go"
+  },
+  ctx: () => ({
+    useCanvas: i,
+    schema2String: d,
+    string2Schema: p,
+    list: o,
+    maxLength: a,
+    historyState: t,
+    push: s,
+    go: r,
+    back: u,
+    forward: y,
+    clear: l,
+    addHistory: f
+  })
+}), u = m(() => {
+  t.back && r(-1);
+}, {
+  metaData: {
+    id: "engine.service.history.back"
+  },
+  ctx: () => ({
+    useCanvas: i,
+    schema2String: d,
+    string2Schema: p,
+    list: o,
+    maxLength: a,
+    historyState: t,
+    push: s,
+    go: r,
+    back: u,
+    forward: y,
+    clear: l,
+    addHistory: f
+  })
+}), y = m(() => {
+  t.forward && r(1);
+}, {
+  metaData: {
+    id: "engine.service.history.forward"
+  },
+  ctx: () => ({
+    useCanvas: i,
+    schema2String: d,
+    string2Schema: p,
+    list: o,
+    maxLength: a,
+    historyState: t,
+    push: s,
+    go: r,
+    back: u,
+    forward: y,
+    clear: l,
+    addHistory: f
+  })
+}), l = m(() => {
+  o.splice(0), Object.assign(t, {
     index: 0,
     back: !1,
     forward: !1
   });
-}, I = (o) => {
-  o ? (z(), g(o)) : g(h().getSchema());
-};
-O(
-  () => t.index,
-  (o) => {
-    t.back = o > 0, t.forward = o < n.length - 1;
-  }
-);
-const K = () => ({
+}, {
+  metaData: {
+    id: "engine.service.history.clear"
+  },
+  ctx: () => ({
+    useCanvas: i,
+    schema2String: d,
+    string2Schema: p,
+    list: o,
+    maxLength: a,
+    historyState: t,
+    push: s,
+    go: r,
+    back: u,
+    forward: y,
+    clear: l,
+    addHistory: f
+  })
+}), f = m((e) => {
+  e ? (l(), s(e)) : s(i().getSchema());
+}, {
+  metaData: {
+    id: "engine.service.history.addHistory"
+  },
+  ctx: () => ({
+    useCanvas: i,
+    schema2String: d,
+    string2Schema: p,
+    list: o,
+    maxLength: a,
+    historyState: t,
+    push: s,
+    go: r,
+    back: u,
+    forward: y,
+    clear: l,
+    addHistory: f
+  })
+});
+J(() => t.index, (e) => {
+  t.back = e > 0, t.forward = e < o.length - 1;
+});
+const L = () => ({
   historyState: t,
-  back: V,
-  forward: $,
-  go: l,
-  addHistory: I
-}), L = {
+  back: u,
+  forward: y,
+  go: r,
+  addHistory: f
+}), R = {
   id: "engine.service.history",
   type: "MetaService",
-  apis: K(),
+  apis: L(),
   composable: {
-    name: _.useHistory
+    name: O.useHistory
   }
-}, W = {
-  ...E,
-  entry: j,
-  metas: [L]
+}, X = {
+  ...M,
+  entry: K,
+  metas: [R]
 };
 export {
-  L as HistoryService,
-  W as default
+  R as HistoryService,
+  X as default
 };

package/dist/style.css

@@ -1 +1 @@
-.redo-undo-wrap[data-v-479fa39e]{display:flex}.redo-undo-wrap[data-v-479fa39e] .icon-wrap{display:inline-flex;align-items:center;justify-content:center;height:32px;width:32px;border-radius:6px}.redo-undo-wrap[data-v-479fa39e] .icon-wrap svg{color:var(--te-toolbars-redoundo-text-color);font-size:20px}.redo-undo-wrap[data-v-479fa39e] .icon-wrap.disabled{cursor:not-allowed}.redo-undo-wrap[data-v-479fa39e] .icon-wrap.disabled svg{color:var(--te-toolbars-redoundo-text-color-disabled)}.redo-undo-wrap[data-v-479fa39e] .icon-wrap:not(.disabled):hover{background:var(--te-toolbars-redoundo-bg-color-active)}.redo-undo-wrap[data-v-479fa39e] .icon-wrap:not(.disabled):hover svg{color:var(--te-toolbars-redoundo-icon-color-hover)}.redo-undo-wrap[data-v-479fa39e] .icon-wrap.redo{margin-left:-5px}:root{--te-toolbars-redoundo-text-color: var(--te-common-text-primary);--te-toolbars-redoundo-text-color-disabled: var(--te-common-text-disabled);--te-toolbars-redoundo-bg-color-active: var(--te-common-bg-prompt);--te-toolbars-redoundo-icon-color-hover: var(--te-common-icon-hover)}
+.redo-undo-wrap[data-v-20883111]{display:flex}.redo-undo-wrap[data-v-20883111] .icon-wrap{display:inline-flex;align-items:center;justify-content:center;height:32px;width:32px;border-radius:6px}.redo-undo-wrap[data-v-20883111] .icon-wrap svg{color:var(--te-toolbars-redoundo-text-color);font-size:20px}.redo-undo-wrap[data-v-20883111] .icon-wrap.disabled{cursor:not-allowed}.redo-undo-wrap[data-v-20883111] .icon-wrap.disabled svg{color:var(--te-toolbars-redoundo-text-color-disabled)}.redo-undo-wrap[data-v-20883111] .icon-wrap:not(.disabled):hover{background:var(--te-toolbars-redoundo-bg-color-active)}.redo-undo-wrap[data-v-20883111] .icon-wrap:not(.disabled):hover svg{color:var(--te-toolbars-redoundo-icon-color-hover)}.redo-undo-wrap[data-v-20883111] .icon-wrap.redo{margin-left:-5px}:root{--te-toolbars-redoundo-text-color: var(--te-common-text-primary);--te-toolbars-redoundo-text-color-disabled: var(--te-common-text-disabled);--te-toolbars-redoundo-bg-color-active: var(--te-common-bg-prompt);--te-toolbars-redoundo-icon-color-hover: var(--te-common-icon-hover)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-redoundo",
-  "version": "2.4.0",
+  "version": "2.5.0-alpha.0",
   "publishConfig": {
     "access": "public"
   },
@@ -25,11 +25,11 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.4.0",
-    "@opentiny/tiny-engine-meta-register": "2.4.0"
+    "@opentiny/tiny-engine-common": "2.5.0-alpha.0",
+    "@opentiny/tiny-engine-meta-register": "2.5.0-alpha.0"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.4.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.5.0-alpha.0",
     "@vitejs/plugin-vue": "^5.1.2",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "vite": "^5.4.2"
@@ -38,5 +38,5 @@
     "@opentiny/vue": "^3.20.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "477aa411da11a4f95712e3e5c251d97cae23f4ad"
+  "gitHead": "ae59c82734d79f650c9221cb9702714814b099c8"
 }