@opentiny/tiny-engine-toolbar-setting 1.0.1

package/dist/index.js

@@ -0,0 +1,115 @@
+import { Popover as v } from "@opentiny/vue";
+import { useCanvas as S, useBlock as k, usePage as y, useLayout as B, useModal as h } from "@opentiny/tiny-engine-controller";
+import { constants as C } from "@opentiny/tiny-engine-utils";
+import { resolveComponent as u, openBlock as x, createElementBlock as A, createVNode as d, withCtx as E, createElementVNode as M } from "vue";
+const {
+  PAGE_STATUS: N
+} = C, b = {
+  components: {
+    TinyPopover: v
+  },
+  props: {
+    icon: {
+      type: String,
+      default: "setting"
+    }
+  },
+  setup() {
+    const {
+      pageState: a,
+      isBlock: t
+    } = S(), {
+      getCurrentBlock: o
+    } = k(), {
+      initCurrentPageData: e,
+      isChangePageData: c
+    } = y(), {
+      PLUGIN_NAME: p,
+      activePlugin: r,
+      layoutState: g
+    } = B(), {
+      confirm: l,
+      message: _
+    } = h(), f = () => {
+      r(p.BlockManage).then((n) => {
+        n.openSettingPanel({
+          item: o()
+        });
+      });
+    }, m = async (n) => {
+      const {
+        currentPage: i
+      } = a;
+      n.openPageSettingPanel();
+      const s = await n.getPageById(i.id);
+      e(s);
+    }, P = () => {
+      var i;
+      const {
+        pageStatus: n
+      } = g;
+      if (n.state === N.Lock) {
+        const s = ((i = n.data) == null ? void 0 : i.username) || "";
+        _({
+          message: `您点击的页面被${s}锁定，暂时无法编辑，请联系解锁`,
+          status: "info"
+        });
+        return;
+      }
+      r(p.AppManage).then((s) => {
+        if (c()) {
+          l({
+            title: "提示",
+            message: "当前页面尚未保存，是否要继续切换?",
+            exec: () => {
+              m(s);
+            }
+          });
+          return;
+        }
+        m(s);
+      });
+    };
+    return {
+      openSetting: () => t() ? f() : P(),
+      isBlock: t
+    };
+  }
+}, I = (a, t) => {
+  const o = a.__vccOpts || a;
+  for (const [e, c] of t)
+    o[e] = c;
+  return o;
+}, L = { class: "toolbar-itm-clean" };
+function T(a, t, o, e, c, p) {
+  const r = u("svg-icon"), g = u("tiny-popover");
+  return x(), A("div", L, [
+    d(g, {
+      trigger: "hover",
+      "open-delay": 1e3,
+      "popper-class": "toolbar-right-popover",
+      "append-to-body": "",
+      content: e.isBlock() ? "区块设置" : "页面设置"
+    }, {
+      reference: E(() => [
+        M("span", {
+          class: "icon",
+          onClick: t[0] || (t[0] = (...l) => e.openSetting && e.openSetting(...l))
+        }, [
+          d(r, { name: o.icon }, null, 8, ["name"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["content"])
+  ]);
+}
+const w = /* @__PURE__ */ I(b, [["render", T]]), $ = {
+  id: "setting",
+  title: "setting",
+  icon: "",
+  align: "right",
+  component: w
+};
+export {
+  $ as default
+};

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@opentiny/tiny-engine-toolbar-setting",
+  "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"
+  }
+}