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

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 +80 -189
  2. package/dist/style.css +1 -1
  3. package/package.json +6 -6
package/dist/index.js CHANGED
@@ -1,25 +1,15 @@
1
1
  import "./style.css";
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 = {
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 = {
17
7
  components: {
18
- TinyBreadcrumb: H,
19
- TinyBreadcrumbItem: j,
20
- BlockDeployDialog: S,
21
- TinyButton: U,
22
- ToolbarBase: C
8
+ TinyBreadcrumb: X,
9
+ TinyBreadcrumbItem: P,
10
+ BlockDeployDialog: F,
11
+ TinyButton: K,
12
+ ToolbarBase: V
23
13
  },
24
14
  props: {
25
15
  options: {
@@ -31,131 +21,55 @@ const f = {
31
21
  const t = {
32
22
  PAGEID: "engine.plugins.appmanage",
33
23
  BLOCKID: "engine.plugins.blockmanage"
34
- }, {
35
- layoutState: o
36
- } = k(), {
37
- plugins: a
38
- } = o || {}, e = P({
24
+ }, { layoutState: o } = x(), { plugins: r } = o || {}, e = S({
39
25
  showDeployBlock: !1
40
- }), {
41
- CONSTANTS: n,
42
- getBreadcrumbData: g
43
- } = y(), c = g(), l = b(() => {
26
+ }), { CONSTANTS: c, getBreadcrumbData: k } = G(), s = k(), u = () => {
44
27
  e.showDeployBlock = !0;
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
- })
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);
121
33
  });
122
34
  return {
123
- breadcrumbData: c,
124
- publishBlock: l,
35
+ breadcrumbData: s,
36
+ publishBlock: u,
125
37
  state: e,
126
- CONSTANTS: n,
127
- open: i,
128
- currentBlock: m,
129
- handleChangeSchema: d
38
+ CONSTANTS: c,
39
+ open: b,
40
+ currentBlock: d,
41
+ handleChangeSchema: (a) => {
42
+ B().initBlock({ ...B().getCurrentBlock(), content: a });
43
+ }
130
44
  };
131
45
  }
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;
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;
143
57
  return [
144
- x("div", Q, [
145
- x("div", {
146
- class: G([
58
+ f("div", U, [
59
+ f("div", {
60
+ class: E([
147
61
  "top-panel-breadcrumb-title",
148
62
  { "top-panel-breadcrumb-title-block": e.breadcrumbData[0] === e.CONSTANTS.BLOCKTEXT }
149
63
  ])
150
64
  }, [
151
- A(l, {
65
+ C(u, {
152
66
  separator: "：",
153
67
  onSelect: e.open
154
68
  }, {
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)
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)
159
73
  ]),
160
74
  _: 2
161
75
  }, 1024))), 128))
@@ -163,22 +77,22 @@ function R(t, o, a, e, n, g) {
163
77
  _: 1
164
78
  }, 8, ["onSelect"])
165
79
  ], 2),
166
- e.breadcrumbData[0] === e.CONSTANTS.BLOCKTEXT && ((s = e.currentBlock) != null && s.id) ? (D(), N(i, {
80
+ e.breadcrumbData[0] === e.CONSTANTS.BLOCKTEXT && ((a = e.currentBlock) != null && a.id) ? (i(), p(b, {
167
81
  key: 0,
168
82
  class: "publish",
169
- onClick: o[0] || (o[0] = (r) => e.publishBlock()),
83
+ onClick: o[0] || (o[0] = (n) => e.publishBlock()),
170
84
  type: "primary",
171
85
  size: "small"
172
86
  }, {
173
- default: T(() => o[2] || (o[2] = [
174
- I("发布区块 ")
87
+ default: m(() => o[2] || (o[2] = [
88
+ D("发布区块 ")
175
89
  ])),
176
90
  _: 1
177
- })) : X("", !0)
91
+ })) : v("", !0)
178
92
  ]),
179
- A(m, {
93
+ C(d, {
180
94
  visible: e.state.showDeployBlock,
181
- "onUpdate:visible": o[1] || (o[1] = (r) => e.state.showDeployBlock = r),
95
+ "onUpdate:visible": o[1] || (o[1] = (n) => e.state.showDeployBlock = n),
182
96
  block: e.currentBlock,
183
97
  onChangeSchema: e.handleChangeSchema
184
98
  }, null, 8, ["visible", "block", "onChangeSchema"])
@@ -187,64 +101,41 @@ function R(t, o, a, e, n, g) {
187
101
  _: 1
188
102
  }, 8, ["options"]);
189
103
  }
190
- const W = /* @__PURE__ */ J(q, [["render", R], ["__scopeId", "data-v-4651b9e2"]]), p = M([]), B = {
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 = {
191
115
  PAGETEXT: "页面",
192
116
  BLOCKTEXT: "区块"
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 = {
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 = {
236
127
  id: "engine.service.breadcrumb",
237
128
  type: "MetaService",
238
- apis: Y(),
129
+ apis: W(),
239
130
  composable: {
240
- name: L.useBreadcrumb
131
+ name: w.useBreadcrumb
241
132
  }
242
- }, re = {
243
- ...f,
244
- entry: W,
245
- metas: [Z]
133
+ }, ne = {
134
+ ...q,
135
+ entry: H,
136
+ metas: [Y]
246
137
  };
247
138
  export {
248
- Z as BreadcrumbService,
249
- re as default
139
+ Y as BreadcrumbService,
140
+ ne as default
250
141
  };
package/dist/style.css CHANGED
@@ -1 +1 @@
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)}
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)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opentiny/tiny-engine-toolbar-breadcrumb",
3
- "version": "2.5.0-alpha.0",
3
+ "version": "2.5.0-alpha.10",
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.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"
28
+ "@opentiny/tiny-engine-common": "2.5.0-alpha.10",
29
+ "@opentiny/tiny-engine-meta-register": "2.5.0-alpha.10",
30
+ "@opentiny/tiny-engine-utils": "2.5.0-alpha.10"
31
31
  },
32
32
  "devDependencies": {
33
- "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.5.0-alpha.0",
33
+ "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.5.0-alpha.10",
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": "ae59c82734d79f650c9221cb9702714814b099c8"
42
+ "gitHead": "2996bc6580e943b29bcf4ca2c2213aa12e938f33"
43
43
  }