@opentiny/tiny-engine-toolbar-breadcrumb 2.6.0-alpha.9 → 2.6.0-rc.1
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.
- package/dist/index.js +78 -187
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +6 -6
package/dist/index.js
CHANGED
|
@@ -1,25 +1,15 @@
|
|
|
1
1
|
import "./style.css";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { ToolbarBase as
|
|
6
|
-
const
|
|
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 D, 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 I, createTextVNode as S, toDisplayString as A, 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 z } from "@opentiny/tiny-engine-common";
|
|
6
|
+
const M = {
|
|
17
7
|
components: {
|
|
18
|
-
TinyBreadcrumb:
|
|
19
|
-
TinyBreadcrumbItem:
|
|
20
|
-
BlockDeployDialog:
|
|
21
|
-
TinyButton:
|
|
22
|
-
ToolbarBase:
|
|
8
|
+
TinyBreadcrumb: X,
|
|
9
|
+
TinyBreadcrumbItem: P,
|
|
10
|
+
BlockDeployDialog: z,
|
|
11
|
+
TinyButton: K,
|
|
12
|
+
ToolbarBase: V
|
|
23
13
|
},
|
|
24
14
|
props: {
|
|
25
15
|
options: {
|
|
@@ -31,131 +21,55 @@ const H = {
|
|
|
31
21
|
const t = {
|
|
32
22
|
PAGEID: "engine.plugins.appmanage",
|
|
33
23
|
BLOCKID: "engine.plugins.blockmanage"
|
|
34
|
-
}, {
|
|
35
|
-
layoutState: a
|
|
36
|
-
} = k(), {
|
|
37
|
-
plugins: r
|
|
38
|
-
} = a || {}, e = L({
|
|
24
|
+
}, { layoutState: o } = x(), { plugins: r } = o || {}, e = D({
|
|
39
25
|
showDeployBlock: !1
|
|
40
|
-
}), {
|
|
41
|
-
CONSTANTS: n,
|
|
42
|
-
getBreadcrumbData: g
|
|
43
|
-
} = y(), c = g(), l = u(() => {
|
|
26
|
+
}), { CONSTANTS: c, getBreadcrumbData: k } = G(), s = k(), b = () => {
|
|
44
27
|
e.showDeployBlock = !0;
|
|
45
|
-
}, {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
PLUGINS_ID: t,
|
|
51
|
-
layoutState: a,
|
|
52
|
-
plugins: r,
|
|
53
|
-
state: e,
|
|
54
|
-
CONSTANTS: n,
|
|
55
|
-
getBreadcrumbData: g,
|
|
56
|
-
breadcrumbData: c,
|
|
57
|
-
publishBlock: l,
|
|
58
|
-
open: b,
|
|
59
|
-
currentBlock: i,
|
|
60
|
-
handleChangeSchema: m,
|
|
61
|
-
useBreadcrumb: y,
|
|
62
|
-
useLayout: k,
|
|
63
|
-
useBlock: d,
|
|
64
|
-
ToolbarBase: C,
|
|
65
|
-
BlockDeployDialog: S
|
|
66
|
-
})
|
|
67
|
-
}), b = u(() => {
|
|
68
|
-
r && (r.render = c.value[0] === n.PAGETEXT ? t.PAGEID : t.BLOCKID);
|
|
69
|
-
}, {
|
|
70
|
-
metaData: {
|
|
71
|
-
id: "engine.toolbars.breadcrumb.Main.open"
|
|
72
|
-
},
|
|
73
|
-
ctx: () => ({
|
|
74
|
-
PLUGINS_ID: t,
|
|
75
|
-
layoutState: a,
|
|
76
|
-
plugins: r,
|
|
77
|
-
state: e,
|
|
78
|
-
CONSTANTS: n,
|
|
79
|
-
getBreadcrumbData: g,
|
|
80
|
-
breadcrumbData: c,
|
|
81
|
-
publishBlock: l,
|
|
82
|
-
open: b,
|
|
83
|
-
currentBlock: i,
|
|
84
|
-
handleChangeSchema: m,
|
|
85
|
-
useBreadcrumb: y,
|
|
86
|
-
useLayout: k,
|
|
87
|
-
useBlock: d,
|
|
88
|
-
ToolbarBase: C,
|
|
89
|
-
BlockDeployDialog: S
|
|
90
|
-
})
|
|
91
|
-
}), i = P(() => {
|
|
92
|
-
var s, o, N;
|
|
93
|
-
return (N = (o = (s = d) == null ? void 0 : s()) == null ? void 0 : o.getCurrentBlock) == null ? void 0 : N.call(o);
|
|
94
|
-
}), m = u((s) => {
|
|
95
|
-
d().initBlock({
|
|
96
|
-
...d().getCurrentBlock(),
|
|
97
|
-
content: s
|
|
98
|
-
});
|
|
99
|
-
}, {
|
|
100
|
-
metaData: {
|
|
101
|
-
id: "engine.toolbars.breadcrumb.Main.handleChangeSchema"
|
|
102
|
-
},
|
|
103
|
-
ctx: () => ({
|
|
104
|
-
PLUGINS_ID: t,
|
|
105
|
-
layoutState: a,
|
|
106
|
-
plugins: r,
|
|
107
|
-
state: e,
|
|
108
|
-
CONSTANTS: n,
|
|
109
|
-
getBreadcrumbData: g,
|
|
110
|
-
breadcrumbData: c,
|
|
111
|
-
publishBlock: l,
|
|
112
|
-
open: b,
|
|
113
|
-
currentBlock: i,
|
|
114
|
-
handleChangeSchema: m,
|
|
115
|
-
useBreadcrumb: y,
|
|
116
|
-
useLayout: k,
|
|
117
|
-
useBlock: d,
|
|
118
|
-
ToolbarBase: C,
|
|
119
|
-
BlockDeployDialog: S
|
|
120
|
-
})
|
|
28
|
+
}, d = () => {
|
|
29
|
+
r && (r.render = s.value[0] === c.PAGETEXT ? t.PAGEID : t.BLOCKID);
|
|
30
|
+
}, u = 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:
|
|
124
|
-
publishBlock:
|
|
35
|
+
breadcrumbData: s,
|
|
36
|
+
publishBlock: b,
|
|
125
37
|
state: e,
|
|
126
|
-
CONSTANTS:
|
|
127
|
-
open:
|
|
128
|
-
currentBlock:
|
|
129
|
-
handleChangeSchema:
|
|
38
|
+
CONSTANTS: c,
|
|
39
|
+
open: d,
|
|
40
|
+
currentBlock: u,
|
|
41
|
+
handleChangeSchema: (a) => {
|
|
42
|
+
B().initBlock({ ...B().getCurrentBlock(), content: a });
|
|
43
|
+
}
|
|
130
44
|
};
|
|
131
45
|
}
|
|
132
|
-
},
|
|
46
|
+
}, U = (t, o) => {
|
|
133
47
|
const r = t.__vccOpts || t;
|
|
134
|
-
for (const [e,
|
|
135
|
-
r[e] =
|
|
48
|
+
for (const [e, c] of o)
|
|
49
|
+
r[e] = c;
|
|
136
50
|
return r;
|
|
137
|
-
},
|
|
138
|
-
function
|
|
139
|
-
const
|
|
140
|
-
return
|
|
141
|
-
default:
|
|
142
|
-
var
|
|
51
|
+
}, j = { class: "top-panel-breadcrumb" };
|
|
52
|
+
function F(t, o, r, e, c, k) {
|
|
53
|
+
const s = l("tiny-breadcrumb-item"), b = l("tiny-breadcrumb"), d = l("tiny-button"), u = 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
|
-
|
|
145
|
-
|
|
146
|
-
class:
|
|
58
|
+
f("div", j, [
|
|
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
|
-
|
|
65
|
+
C(b, {
|
|
152
66
|
separator: ":",
|
|
153
67
|
onSelect: e.open
|
|
154
68
|
}, {
|
|
155
|
-
default:
|
|
156
|
-
(
|
|
157
|
-
default:
|
|
158
|
-
|
|
69
|
+
default: m(() => [
|
|
70
|
+
(i(!0), N(O, null, I(e.breadcrumbData.slice(0, 2), (n) => (i(), p(s, { key: n }, {
|
|
71
|
+
default: m(() => [
|
|
72
|
+
S(A(n), 1)
|
|
159
73
|
]),
|
|
160
74
|
_: 2
|
|
161
75
|
}, 1024))), 128))
|
|
@@ -163,23 +77,23 @@ function R(t, a, r, e, n, g) {
|
|
|
163
77
|
_: 1
|
|
164
78
|
}, 8, ["onSelect"])
|
|
165
79
|
], 2),
|
|
166
|
-
e.breadcrumbData[0] === e.CONSTANTS.BLOCKTEXT && ((
|
|
80
|
+
e.breadcrumbData[0] === e.CONSTANTS.BLOCKTEXT && ((a = e.currentBlock) != null && a.id) ? (i(), p(d, {
|
|
167
81
|
key: 0,
|
|
168
82
|
class: "publish",
|
|
169
|
-
onClick:
|
|
83
|
+
onClick: o[0] || (o[0] = (n) => e.publishBlock()),
|
|
170
84
|
type: "primary",
|
|
171
85
|
size: "small"
|
|
172
86
|
}, {
|
|
173
|
-
default:
|
|
174
|
-
|
|
87
|
+
default: m(() => o[2] || (o[2] = [
|
|
88
|
+
S("发布区块 ")
|
|
175
89
|
])),
|
|
176
90
|
_: 1,
|
|
177
91
|
__: [2]
|
|
178
|
-
})) :
|
|
92
|
+
})) : v("", !0)
|
|
179
93
|
]),
|
|
180
|
-
|
|
94
|
+
C(u, {
|
|
181
95
|
visible: e.state.showDeployBlock,
|
|
182
|
-
"onUpdate:visible":
|
|
96
|
+
"onUpdate:visible": o[1] || (o[1] = (n) => e.state.showDeployBlock = n),
|
|
183
97
|
block: e.currentBlock,
|
|
184
98
|
onChangeSchema: e.handleChangeSchema
|
|
185
99
|
}, null, 8, ["visible", "block", "onChangeSchema"])
|
|
@@ -188,65 +102,42 @@ function R(t, a, r, e, n, g) {
|
|
|
188
102
|
_: 1
|
|
189
103
|
}, 8, ["options"]);
|
|
190
104
|
}
|
|
191
|
-
const
|
|
105
|
+
const H = /* @__PURE__ */ U(M, [["render", F], ["__scopeId", "data-v-47dff162"]]), q = {
|
|
106
|
+
id: "engine.toolbars.breadcrumb",
|
|
107
|
+
type: "toolbars",
|
|
108
|
+
title: "breadcrumb",
|
|
109
|
+
options: {
|
|
110
|
+
icon: {
|
|
111
|
+
default: ""
|
|
112
|
+
},
|
|
113
|
+
renderType: "slot"
|
|
114
|
+
}
|
|
115
|
+
}, _ = L([]), y = {
|
|
192
116
|
PAGETEXT: "页面",
|
|
193
117
|
BLOCKTEXT: "区块"
|
|
194
|
-
},
|
|
195
|
-
|
|
196
|
-
}, {
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
setBreadcrumbBlock: v,
|
|
205
|
-
getBreadcrumbData: h
|
|
206
|
-
})
|
|
207
|
-
}), v = u((t) => {
|
|
208
|
-
p.value = [B.BLOCKTEXT, ...t];
|
|
209
|
-
}, {
|
|
210
|
-
metaData: {
|
|
211
|
-
id: "engine.service.breadcrumb.useBreadcrumb.setBreadcrumbBlock"
|
|
212
|
-
},
|
|
213
|
-
ctx: () => ({
|
|
214
|
-
breadcrumbData: p,
|
|
215
|
-
CONSTANTS: B,
|
|
216
|
-
setBreadcrumbPage: f,
|
|
217
|
-
setBreadcrumbBlock: v,
|
|
218
|
-
getBreadcrumbData: h
|
|
219
|
-
})
|
|
220
|
-
}), h = u(() => p, {
|
|
221
|
-
metaData: {
|
|
222
|
-
id: "engine.service.breadcrumb.useBreadcrumb.getBreadcrumbData"
|
|
223
|
-
},
|
|
224
|
-
ctx: () => ({
|
|
225
|
-
breadcrumbData: p,
|
|
226
|
-
CONSTANTS: B,
|
|
227
|
-
setBreadcrumbPage: f,
|
|
228
|
-
setBreadcrumbBlock: v,
|
|
229
|
-
getBreadcrumbData: h
|
|
230
|
-
})
|
|
231
|
-
}), Y = () => ({
|
|
232
|
-
CONSTANTS: B,
|
|
233
|
-
setBreadcrumbPage: f,
|
|
234
|
-
setBreadcrumbBlock: v,
|
|
235
|
-
getBreadcrumbData: h
|
|
236
|
-
}), Z = {
|
|
118
|
+
}, J = (t) => {
|
|
119
|
+
_.value = [y.PAGETEXT, ...t], sessionStorage.setItem("pageInfo", t);
|
|
120
|
+
}, Q = (t) => {
|
|
121
|
+
_.value = [y.BLOCKTEXT, ...t];
|
|
122
|
+
}, R = () => _, W = () => ({
|
|
123
|
+
CONSTANTS: y,
|
|
124
|
+
setBreadcrumbPage: J,
|
|
125
|
+
setBreadcrumbBlock: Q,
|
|
126
|
+
getBreadcrumbData: R
|
|
127
|
+
}), Y = {
|
|
237
128
|
id: "engine.service.breadcrumb",
|
|
238
129
|
type: "MetaService",
|
|
239
|
-
apis:
|
|
130
|
+
apis: W(),
|
|
240
131
|
composable: {
|
|
241
|
-
name:
|
|
132
|
+
name: w.useBreadcrumb
|
|
242
133
|
}
|
|
243
|
-
},
|
|
244
|
-
...
|
|
245
|
-
entry:
|
|
246
|
-
metas: [
|
|
134
|
+
}, ne = {
|
|
135
|
+
...q,
|
|
136
|
+
entry: H,
|
|
137
|
+
metas: [Y]
|
|
247
138
|
};
|
|
248
139
|
export {
|
|
249
|
-
|
|
250
|
-
|
|
140
|
+
Y as BreadcrumbService,
|
|
141
|
+
ne as default
|
|
251
142
|
};
|
|
252
143
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../meta.js","../src/composable/index.ts","../index.ts"],"sourcesContent":["export default {\n id: 'engine.toolbars.breadcrumb',\n type: 'toolbars',\n title: 'breadcrumb',\n options: {\n icon: {\n default: ''\n },\n renderType: 'slot'\n }\n}\n","import { HOOK_NAME } from '@opentiny/tiny-engine-meta-register'\nimport useBreadcrumb from './useBreadcrumb'\n\nexport const BreadcrumbService = {\n id: 'engine.service.breadcrumb',\n type: 'MetaService',\n apis: useBreadcrumb(),\n composable: {\n name: HOOK_NAME.useBreadcrumb\n }\n}\n","/**\n * Copyright (c) 2023 - present TinyEngine Authors.\n * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.\n *\n * Use of this source code is governed by an MIT-style license.\n *\n * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,\n * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR\n * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.\n *\n */\n\nimport entry from './src/Main.vue'\nimport metaData from './meta'\nimport { BreadcrumbService } from './src/composable'\nimport './src/styles/vars.less'\n\nexport default {\n ...metaData,\n entry,\n metas: [BreadcrumbService]\n}\n\nexport { BreadcrumbService }\n"],"names":["metaData","BreadcrumbService","useBreadcrumb","HOOK_NAME","index","entry"],"mappings":";;;;;AAAA,MAAeA,IAAA;AAAA,EACb,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,IACP,MAAM;AAAA,MACJ,SAAS;AAAA,IACV;AAAA,IACD,YAAY;AAAA,EAChB;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICPaC,IAAoB;AAAA,EAC/B,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,MAAMC,EAAc;AAAA,EACpB,YAAY;AAAA,IACV,MAAMC,EAAU;AAAA,EAAA;AAEpB,GCOeC,KAAA;AAAA,EACb,GAAGJ;AAAA,EACH,OAAAK;AAAA,EACA,OAAO,CAACJ,CAAiB;AAC3B;"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/Main.vue","../meta.js","../src/composable/useBreadcrumb.ts","../src/composable/index.ts","../index.ts"],"sourcesContent":["<template>\n <toolbar-base :options=\"options\">\n <template #default>\n <div class=\"top-panel-breadcrumb\">\n <div\n :class=\"[\n 'top-panel-breadcrumb-title',\n { 'top-panel-breadcrumb-title-block': breadcrumbData[0] === CONSTANTS.BLOCKTEXT }\n ]\"\n >\n <tiny-breadcrumb separator=\":\" @select=\"open\">\n <tiny-breadcrumb-item v-for=\"item in breadcrumbData.slice(0, 2)\" :key=\"item\"\n >{{ item }}\n </tiny-breadcrumb-item>\n </tiny-breadcrumb>\n </div>\n\n <tiny-button\n class=\"publish\"\n v-if=\"breadcrumbData[0] === CONSTANTS.BLOCKTEXT && currentBlock?.id\"\n @click=\"publishBlock()\"\n type=\"primary\"\n size=\"small\"\n >发布区块\n </tiny-button>\n </div>\n <block-deploy-dialog\n v-model:visible=\"state.showDeployBlock\"\n :block=\"currentBlock\"\n @changeSchema=\"handleChangeSchema\"\n ></block-deploy-dialog>\n </template>\n </toolbar-base>\n</template>\n\n<script lang=\"ts\">\nimport { reactive, computed } from 'vue'\nimport { Breadcrumb, BreadcrumbItem, Button } from '@opentiny/vue'\nimport { useBreadcrumb, useLayout, useBlock } from '@opentiny/tiny-engine-meta-register'\nimport { ToolbarBase } from '@opentiny/tiny-engine-common'\nimport { BlockDeployDialog } from '@opentiny/tiny-engine-common'\n\nexport default {\n components: {\n TinyBreadcrumb: Breadcrumb,\n TinyBreadcrumbItem: BreadcrumbItem,\n BlockDeployDialog,\n TinyButton: Button,\n ToolbarBase\n },\n props: {\n options: {\n type: Object,\n default: () => ({})\n }\n },\n setup() {\n const PLUGINS_ID = {\n PAGEID: 'engine.plugins.appmanage',\n BLOCKID: 'engine.plugins.blockmanage'\n }\n\n const { layoutState } = useLayout()\n const { plugins } = layoutState || {}\n\n const state = reactive({\n showDeployBlock: false\n })\n const { CONSTANTS, getBreadcrumbData } = useBreadcrumb()\n const breadcrumbData = getBreadcrumbData()\n const publishBlock = () => {\n state.showDeployBlock = true\n }\n\n const open = () => {\n if (!plugins) return\n plugins.render = breadcrumbData.value[0] === CONSTANTS.PAGETEXT ? PLUGINS_ID.PAGEID : PLUGINS_ID.BLOCKID\n }\n\n const currentBlock = computed(() => useBlock?.()?.getCurrentBlock?.())\n\n const handleChangeSchema = (newSchema) => {\n useBlock().initBlock({ ...useBlock().getCurrentBlock(), content: newSchema })\n }\n\n return {\n breadcrumbData,\n publishBlock,\n state,\n CONSTANTS,\n open,\n currentBlock,\n handleChangeSchema\n }\n }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.top-panel-breadcrumb {\n padding-left: 12px;\n box-sizing: border-box;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n width: auto;\n height: 100%;\n margin-right: 3px;\n cursor: pointer;\n &-title {\n height: 28px;\n padding: 0 8px;\n background-color: var(--te-toolbars-breadcrumb-bg-color);\n display: flex;\n border-radius: 4px;\n :deep(.reference-wrapper) {\n line-height: 22px;\n }\n }\n\n .tiny-breadcrumb {\n line-height: var(--base-top-panel-breadcrumb-line-height);\n padding-right: 4px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n font-size: 12px;\n cursor: inherit;\n }\n\n .tiny-breadcrumb__item {\n cursor: inherit;\n user-select: none;\n\n :deep(.tiny-breadcrumb__inner) {\n color: var(--te-toolbars-breadcrumb-text-color);\n text-decoration: none;\n cursor: pointer;\n }\n\n :deep(.tiny-breadcrumb__separator) {\n padding: 0;\n margin: 0 4px 0 0;\n }\n\n &:last-child :deep(.tiny-breadcrumb__inner) {\n font-weight: normal;\n color: var(--te-toolbars-breadcrumb-text-color);\n }\n }\n\n &-title-block {\n background-color: var(--te-toolbars-breadcrumb-block-bg-color);\n .tiny-breadcrumb__item {\n :deep(.tiny-breadcrumb__inner) {\n color: var(--te-toolbars-breadcrumb-block-text-color);\n }\n &:last-child :deep(.tiny-breadcrumb__inner) {\n color: var(--te-toolbars-breadcrumb-block-text-color);\n }\n }\n }\n\n &-title-block:hover {\n background-color: var(--te-toolbars-breadcrumb-block-bg-color-hover);\n }\n\n .publish {\n margin: 0 8px;\n height: 24px;\n line-height: 24px;\n min-width: 40px;\n font-size: 12px;\n }\n}\n</style>\n","export default {\n id: 'engine.toolbars.breadcrumb',\n type: 'toolbars',\n title: 'breadcrumb',\n options: {\n icon: {\n default: ''\n },\n renderType: 'slot'\n }\n}\n","/**\n * Copyright (c) 2023 - present TinyEngine Authors.\n * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.\n *\n * Use of this source code is governed by an MIT-style license.\n *\n * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,\n * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR\n * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.\n *\n */\n\nimport { ref } from 'vue'\n\nconst breadcrumbData = ref<any[]>([])\nconst CONSTANTS = {\n PAGETEXT: '页面',\n BLOCKTEXT: '区块'\n}\n\nconst setBreadcrumbPage = (value: any) => {\n breadcrumbData.value = [CONSTANTS.PAGETEXT, ...value]\n sessionStorage.setItem('pageInfo', value)\n}\n\nconst setBreadcrumbBlock = (value: any) => {\n breadcrumbData.value = [CONSTANTS.BLOCKTEXT, ...value]\n}\n\nconst getBreadcrumbData = () => breadcrumbData\n\nexport default () => {\n return {\n CONSTANTS,\n setBreadcrumbPage,\n setBreadcrumbBlock,\n getBreadcrumbData\n }\n}\n","import { HOOK_NAME } from '@opentiny/tiny-engine-meta-register'\nimport useBreadcrumb from './useBreadcrumb'\n\nexport const BreadcrumbService = {\n id: 'engine.service.breadcrumb',\n type: 'MetaService',\n apis: useBreadcrumb(),\n composable: {\n name: HOOK_NAME.useBreadcrumb\n }\n}\n","/**\n * Copyright (c) 2023 - present TinyEngine Authors.\n * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.\n *\n * Use of this source code is governed by an MIT-style license.\n *\n * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,\n * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR\n * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.\n *\n */\n\nimport entry from './src/Main.vue'\nimport metaData from './meta'\nimport { BreadcrumbService } from './src/composable'\nimport './src/styles/vars.less'\n\nexport default {\n ...metaData,\n entry,\n metas: [BreadcrumbService]\n}\n\nexport { BreadcrumbService }\n"],"names":["_sfc_main","Breadcrumb","BreadcrumbItem","BlockDeployDialog","Button","ToolbarBase","PLUGINS_ID","layoutState","useLayout","plugins","state","reactive","CONSTANTS","getBreadcrumbData","useBreadcrumb","breadcrumbData","publishBlock","open","currentBlock","computed","_c","_b","_a","useBlock","newSchema","_hoisted_1","_createBlock","_component_toolbar_base","$props","_withCtx","_createElementVNode","_normalizeClass","$setup","_createVNode","_component_tiny_breadcrumb","_openBlock","_createElementBlock","_Fragment","_renderList","item","_component_tiny_breadcrumb_item","_createTextVNode","_toDisplayString","_component_tiny_button","_cache","_component_block_deploy_dialog","$event","metaData","ref","setBreadcrumbPage","value","setBreadcrumbBlock","BreadcrumbService","HOOK_NAME","index","entry"],"mappings":"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"}
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.top-panel-breadcrumb[data-v-
|
|
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.6.0-
|
|
3
|
+
"version": "2.6.0-rc.1",
|
|
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.6.0-
|
|
29
|
-
"@opentiny/tiny-engine-meta-register": "2.6.0-
|
|
30
|
-
"@opentiny/tiny-engine-utils": "2.6.0-
|
|
28
|
+
"@opentiny/tiny-engine-common": "2.6.0-rc.1",
|
|
29
|
+
"@opentiny/tiny-engine-meta-register": "2.6.0-rc.1",
|
|
30
|
+
"@opentiny/tiny-engine-utils": "2.6.0-rc.1"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@opentiny/tiny-engine-vite-plugin-meta-comments": "2.6.0-
|
|
33
|
+
"@opentiny/tiny-engine-vite-plugin-meta-comments": "2.6.0-rc.1",
|
|
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": "
|
|
42
|
+
"gitHead": "aaf416bf0bed9833f979174e28304d36cb9aecca"
|
|
43
43
|
}
|