@opentiny/tiny-engine-toolbar-breadcrumb 2.4.0 → 2.5.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +189 -80
  2. package/dist/style.css +1 -1
  3. package/package.json +6 -6
package/dist/index.js CHANGED
@@ -1,15 +1,25 @@
1
1
  import "./style.css";
2
- import { reactive as S, computed as h, resolveComponent as l, createBlock as p, openBlock as i, withCtx as m, createElementVNode as f, createVNode as C, createCommentVNode as v, normalizeClass as E, createElementBlock as N, Fragment as O, renderList as A, createTextVNode as D, toDisplayString as I, ref as L } from "vue";
3
- import { Button as K, BreadcrumbItem as P, Breadcrumb as X } from "@opentiny/vue";
4
- import { useLayout as x, useBreadcrumb as G, useBlock as B, HOOK_NAME as w } from "@opentiny/tiny-engine-meta-register";
5
- import { ToolbarBase as V, BlockDeployDialog as F } from "@opentiny/tiny-engine-common";
6
- const z = {
2
+ import { useLayout as k, useBreadcrumb as y, callEntry as b, useBlock as u, HOOK_NAME as L } from "@opentiny/tiny-engine-meta-register";
3
+ import { reactive as P, computed as K, resolveComponent as _, createBlock as N, openBlock as D, withCtx as T, createElementVNode as x, createVNode as A, createCommentVNode as X, normalizeClass as G, createElementBlock as w, Fragment as V, renderList as F, createTextVNode as I, toDisplayString as z, ref as M } from "vue";
4
+ import { Button as U, BreadcrumbItem as j, Breadcrumb as H } from "@opentiny/vue";
5
+ import { ToolbarBase as C, BlockDeployDialog as S } from "@opentiny/tiny-engine-common";
6
+ const f = {
7
+ id: "engine.toolbars.breadcrumb",
8
+ type: "toolbars",
9
+ title: "breadcrumb",
10
+ options: {
11
+ icon: {
12
+ default: ""
13
+ },
14
+ renderType: "slot"
15
+ }
16
+ }, q = {
7
17
  components: {
8
- TinyBreadcrumb: X,
9
- TinyBreadcrumbItem: P,
10
- BlockDeployDialog: F,
11
- TinyButton: K,
12
- ToolbarBase: V
18
+ TinyBreadcrumb: H,
19
+ TinyBreadcrumbItem: j,
20
+ BlockDeployDialog: S,
21
+ TinyButton: U,
22
+ ToolbarBase: C
13
23
  },
14
24
  props: {
15
25
  options: {
@@ -21,55 +31,131 @@ const z = {
21
31
  const t = {
22
32
  PAGEID: "engine.plugins.appmanage",
23
33
  BLOCKID: "engine.plugins.blockmanage"
24
- }, { layoutState: o } = x(), { plugins: r } = o || {}, e = S({
34
+ }, {
35
+ layoutState: o
36
+ } = k(), {
37
+ plugins: a
38
+ } = o || {}, e = P({
25
39
  showDeployBlock: !1
26
- }), { CONSTANTS: c, getBreadcrumbData: k } = G(), s = k(), u = () => {
40
+ }), {
41
+ CONSTANTS: n,
42
+ getBreadcrumbData: g
43
+ } = y(), c = g(), l = b(() => {
27
44
  e.showDeployBlock = !0;
28
- }, b = () => {
29
- r && (r.render = s.value[0] === c.PAGETEXT ? t.PAGEID : t.BLOCKID);
30
- }, d = h(() => {
31
- var a, n, g;
32
- return (g = (n = (a = B) == null ? void 0 : a()) == null ? void 0 : n.getCurrentBlock) == null ? void 0 : g.call(n);
45
+ }, {
46
+ metaData: {
47
+ id: `${f.id}.publishBlock`
48
+ },
49
+ ctx: () => ({
50
+ PLUGINS_ID: t,
51
+ layoutState: o,
52
+ plugins: a,
53
+ state: e,
54
+ CONSTANTS: n,
55
+ getBreadcrumbData: g,
56
+ breadcrumbData: c,
57
+ publishBlock: l,
58
+ open: i,
59
+ currentBlock: m,
60
+ handleChangeSchema: d,
61
+ useBreadcrumb: y,
62
+ useLayout: k,
63
+ useBlock: u,
64
+ ToolbarBase: C,
65
+ BlockDeployDialog: S
66
+ })
67
+ }), i = b(() => {
68
+ a && (a.render = c.value[0] === n.PAGETEXT ? t.PAGEID : t.BLOCKID);
69
+ }, {
70
+ metaData: {
71
+ id: `${f.id}.open`
72
+ },
73
+ ctx: () => ({
74
+ PLUGINS_ID: t,
75
+ layoutState: o,
76
+ plugins: a,
77
+ state: e,
78
+ CONSTANTS: n,
79
+ getBreadcrumbData: g,
80
+ breadcrumbData: c,
81
+ publishBlock: l,
82
+ open: i,
83
+ currentBlock: m,
84
+ handleChangeSchema: d,
85
+ useBreadcrumb: y,
86
+ useLayout: k,
87
+ useBlock: u,
88
+ ToolbarBase: C,
89
+ BlockDeployDialog: S
90
+ })
91
+ }), m = K(() => {
92
+ var s, r, O;
93
+ return (O = (r = (s = u) == null ? void 0 : s()) == null ? void 0 : r.getCurrentBlock) == null ? void 0 : O.call(r);
94
+ }), d = b((s) => {
95
+ u().initBlock({
96
+ ...u().getCurrentBlock(),
97
+ content: s
98
+ });
99
+ }, {
100
+ metaData: {
101
+ id: `${f.id}.handleChangeSchema`
102
+ },
103
+ ctx: () => ({
104
+ PLUGINS_ID: t,
105
+ layoutState: o,
106
+ plugins: a,
107
+ state: e,
108
+ CONSTANTS: n,
109
+ getBreadcrumbData: g,
110
+ breadcrumbData: c,
111
+ publishBlock: l,
112
+ open: i,
113
+ currentBlock: m,
114
+ handleChangeSchema: d,
115
+ useBreadcrumb: y,
116
+ useLayout: k,
117
+ useBlock: u,
118
+ ToolbarBase: C,
119
+ BlockDeployDialog: S
120
+ })
33
121
  });
34
122
  return {
35
- breadcrumbData: s,
36
- publishBlock: u,
123
+ breadcrumbData: c,
124
+ publishBlock: l,
37
125
  state: e,
38
- CONSTANTS: c,
39
- open: b,
40
- currentBlock: d,
41
- handleChangeSchema: (a) => {
42
- B().initBlock({ ...B().getCurrentBlock(), content: a });
43
- }
126
+ CONSTANTS: n,
127
+ open: i,
128
+ currentBlock: m,
129
+ handleChangeSchema: d
44
130
  };
45
131
  }
46
- }, M = (t, o) => {
47
- const r = t.__vccOpts || t;
48
- for (const [e, c] of o)
49
- r[e] = c;
50
- return r;
51
- }, U = { class: "top-panel-breadcrumb" };
52
- function j(t, o, r, e, c, k) {
53
- const s = l("tiny-breadcrumb-item"), u = l("tiny-breadcrumb"), b = l("tiny-button"), d = l("block-deploy-dialog"), T = l("toolbar-base");
54
- return i(), p(T, { options: r.options }, {
55
- default: m(() => {
56
- var a;
132
+ }, J = (t, o) => {
133
+ const a = t.__vccOpts || t;
134
+ for (const [e, n] of o)
135
+ a[e] = n;
136
+ return a;
137
+ }, Q = { class: "top-panel-breadcrumb" };
138
+ function R(t, o, a, e, n, g) {
139
+ const c = _("tiny-breadcrumb-item"), l = _("tiny-breadcrumb"), i = _("tiny-button"), m = _("block-deploy-dialog"), d = _("toolbar-base");
140
+ return D(), N(d, { options: a.options }, {
141
+ default: T(() => {
142
+ var s;
57
143
  return [
58
- f("div", U, [
59
- f("div", {
60
- class: E([
144
+ x("div", Q, [
145
+ x("div", {
146
+ class: G([
61
147
  "top-panel-breadcrumb-title",
62
148
  { "top-panel-breadcrumb-title-block": e.breadcrumbData[0] === e.CONSTANTS.BLOCKTEXT }
63
149
  ])
64
150
  }, [
65
- C(u, {
151
+ A(l, {
66
152
  separator: "：",
67
153
  onSelect: e.open
68
154
  }, {
69
- default: m(() => [
70
- (i(!0), N(O, null, A(e.breadcrumbData.slice(0, 2), (n) => (i(), p(s, { key: n }, {
71
- default: m(() => [
72
- D(I(n), 1)
155
+ default: T(() => [
156
+ (D(!0), w(V, null, F(e.breadcrumbData.slice(0, 2), (r) => (D(), N(c, { key: r }, {
157
+ default: T(() => [
158
+ I(z(r), 1)
73
159
  ]),
74
160
  _: 2
75
161
  }, 1024))), 128))
@@ -77,22 +163,22 @@ function j(t, o, r, e, c, k) {
77
163
  _: 1
78
164
  }, 8, ["onSelect"])
79
165
  ], 2),
80
- e.breadcrumbData[0] === e.CONSTANTS.BLOCKTEXT && ((a = e.currentBlock) != null && a.id) ? (i(), p(b, {
166
+ e.breadcrumbData[0] === e.CONSTANTS.BLOCKTEXT && ((s = e.currentBlock) != null && s.id) ? (D(), N(i, {
81
167
  key: 0,
82
168
  class: "publish",
83
- onClick: o[0] || (o[0] = (n) => e.publishBlock()),
169
+ onClick: o[0] || (o[0] = (r) => e.publishBlock()),
84
170
  type: "primary",
85
171
  size: "small"
86
172
  }, {
87
- default: m(() => o[2] || (o[2] = [
88
- D("发布区块 ")
173
+ default: T(() => o[2] || (o[2] = [
174
+ I("发布区块 ")
89
175
  ])),
90
176
  _: 1
91
- })) : v("", !0)
177
+ })) : X("", !0)
92
178
  ]),
93
- C(d, {
179
+ A(m, {
94
180
  visible: e.state.showDeployBlock,
95
- "onUpdate:visible": o[1] || (o[1] = (n) => e.state.showDeployBlock = n),
181
+ "onUpdate:visible": o[1] || (o[1] = (r) => e.state.showDeployBlock = r),
96
182
  block: e.currentBlock,
97
183
  onChangeSchema: e.handleChangeSchema
98
184
  }, null, 8, ["visible", "block", "onChangeSchema"])
@@ -101,41 +187,64 @@ function j(t, o, r, e, c, k) {
101
187
  _: 1
102
188
  }, 8, ["options"]);
103
189
  }
104
- const H = /* @__PURE__ */ M(z, [["render", j], ["__scopeId", "data-v-47dff162"]]), q = {
105
- id: "engine.toolbars.breadcrumb",
106
- type: "toolbars",
107
- title: "breadcrumb",
108
- options: {
109
- icon: {
110
- default: ""
111
- },
112
- renderType: "slot"
113
- }
114
- }, _ = L([]), y = {
190
+ const W = /* @__PURE__ */ J(q, [["render", R], ["__scopeId", "data-v-4651b9e2"]]), p = M([]), B = {
115
191
  PAGETEXT: "页面",
116
192
  BLOCKTEXT: "区块"
117
- }, J = (t) => {
118
- _.value = [y.PAGETEXT, ...t], sessionStorage.setItem("pageInfo", t);
119
- }, Q = (t) => {
120
- _.value = [y.BLOCKTEXT, ...t];
121
- }, R = () => _, W = () => ({
122
- CONSTANTS: y,
123
- setBreadcrumbPage: J,
124
- setBreadcrumbBlock: Q,
125
- getBreadcrumbData: R
126
- }), Y = {
193
+ }, v = b((t) => {
194
+ p.value = [B.PAGETEXT, ...t], sessionStorage.setItem("pageInfo", t);
195
+ }, {
196
+ metaData: {
197
+ id: "engine.service.breadcrumb.setBreadcrumbPage"
198
+ },
199
+ ctx: () => ({
200
+ breadcrumbData: p,
201
+ CONSTANTS: B,
202
+ setBreadcrumbPage: v,
203
+ setBreadcrumbBlock: h,
204
+ getBreadcrumbData: E
205
+ })
206
+ }), h = b((t) => {
207
+ p.value = [B.BLOCKTEXT, ...t];
208
+ }, {
209
+ metaData: {
210
+ id: "engine.service.breadcrumb.setBreadcrumbBlock"
211
+ },
212
+ ctx: () => ({
213
+ breadcrumbData: p,
214
+ CONSTANTS: B,
215
+ setBreadcrumbPage: v,
216
+ setBreadcrumbBlock: h,
217
+ getBreadcrumbData: E
218
+ })
219
+ }), E = b(() => p, {
220
+ metaData: {
221
+ id: "engine.service.breadcrumb.getBreadcrumbData"
222
+ },
223
+ ctx: () => ({
224
+ breadcrumbData: p,
225
+ CONSTANTS: B,
226
+ setBreadcrumbPage: v,
227
+ setBreadcrumbBlock: h,
228
+ getBreadcrumbData: E
229
+ })
230
+ }), Y = () => ({
231
+ CONSTANTS: B,
232
+ setBreadcrumbPage: v,
233
+ setBreadcrumbBlock: h,
234
+ getBreadcrumbData: E
235
+ }), Z = {
127
236
  id: "engine.service.breadcrumb",
128
237
  type: "MetaService",
129
- apis: W(),
238
+ apis: Y(),
130
239
  composable: {
131
- name: w.useBreadcrumb
240
+ name: L.useBreadcrumb
132
241
  }
133
- }, ne = {
134
- ...q,
135
- entry: H,
136
- metas: [Y]
242
+ }, re = {
243
+ ...f,
244
+ entry: W,
245
+ metas: [Z]
137
246
  };
138
247
  export {
139
- Y as BreadcrumbService,
140
- ne as default
248
+ Z as BreadcrumbService,
249
+ re as default
141
250
  };
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .top-panel-breadcrumb[data-v-47dff162]{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-47dff162]{height:28px;padding:0 8px;background-color:var(--te-toolbars-breadcrumb-bg-color);display:flex;border-radius:4px}.top-panel-breadcrumb-title[data-v-47dff162] .reference-wrapper{line-height:22px}.top-panel-breadcrumb .tiny-breadcrumb[data-v-47dff162]{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-47dff162]{cursor:inherit;-webkit-user-select:none;user-select:none}.top-panel-breadcrumb .tiny-breadcrumb__item[data-v-47dff162] .tiny-breadcrumb__inner{color:var(--te-toolbars-breadcrumb-text-color);text-decoration:none;cursor:pointer}.top-panel-breadcrumb .tiny-breadcrumb__item[data-v-47dff162] .tiny-breadcrumb__separator{padding:0;margin:0 4px 0 0}.top-panel-breadcrumb .tiny-breadcrumb__item[data-v-47dff162]:last-child .tiny-breadcrumb__inner{font-weight:400;color:var(--te-toolbars-breadcrumb-text-color)}.top-panel-breadcrumb-title-block[data-v-47dff162]{background-color:var(--te-toolbars-breadcrumb-block-bg-color)}.top-panel-breadcrumb-title-block .tiny-breadcrumb__item[data-v-47dff162] .tiny-breadcrumb__inner{color:var(--te-toolbars-breadcrumb-block-text-color)}.top-panel-breadcrumb-title-block .tiny-breadcrumb__item[data-v-47dff162]:last-child .tiny-breadcrumb__inner{color:var(--te-toolbars-breadcrumb-block-text-color)}.top-panel-breadcrumb-title-block[data-v-47dff162]:hover{background-color:var(--te-toolbars-breadcrumb-block-bg-color-hover)}.top-panel-breadcrumb .publish[data-v-47dff162]{margin:0 8px;height:24px;line-height:24px;min-width:40px;font-size:12px}:root{--te-toolbars-breadcrumb-bg-color: var(--te-common-bg-prompt);--te-toolbars-breadcrumb-block-bg-color: var(--te-common-color-prompt-secondary);--te-toolbars-breadcrumb-block-bg-color-hover: var(--te-common-bg-purple-hover);--te-toolbars-breadcrumb-text-color: var(--te-common-text-primary);--te-toolbars-breadcrumb-block-text-color: var(--te-common-text-purple)}
1
+ .top-panel-breadcrumb[data-v-4651b9e2]{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-4651b9e2]{height:28px;padding:0 8px;background-color:var(--te-toolbars-breadcrumb-bg-color);display:flex;border-radius:4px}.top-panel-breadcrumb-title[data-v-4651b9e2] .reference-wrapper{line-height:22px}.top-panel-breadcrumb .tiny-breadcrumb[data-v-4651b9e2]{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-4651b9e2]{cursor:inherit;-webkit-user-select:none;user-select:none}.top-panel-breadcrumb .tiny-breadcrumb__item[data-v-4651b9e2] .tiny-breadcrumb__inner{color:var(--te-toolbars-breadcrumb-text-color);text-decoration:none;cursor:pointer}.top-panel-breadcrumb .tiny-breadcrumb__item[data-v-4651b9e2] .tiny-breadcrumb__separator{padding:0;margin:0 4px 0 0}.top-panel-breadcrumb .tiny-breadcrumb__item[data-v-4651b9e2]:last-child .tiny-breadcrumb__inner{font-weight:400;color:var(--te-toolbars-breadcrumb-text-color)}.top-panel-breadcrumb-title-block[data-v-4651b9e2]{background-color:var(--te-toolbars-breadcrumb-block-bg-color)}.top-panel-breadcrumb-title-block .tiny-breadcrumb__item[data-v-4651b9e2] .tiny-breadcrumb__inner{color:var(--te-toolbars-breadcrumb-block-text-color)}.top-panel-breadcrumb-title-block .tiny-breadcrumb__item[data-v-4651b9e2]:last-child .tiny-breadcrumb__inner{color:var(--te-toolbars-breadcrumb-block-text-color)}.top-panel-breadcrumb-title-block[data-v-4651b9e2]:hover{background-color:var(--te-toolbars-breadcrumb-block-bg-color-hover)}.top-panel-breadcrumb .publish[data-v-4651b9e2]{margin:0 8px;height:24px;line-height:24px;min-width:40px;font-size:12px}:root{--te-toolbars-breadcrumb-bg-color: var(--te-common-bg-prompt);--te-toolbars-breadcrumb-block-bg-color: var(--te-common-color-prompt-secondary);--te-toolbars-breadcrumb-block-bg-color-hover: var(--te-common-bg-purple-hover);--te-toolbars-breadcrumb-text-color: var(--te-common-text-primary);--te-toolbars-breadcrumb-block-text-color: var(--te-common-text-purple)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opentiny/tiny-engine-toolbar-breadcrumb",
3
- "version": "2.4.0",
3
+ "version": "2.5.0-alpha.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -25,12 +25,12 @@
25
25
  "license": "MIT",
26
26
  "homepage": "https://opentiny.design/tiny-engine",
27
27
  "dependencies": {
28
- "@opentiny/tiny-engine-common": "2.4.0",
29
- "@opentiny/tiny-engine-meta-register": "2.4.0",
30
- "@opentiny/tiny-engine-utils": "2.4.0"
28
+ "@opentiny/tiny-engine-common": "2.5.0-alpha.0",
29
+ "@opentiny/tiny-engine-meta-register": "2.5.0-alpha.0",
30
+ "@opentiny/tiny-engine-utils": "2.5.0-alpha.0"
31
31
  },
32
32
  "devDependencies": {
33
- "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.4.0",
33
+ "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.5.0-alpha.0",
34
34
  "@vitejs/plugin-vue": "^5.1.2",
35
35
  "@vitejs/plugin-vue-jsx": "^4.0.1",
36
36
  "vite": "^5.4.2"
@@ -39,5 +39,5 @@
39
39
  "@opentiny/vue": "^3.20.0",
40
40
  "vue": "^3.4.15"
41
41
  },
42
- "gitHead": "477aa411da11a4f95712e3e5c251d97cae23f4ad"
42
+ "gitHead": "ae59c82734d79f650c9221cb9702714814b099c8"
43
43
  }