@opentiny/tiny-engine-toolbar-breadcrumb 1.0.1

package/dist/index.js

@@ -0,0 +1,84 @@
+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;
+  for (const [e, a] of t)
+    n[e] = a;
+  return n;
+}, E = {
+  components: {
+    TinyBreadcrumb: N,
+    TinyBreadcrumbItem: V,
+    BlockDeployDialog: w,
+    TinyButton: h
+  },
+  setup() {
+    const r = k({
+      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);
+    });
+    return {
+      breadcrumbData: e,
+      publishBlock: a,
+      state: r,
+      nextVersion: b,
+      CONSTANTS: t
+    };
+  }
+}, 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, {
+        key: 0,
+        class: "publish",
+        onClick: t[0] || (t[0] = (o) => e.publishBlock()),
+        type: "primary",
+        size: "small"
+      }, {
+        default: u(() => [
+          B("发布区块")
+        ]),
+        _: 1
+      })) : g("", !0)
+    ]),
+    y(c, {
+      visible: e.state.showDeployBlock,
+      "onUpdate:visible": t[1] || (t[1] = (o) => e.state.showDeployBlock = o),
+      nextVersion: e.nextVersion
+    }, null, 8, ["visible", "nextVersion"])
+  ], 64);
+}
+const L = /* @__PURE__ */ S(E, [["render", I], ["__scopeId", "data-v-a3e6939f"]]), U = {
+  id: "breadcrumb",
+  title: "breadcrumb",
+  icon: "",
+  align: "left",
+  component: L
+};
+export {
+  U as default
+};

package/dist/style.css

@@ -0,0 +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)}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@opentiny/tiny-engine-toolbar-breadcrumb",
+  "version": "1.0.1",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@opentiny/tiny-engine-controller": "^1.0.0",
+    "@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"
+  }
+}