@opentiny/tiny-engine-toolbar-breadcrumb 1.0.3 → 2.0.0-alpha.1

package/dist/index.js

@@ -1,84 +1,121 @@
 import "./style.css";
-import { reactive as k, computed as v, resolveComponent as i, openBlock as m, createElementBlock as p, Fragment as _, createElementVNode as T, createVNode as y, withCtx as u, renderList as D, createBlock as f, createTextVNode as B, toDisplayString as x, createCommentVNode as g } from "vue";
-import { Breadcrumb as N, BreadcrumbItem as V, Button as h } from "@opentiny/vue";
-import { useBreadcrumb as C } from "@opentiny/tiny-engine-controller";
-import { BlockDeployDialog as w } from "@opentiny/tiny-engine-common";
-const S = (r, t) => {
-  const n = r.__vccOpts || r;
+import { reactive as N, computed as C, resolveComponent as l, openBlock as i, createElementBlock as f, Fragment as v, createElementVNode as D, createVNode as k, withCtx as b, renderList as x, createBlock as E, createTextVNode as S, toDisplayString as I, createCommentVNode as O, ref as A } from "vue";
+import { Breadcrumb as L, BreadcrumbItem as V, Button as P } from "@opentiny/vue";
+import { useLayout as h, useBreadcrumb as w, HOOK_NAME as G } from "@opentiny/tiny-engine-meta-register";
+import { BlockDeployDialog as K } from "@opentiny/tiny-engine-common";
+const X = (o, t) => {
+  const r = o.__vccOpts || o;
   for (const [e, a] of t)
-    n[e] = a;
-  return n;
-}, E = {
+    r[e] = a;
+  return r;
+}, M = {
   components: {
-    TinyBreadcrumb: N,
+    TinyBreadcrumb: L,
     TinyBreadcrumbItem: V,
-    BlockDeployDialog: w,
-    TinyButton: h
+    BlockDeployDialog: K,
+    TinyButton: P
   },
   setup() {
-    const r = k({
+    const o = {
+      PAGEID: "engine.plugins.appmanage",
+      BLOCKID: "engine.plugins.blockmanage"
+    }, { layoutState: t } = h(), { plugins: r } = t || {}, e = N({
       showDeployBlock: !1
-    }), { CONSTANTS: t, getBreadcrumbData: n } = C(), e = n(), a = () => {
-      r.showDeployBlock = !0;
-    }, b = v(() => {
-      const d = n().value[2] || [];
-      let l = "1.0.0", s = 0;
-      return d.forEach((c) => {
-        const o = new Date(c.created_at).getTime();
-        o > s && (s = o, l = c.version);
-      }), l.replace(/\d+$/, (c) => Number(c) + 1);
+    }), { CONSTANTS: a, getBreadcrumbData: m } = w(), c = m(), u = () => {
+      e.showDeployBlock = !0;
+    }, d = C(() => {
+      const n = m().value[2] || [];
+      let y = "1.0.0", T = 0;
+      return n.forEach((s) => {
+        const g = new Date(s.created_at).getTime();
+        g > T && (T = g, y = s.version);
+      }), y.replace(/\d+$/, (s) => Number(s) + 1);
     });
     return {
-      breadcrumbData: e,
-      publishBlock: a,
-      state: r,
-      nextVersion: b,
-      CONSTANTS: t
+      breadcrumbData: c,
+      publishBlock: u,
+      state: e,
+      nextVersion: d,
+      CONSTANTS: a,
+      open: () => {
+        r && (r.render = c.value[0] === a.PAGETEXT ? o.PAGEID : o.BLOCKID);
+      }
     };
   }
-}, O = { class: "top-panel-breadcrumb" };
-function I(r, t, n, e, a, b) {
-  const d = i("tiny-breadcrumb-item"), l = i("tiny-breadcrumb"), s = i("tiny-button"), c = i("block-deploy-dialog");
-  return m(), p(_, null, [
-    T("div", O, [
-      y(l, { separator: "：" }, {
-        default: u(() => [
-          (m(!0), p(_, null, D(e.breadcrumbData.slice(0, 2), (o) => (m(), f(d, { key: o }, {
-            default: u(() => [
-              B(x(o), 1)
-            ]),
-            _: 2
-          }, 1024))), 128))
-        ]),
-        _: 1
-      }),
-      e.breadcrumbData[0] === e.CONSTANTS.BLOCKTEXT ? (m(), f(s, {
+}, U = { class: "top-panel-breadcrumb" }, z = { class: "top-panel-breadcrumb-title" };
+function F(o, t, r, e, a, m) {
+  const c = l("tiny-breadcrumb-item"), u = l("tiny-breadcrumb"), d = l("tiny-button"), B = l("block-deploy-dialog");
+  return i(), f(v, null, [
+    D("div", U, [
+      D("div", z, [
+        k(u, {
+          separator: "：",
+          onSelect: e.open
+        }, {
+          default: b(() => [
+            (i(!0), f(v, null, x(e.breadcrumbData.slice(0, 2), (n) => (i(), E(c, { key: n }, {
+              default: b(() => [
+                S(I(n), 1)
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          _: 1
+        }, 8, ["onSelect"])
+      ]),
+      e.breadcrumbData[0] === e.CONSTANTS.BLOCKTEXT ? (i(), E(d, {
         key: 0,
         class: "publish",
-        onClick: t[0] || (t[0] = (o) => e.publishBlock()),
+        onClick: t[0] || (t[0] = (n) => e.publishBlock()),
         type: "primary",
         size: "small"
       }, {
-        default: u(() => [
-          B("发布区块")
-        ]),
+        default: b(() => t[2] || (t[2] = [
+          S("区块")
+        ])),
         _: 1
-      })) : g("", !0)
+      })) : O("", !0)
     ]),
-    y(c, {
+    k(B, {
       visible: e.state.showDeployBlock,
-      "onUpdate:visible": t[1] || (t[1] = (o) => e.state.showDeployBlock = o),
+      "onUpdate:visible": t[1] || (t[1] = (n) => e.state.showDeployBlock = n),
       nextVersion: e.nextVersion
     }, null, 8, ["visible", "nextVersion"])
   ], 64);
 }
-const L = /* @__PURE__ */ S(E, [["render", I], ["__scopeId", "data-v-a3e6939f"]]), U = {
-  id: "breadcrumb",
+const H = /* @__PURE__ */ X(M, [["render", F], ["__scopeId", "data-v-d83c9985"]]), j = {
+  id: "engine.toolbars.breadcrumb",
+  type: "toolbars",
   title: "breadcrumb",
   icon: "",
-  align: "left",
-  component: L
+  align: "left"
+};
+let p = A([]);
+const _ = {
+  PAGETEXT: "页面",
+  BLOCKTEXT: "区块"
+}, q = (o) => {
+  p.value = [_.PAGETEXT, ...o], sessionStorage.setItem("pageInfo", o);
+}, J = (o, t = []) => {
+  p.value = [_.BLOCKTEXT, ...o, t];
+}, Q = () => p, R = () => ({
+  CONSTANTS: _,
+  setBreadcrumbPage: q,
+  setBreadcrumbBlock: J,
+  getBreadcrumbData: Q
+}), W = {
+  id: "engine.service.breadcrumb",
+  type: "MetaService",
+  apis: R(),
+  composable: {
+    name: G.useBreadcrumb
+  }
+}, oe = {
+  ...j,
+  entry: H,
+  metas: [W]
 };
 export {
-  U as default
+  W as BreadcrumbService,
+  oe as default
 };

package/dist/style.css

@@ -1 +1 @@
-.top-panel-breadcrumb[data-v-a3e6939f]{display:flex;justify-content:flex-start;align-items:center;width:auto;height:100%}.top-panel-breadcrumb .breadcrumb-label[data-v-a3e6939f]{color:var(--ti-lowcode-toolbar-title-color);border-right:1px solid var(--ti-lowcode-toolbar-border-color);margin:0 6px;padding-right:6px;line-height:1}.top-panel-breadcrumb .tiny-breadcrumb[data-v-a3e6939f]{height:100%;line-height:var(--base-top-panel-height);padding:0 24px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;cursor:inherit}.top-panel-breadcrumb .tiny-breadcrumb__item[data-v-a3e6939f]{cursor:inherit;-webkit-user-select:none;user-select:none}.top-panel-breadcrumb .tiny-breadcrumb__item[data-v-a3e6939f] .tiny-breadcrumb__inner{color:var(--ti-lowcode-toolbar-title-color);text-decoration:none}.top-panel-breadcrumb .tiny-breadcrumb__item[data-v-a3e6939f] .tiny-breadcrumb__separator{padding:0;margin:0}.top-panel-breadcrumb .tiny-breadcrumb__item[data-v-a3e6939f]:last-child .tiny-breadcrumb__inner{font-weight:400;color:var(--ti-lowcode-toolbar-title-color)}
+.top-panel-breadcrumb[data-v-d83c9985]{padding-left:12px;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;width:auto;height:100%;margin-right:3px;cursor:pointer}.top-panel-breadcrumb-title[data-v-d83c9985]{height:28px;padding:0 8px;background-color:var(--ti-lowcode-toolbar-breadcrumb-bg);display:flex;border-radius:4px}.top-panel-breadcrumb-title[data-v-d83c9985] .reference-wrapper{line-height:22px}.top-panel-breadcrumb-title[data-v-d83c9985]:hover{background-color:var(--ti-lowcode-toolbar-breadcrumb-bg-hover)}.top-panel-breadcrumb .tiny-breadcrumb[data-v-d83c9985]{line-height:var(--base-top-panel-breadcrumb-line-height);padding-right:4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:12px;cursor:inherit}.top-panel-breadcrumb .tiny-breadcrumb__item[data-v-d83c9985]{cursor:inherit;-webkit-user-select:none;user-select:none}.top-panel-breadcrumb .tiny-breadcrumb__item[data-v-d83c9985] .tiny-breadcrumb__inner{color:var(--ti-lowcode-toolbar-breadcrumb-left-color);text-decoration:none;cursor:pointer}.top-panel-breadcrumb .tiny-breadcrumb__item[data-v-d83c9985] .tiny-breadcrumb__separator{padding:0;margin:0 4px 0 0}.top-panel-breadcrumb .tiny-breadcrumb__item[data-v-d83c9985]:last-child .tiny-breadcrumb__inner{font-weight:400;color:var(--ti-lowcode-toolbar-breadcrumb-left-color)}.top-panel-breadcrumb .publish[data-v-d83c9985]{margin-left:8px;height:28px;line-height:28px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-breadcrumb",
-  "version": "1.0.3",
+  "version": "2.0.0-alpha.1",
   "publishConfig": {
     "access": "public"
   },
@@ -24,17 +24,20 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "1.0.2",
-    "@opentiny/tiny-engine-controller": "1.0.3",
-    "@opentiny/vue": "~3.10.0"
+    "@opentiny/tiny-engine-common": "2.0.0-alpha.1",
+    "@opentiny/tiny-engine-http": "2.0.0-alpha.1",
+    "@opentiny/tiny-engine-meta-register": "2.0.0-alpha.1",
+    "@opentiny/tiny-engine-utils": "2.0.0-alpha.1"
   },
   "devDependencies": {
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-alpha.1",
     "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^1.3.10",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
   },
   "peerDependencies": {
+    "@opentiny/vue": "^3.14.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "9a6cce3988accb39c97a9a21169c022c65a8e27f"
+  "gitHead": "f15ccc5dde391288bf4297e3ffc35aab52651f3d"
 }