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

package/dist/index.js

@@ -1,123 +1,123 @@
-import { reactive as O, computed as m, resolveComponent as f, openBlock as v, createElementBlock as h, createVNode as N, withCtx as b, createElementVNode as x, createCommentVNode as $ } from "vue";
-import { useCanvas as C, useLayout as P, useBlock as S, useNotify as g } from "@opentiny/tiny-engine-meta-register";
-import { constants as T } from "@opentiny/tiny-engine-utils";
-import { Popover as B } from "@opentiny/vue";
-import { useHttp as M } from "@opentiny/tiny-engine-http";
-const E = M(), G = (e) => E.get(`app-center/api/apps/canvas/lock?${e}`), L = (e, c) => {
-  const r = e.__vccOpts || e;
-  for (const [t, l] of c)
-    r[t] = l;
-  return r;
-}, { COMPONENT_NAME: U, PAGE_STATUS: s } = T, k = {
+import { reactive as N, computed as m, resolveComponent as _, openBlock as b, createBlock as x, createCommentVNode as S } from "vue";
+import { useCanvas as T, useLayout as $, useBlock as h, useNotify as k } from "@opentiny/tiny-engine-meta-register";
+import { constants as B } from "@opentiny/tiny-engine-utils";
+import { ToolbarBase as C } from "@opentiny/tiny-engine-common";
+import { useHttp as v } from "@opentiny/tiny-engine-http";
+const L = v(), M = (e) => L.get(`app-center/api/apps/canvas/lock?${e}`), P = (e, a) => {
+  const o = e.__vccOpts || e;
+  for (const [c, s] of a)
+    o[c] = s;
+  return o;
+}, { COMPONENT_NAME: A, PAGE_STATUS: t } = B, d = {
   block: "区块",
   page: "页面"
-}, d = {
-  [s.Release]: {
-    message: (e) => `${k[e]}解锁成功！`,
+}, g = {
+  [t.Release]: {
+    message: (e) => `${d[e]}解锁成功！`,
     currentOptName: "解锁",
     nextOptName: "锁定"
   },
-  [s.Lock]: {
-    message: (e) => `${k[e]}解锁成功！`,
+  [t.Lock]: {
+    message: (e) => `${d[e]}解锁成功！`,
     currentOptName: "解锁",
     nextOptName: "解锁"
   },
-  [s.Occupy]: {
-    message: (e) => `${k[e]}锁定成功`,
+  [t.Occupy]: {
+    message: (e) => `${d[e]}锁定成功`,
     currentOptName: "锁定",
     nextOptName: "解锁"
   }
-}, A = {
+}, G = {
   components: {
-    TinyPopover: B
+    ToolbarBase: C
   },
-  setup() {
-    const { pageState: e } = C(), { layoutState: c } = P(), { getCurrentBlock: r } = S(), t = O({
-      status: m(() => c.pageStatus.state),
-      isGuest: m(() => c.pageStatus.state === s.Guest),
+  props: {
+    options: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(e) {
+    const { pageState: a } = T(), { layoutState: o } = $(), { getCurrentBlock: c } = h(), s = N({
+      status: m(() => o.pageStatus.state),
+      isGuest: m(() => o.pageStatus.state === t.Guest),
       type: "",
       disabled: !1
-    }), l = m(() => {
-      switch (t.status) {
-        case s.Occupy:
-          return "locked";
-        case s.Lock:
-          return "user-locked";
+    }), y = m(() => {
+      switch (s.status) {
+        case t.Occupy:
+          return e.options.icon.locked;
+        case t.Lock:
+          return e.options.icon.userLocked;
         default:
-          return "unlocked";
+          return e.options.icon.unlocked;
       }
-    }), u = (n, p, i) => {
-      G(`id=${n}&state=${i}&type=${p}`).then((o) => {
-        var _;
-        if ((o == null ? void 0 : o.operate) === "success")
-          g({
+    }), p = (l, O, i) => {
+      M(`id=${l}&state=${i}&type=${O}`).then((n) => {
+        var f;
+        if ((n == null ? void 0 : n.operate) === "success")
+          k({
             type: "success",
-            message: d[i].message(p)
-          }), c.pageStatus.state = i;
+            message: g[i].message(O)
+          }), o.pageStatus.state = i;
         else {
-          const a = (_ = c.pageStatus) == null ? void 0 : _.data;
-          g({
+          const r = (f = o.pageStatus) == null ? void 0 : f.data;
+          k({
             type: "warning",
-            message: `当前页面被 ${(a == null ? void 0 : a.username) || ""} ${(a == null ? void 0 : a.resetPasswordToken) || ""} 锁定，请联系解锁`
+            message: `当前页面被 ${(r == null ? void 0 : r.username) || ""} ${(r == null ? void 0 : r.resetPasswordToken) || ""} 锁定，请联系解锁`
           });
         }
-      }).catch((o) => {
-        g({
+      }).catch((n) => {
+        k({
           type: "error",
-          title: `页面${d[i].currentOptName}失败`,
-          message: JSON.stringify((o == null ? void 0 : o.message) || o)
+          title: `页面${g[i].currentOptName}失败`,
+          message: JSON.stringify((n == null ? void 0 : n.message) || n)
         });
       }).finally(() => {
-        t.disabled = !1;
+        s.disabled = !1;
       });
     };
     return {
-      state: t,
+      state: s,
       lockOrUnlock: () => {
-        if (t.disabled)
+        if (s.disabled)
           return;
-        const n = t.status === s.Occupy || t.status === s.Lock ? s.Release : s.Occupy;
-        e.currentSchema = {}, e.properties = null, t.disabled = !0, e.pageSchema.componentName !== U.Block ? u(e.currentPage.id, "page", n) : u(r().id, "block", n);
+        const l = s.status === t.Occupy || s.status === t.Lock ? t.Release : t.Occupy;
+        a.currentSchema = {}, a.properties = null, s.disabled = !0, a.pageSchema.componentName !== A.Block ? p(a.currentPage.id, "page", l) : p(c().id, "block", l);
       },
-      PAGE_STATUS: s,
-      statusMessageMap: d,
-      iconName: l
+      PAGE_STATUS: t,
+      statusMessageMap: g,
+      iconName: y
     };
   }
-}, V = { key: 0 }, R = { class: "icon" };
-function q(e, c, r, t, l, u) {
-  var p;
-  const y = f("svg-icon"), n = f("tiny-popover");
-  return t.state.isGuest ? $("", !0) : (v(), h("span", V, [
-    N(n, {
-      trigger: "hover",
-      "open-delay": 1e3,
-      "popper-class": "toolbar-right-popover",
-      "append-to-body": "",
-      content: (p = t.statusMessageMap[t.state.status]) == null ? void 0 : p.nextOptName
-    }, {
-      reference: b(() => [
-        x("span", R, [
-          N(y, {
-            name: t.iconName,
-            onClick: t.lockOrUnlock
-          }, null, 8, ["name", "onClick"])
-        ])
-      ]),
-      _: 1
-    }, 8, ["content"])
-  ]));
+};
+function U(e, a, o, c, s, y) {
+  var u;
+  const p = _("toolbar-base");
+  return c.state.isGuest ? S("", !0) : (b(), x(p, {
+    key: 0,
+    icon: c.iconName,
+    content: (u = c.statusMessageMap[c.state.status]) == null ? void 0 : u.nextOptName,
+    options: o.options,
+    onClickApi: c.lockOrUnlock
+  }, null, 8, ["icon", "content", "options", "onClickApi"]));
 }
-const w = /* @__PURE__ */ L(A, [["render", q]]), D = {
+const E = /* @__PURE__ */ P(G, [["render", U]]), R = {
   id: "engine.toolbars.lock",
   title: "lock",
   type: "toolbars",
-  icon: "",
-  align: "left"
-}, K = {
-  ...D,
-  entry: w
+  options: {
+    icon: {
+      locked: "locked",
+      userLocked: "user-locked",
+      unlocked: "unlocked"
+    },
+    renderType: "icon"
+  }
+}, V = {
+  ...R,
+  entry: E
 };
 export {
-  K as default
+  V as default
 };

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-lock",
-  "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,19 +25,20 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-http": "2.0.0-alpha.2",
-    "@opentiny/tiny-engine-meta-register": "2.0.0-alpha.2",
-    "@opentiny/tiny-engine-utils": "2.0.0-alpha.2"
+    "@opentiny/tiny-engine-common": "2.0.0-alpha.3",
+    "@opentiny/tiny-engine-http": "2.0.0-alpha.3",
+    "@opentiny/tiny-engine-meta-register": "2.0.0-alpha.3",
+    "@opentiny/tiny-engine-utils": "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"
 }