@opentiny/tiny-engine-toolbar-setting 2.0.0-alpha.2 → 2.0.0-alpha.4

package/dist/index.js

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

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-setting",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.4",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
     "build": "vite build"
   },
+  "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "files": [
@@ -24,18 +25,19 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@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.4",
+    "@opentiny/tiny-engine-meta-register": "2.0.0-alpha.4",
+    "@opentiny/tiny-engine-utils": "2.0.0-alpha.4"
   },
   "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.4",
+    "@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": "14f9f41f9fa6a1b4962d0fcd3083798d842e8ff9"
 }