@xto/navigation 1.1.1 → 1.2.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 (5) hide show
  1. package/es/index.mjs +437 -325
  2. package/es/style.css +1 -1
  3. package/lib/index.cjs +1 -1
  4. package/lib/style.css +1 -1
  5. package/package.json +1 -1
package/es/index.mjs CHANGED
@@ -1,95 +1,99 @@
1
- import { defineComponent as y, useSlots as P, ref as _, watch as T, provide as I, computed as v, openBlock as u, createElementBlock as m, normalizeClass as s, createElementVNode as h, unref as r, Fragment as x, renderList as E, toDisplayString as k, renderSlot as p, inject as w, withDirectives as O, createCommentVNode as H, vShow as W, normalizeStyle as S, createTextVNode as C, createVNode as X, Transition as D, withCtx as F, onMounted as q } from "vue";
2
- import { useNamespace as L } from "@xto/core";
3
- const J = ["onClick"], s0 = /* @__PURE__ */ y({
1
+ import { defineComponent as V, useSlots as W, ref as w, watch as T, provide as A, computed as m, openBlock as u, createElementBlock as d, normalizeClass as o, createElementVNode as h, unref as r, Fragment as S, renderList as q, toDisplayString as H, renderSlot as f, inject as B, withDirectives as N, createCommentVNode as C, vShow as O, normalizeStyle as I, createTextVNode as $, createVNode as X, Transition as j, withCtx as G, onMounted as J } from "vue";
2
+ import { useNamespace as g } from "@xto/core";
3
+ const Q = ["onClick"], n0 = /* @__PURE__ */ V({
4
4
  name: "XTabs",
5
5
  __name: "index",
6
6
  props: {
7
- modelValue: { default: "" },
7
+ modelValue: { default: void 0 },
8
+ activeKey: { default: void 0 },
8
9
  type: { default: "line" },
9
10
  tabPosition: { default: "top" },
10
11
  addable: { type: Boolean, default: !1 },
11
12
  closable: { type: Boolean, default: !1 }
12
13
  },
13
- emits: ["update:modelValue", "tabClick", "edit"],
14
- setup(t, { emit: n }) {
15
- const a = t, e = n, l = L("tabs"), o = P(), d = _(a.modelValue);
16
- T(() => a.modelValue, (c) => {
17
- d.value = c;
14
+ emits: ["update:modelValue", "update:activeKey", "tabClick", "edit"],
15
+ setup(s, { emit: n }) {
16
+ const e = s, a = n, l = g("tabs"), t = W(), v = w(e.modelValue ?? e.activeKey ?? "");
17
+ T([() => e.modelValue, () => e.activeKey], ([i, p]) => {
18
+ const c = i ?? p;
19
+ c !== void 0 && (v.value = c);
18
20
  });
19
- const f = (c, M) => {
20
- d.value = c, e("update:modelValue", c);
21
+ const z = (i, p) => {
22
+ v.value = i, a("update:modelValue", i), a("update:activeKey", i);
21
23
  };
22
- I("tabs", {
23
- props: a,
24
- activeName: d,
25
- handleTabClick: f
24
+ A("tabs", {
25
+ props: e,
26
+ activeName: v,
27
+ handleTabClick: z
26
28
  });
27
- const V = v(() => [
29
+ const M = m(() => [
28
30
  l.b(),
29
- l.m(a.type),
30
- l.is(`position-${a.tabPosition}`)
31
- ]), b = v(() => {
32
- var M;
33
- return (((M = o.default) == null ? void 0 : M.call(o)) || []).filter((i) => i.type && i.type.name === "XTabPane").map((i) => {
34
- var z, g, A, N;
31
+ l.m(e.type),
32
+ l.is(`position-${e.tabPosition}`)
33
+ ]), b = m(() => {
34
+ var p;
35
+ return (((p = t.default) == null ? void 0 : p.call(t)) || []).filter((c) => c.type && c.type.name === "XTabPane").map((c) => {
36
+ var k, y, L, D, P, E, K;
35
37
  return {
36
- name: ((z = i.props) == null ? void 0 : z.name) || ((g = i.props) == null ? void 0 : g.label),
37
- label: (A = i.props) == null ? void 0 : A.label,
38
- disabled: ((N = i.props) == null ? void 0 : N.disabled) === !0
38
+ name: ((k = c.props) == null ? void 0 : k.name) || ((y = c.props) == null ? void 0 : y.key) || ((L = c.props) == null ? void 0 : L.label) || ((D = c.props) == null ? void 0 : D.tab),
39
+ label: ((P = c.props) == null ? void 0 : P.label) || ((E = c.props) == null ? void 0 : E.tab),
40
+ disabled: ((K = c.props) == null ? void 0 : K.disabled) === !0
39
41
  };
40
42
  });
41
43
  });
42
- return (c, M) => (u(), m("div", {
43
- class: s(V.value)
44
+ return (i, p) => (u(), d("div", {
45
+ class: o(M.value)
44
46
  }, [
45
47
  h("div", {
46
- class: s(r(l).e("header"))
48
+ class: o(r(l).e("header"))
47
49
  }, [
48
50
  h("div", {
49
- class: s(r(l).e("nav"))
51
+ class: o(r(l).e("nav"))
50
52
  }, [
51
- (u(!0), m(x, null, E(b.value, (i) => (u(), m("div", {
52
- key: i.name,
53
- class: s([
53
+ (u(!0), d(S, null, q(b.value, (c) => (u(), d("div", {
54
+ key: c.name,
55
+ class: o([
54
56
  r(l).e("item"),
55
- r(l).em("item", d.value === i.name ? "active" : ""),
56
- r(l).is("disabled", i.disabled)
57
+ r(l).em("item", v.value === c.name ? "active" : ""),
58
+ r(l).is("disabled", c.disabled)
57
59
  ]),
58
- onClick: (z) => i.disabled ? null : f(i.name)
59
- }, k(i.label), 11, J))), 128))
60
+ onClick: (k) => c.disabled ? null : z(c.name)
61
+ }, H(c.label), 11, Q))), 128))
60
62
  ], 2)
61
63
  ], 2),
62
64
  h("div", {
63
- class: s(r(l).e("content"))
65
+ class: o(r(l).e("content"))
64
66
  }, [
65
- p(c.$slots, "default")
67
+ f(i.$slots, "default")
66
68
  ], 2)
67
69
  ], 2));
68
70
  }
69
- }), K = {
71
+ }), U = {
70
72
  class: "x-tab-pane",
71
73
  role: "tabpanel"
72
- }, t0 = /* @__PURE__ */ y({
74
+ }, c0 = /* @__PURE__ */ V({
73
75
  name: "XTabPane",
74
76
  __name: "TabPane",
75
77
  props: {
76
78
  label: {},
79
+ tab: {},
77
80
  name: {},
81
+ key: {},
78
82
  disabled: { type: Boolean, default: !1 },
79
83
  closable: { type: Boolean, default: !1 },
80
84
  lazy: { type: Boolean, default: !1 }
81
85
  },
82
- setup(t) {
83
- const n = t, a = w("tabs"), e = _(!1), l = v(() => n.name || n.label), o = v(() => (a == null ? void 0 : a.activeName.value) === l.value);
84
- return T(() => a == null ? void 0 : a.activeName.value, () => {
85
- o.value && n.lazy && !e.value && (e.value = !0);
86
- }, { immediate: !0 }), o.value && n.lazy && (e.value = !0), (d, f) => O((u(), m("div", K, [
87
- e.value || !t.lazy ? p(d.$slots, "default", { key: 0 }) : H("", !0)
86
+ setup(s) {
87
+ const n = s, e = B("tabs"), a = w(!1), l = m(() => n.name || n.key || n.label || n.tab), t = m(() => (e == null ? void 0 : e.activeName.value) === l.value);
88
+ return T(() => e == null ? void 0 : e.activeName.value, () => {
89
+ t.value && n.lazy && !a.value && (a.value = !0);
90
+ }, { immediate: !0 }), t.value && n.lazy && (a.value = !0), (v, z) => N((u(), d("div", U, [
91
+ a.value || !s.lazy ? f(v.$slots, "default", { key: 0 }) : C("", !0)
88
92
  ], 512)), [
89
- [W, o.value]
93
+ [O, t.value]
90
94
  ]);
91
95
  }
92
- }), o0 = /* @__PURE__ */ y({
96
+ }), i0 = /* @__PURE__ */ V({
93
97
  name: "XMenu",
94
98
  __name: "index",
95
99
  props: {
@@ -103,41 +107,41 @@ const J = ["onClick"], s0 = /* @__PURE__ */ y({
103
107
  router: { type: Boolean }
104
108
  },
105
109
  emits: ["update:modelValue", "select", "open", "close"],
106
- setup(t, { emit: n }) {
107
- const a = t, e = n, l = L("menu"), o = _(a.modelValue), d = _([...a.defaultOpeneds]);
108
- T(() => a.modelValue, (i) => {
109
- o.value = i;
110
- }), I("menu", {
111
- props: a,
112
- activeIndex: o,
113
- openedMenus: d,
114
- handleSelect: (i, z = []) => {
115
- o.value = i, e("update:modelValue", i), e("select", i, z);
110
+ setup(s, { emit: n }) {
111
+ const e = s, a = n, l = g("menu"), t = w(e.modelValue), v = w([...e.defaultOpeneds]);
112
+ T(() => e.modelValue, (c) => {
113
+ t.value = c;
114
+ }), A("menu", {
115
+ props: e,
116
+ activeIndex: t,
117
+ openedMenus: v,
118
+ handleSelect: (c, k = []) => {
119
+ t.value = c, a("update:modelValue", c), a("select", c, k);
116
120
  },
117
- handleOpen: (i, z = []) => {
118
- d.value.includes(i) || d.value.push(i), e("open", i, z);
121
+ handleOpen: (c, k = []) => {
122
+ v.value.includes(c) || v.value.push(c), a("open", c, k);
119
123
  },
120
- handleClose: (i, z = []) => {
121
- const g = d.value.indexOf(i);
122
- g > -1 && d.value.splice(g, 1), e("close", i, z);
124
+ handleClose: (c, k = []) => {
125
+ const y = v.value.indexOf(c);
126
+ y > -1 && v.value.splice(y, 1), a("close", c, k);
123
127
  }
124
128
  });
125
- const c = v(() => [
129
+ const i = m(() => [
126
130
  l.b(),
127
- l.is("collapse", a.collapse),
128
- l.is(`mode-${a.mode}`)
129
- ]), M = v(() => ({
130
- backgroundColor: a.backgroundColor,
131
- color: a.textColor
131
+ l.is("collapse", e.collapse),
132
+ l.is(`mode-${e.mode}`)
133
+ ]), p = m(() => ({
134
+ backgroundColor: e.backgroundColor,
135
+ color: e.textColor
132
136
  }));
133
- return (i, z) => (u(), m("ul", {
134
- class: s(c.value),
135
- style: S(M.value)
137
+ return (c, k) => (u(), d("ul", {
138
+ class: o(i.value),
139
+ style: I(p.value)
136
140
  }, [
137
- p(i.$slots, "default")
141
+ f(c.$slots, "default")
138
142
  ], 6));
139
143
  }
140
- }), G = {
144
+ }), F = {
141
145
  // 箭头类
142
146
  "arrow-up": "M12 19V5m0 0l-7 7m7-7l7 7",
143
147
  "arrow-down": "M12 5v14m0 0l7-7m-7 7l-7-7",
@@ -240,6 +244,7 @@ const J = ["onClick"], s0 = /* @__PURE__ */ y({
240
244
  list: "M4 6h16M4 10h16M4 14h16M4 18h16",
241
245
  grid: "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z",
242
246
  fullscreen: "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4",
247
+ "fullscreen-exit": "M9 4V9H4m11-5v5h5M4 15h5v5m11-5h-5v5",
243
248
  "zoom-in": "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m3-3H7",
244
249
  "zoom-out": "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM13 10H7",
245
250
  print: "M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z",
@@ -257,10 +262,10 @@ const J = ["onClick"], s0 = /* @__PURE__ */ y({
257
262
  theme: "M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01",
258
263
  skin: "M7 4h2v1c0 1.66 1.34 3 3 3s3-1.34 3-3V4h2l3 3v6h-4l1 3v5H7v-5l1-3H4V7l3-3z"
259
264
  };
260
- function Q(t) {
261
- return t in G;
265
+ function Y(s) {
266
+ return s in F;
262
267
  }
263
- const R = ["stroke-width"], U = ["d"], j = /* @__PURE__ */ y({
268
+ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
264
269
  name: "XIcon",
265
270
  __name: "index",
266
271
  props: {
@@ -270,38 +275,38 @@ const R = ["stroke-width"], U = ["d"], j = /* @__PURE__ */ y({
270
275
  spin: { type: Boolean, default: !1 },
271
276
  strokeWidth: { default: 2 }
272
277
  },
273
- setup(t) {
274
- const n = t, a = L("icon"), e = v(() => typeof n.size == "number" ? `${n.size}px` : n.size), l = v(() => ({
275
- width: e.value,
276
- height: e.value,
278
+ setup(s) {
279
+ const n = s, e = g("icon"), a = m(() => typeof n.size == "number" ? `${n.size}px` : n.size), l = m(() => ({
280
+ width: a.value,
281
+ height: a.value,
277
282
  color: n.color
278
- })), o = v(() => ({
283
+ })), t = m(() => ({
279
284
  strokeWidth: n.strokeWidth
280
- })), d = v(() => [
281
- a.b(),
282
- a.is("spin", n.spin)
283
- ]), f = v(() => n.name && Q(n.name) ? G[n.name] : "");
284
- return (V, b) => (u(), m("span", {
285
- class: s(d.value),
286
- style: S(l.value)
285
+ })), v = m(() => [
286
+ e.b(),
287
+ e.is("spin", n.spin)
288
+ ]), z = m(() => n.name && Y(n.name) ? F[n.name] : "");
289
+ return (M, b) => (u(), d("span", {
290
+ class: o(v.value),
291
+ style: I(l.value)
287
292
  }, [
288
- f.value ? (u(), m("svg", {
293
+ z.value ? (u(), d("svg", {
289
294
  key: 0,
290
295
  viewBox: "0 0 24 24",
291
296
  fill: "none",
292
297
  stroke: "currentColor",
293
- "stroke-width": t.strokeWidth,
298
+ "stroke-width": s.strokeWidth,
294
299
  "stroke-linecap": "round",
295
300
  "stroke-linejoin": "round",
296
- style: S(o.value)
301
+ style: I(t.value)
297
302
  }, [
298
- h("path", { d: f.value }, null, 8, U)
299
- ], 12, R)) : p(V.$slots, "default", { key: 1 }, () => [
300
- C(k(t.name), 1)
303
+ h("path", { d: z.value }, null, 8, e0)
304
+ ], 12, Z)) : f(M.$slots, "default", { key: 1 }, () => [
305
+ $(H(s.name), 1)
301
306
  ])
302
307
  ], 6));
303
308
  }
304
- }), B = "x-menu-item", n0 = /* @__PURE__ */ y({
309
+ }), x = "x-menu-item", r0 = /* @__PURE__ */ V({
305
310
  name: "XMenuItem",
306
311
  __name: "MenuItem",
307
312
  props: {
@@ -309,65 +314,65 @@ const R = ["stroke-width"], U = ["d"], j = /* @__PURE__ */ y({
309
314
  disabled: { type: Boolean, default: !1 },
310
315
  icon: {}
311
316
  },
312
- setup(t) {
313
- const n = t, a = w("menu");
314
- P();
315
- const e = v(() => (a == null ? void 0 : a.activeIndex.value) === n.index), l = v(() => a == null ? void 0 : a.props.collapse), o = v(() => (a == null ? void 0 : a.props.mode) === "horizontal"), d = v(() => [
316
- B,
317
+ setup(s) {
318
+ const n = s, e = B("menu");
319
+ W();
320
+ const a = m(() => (e == null ? void 0 : e.activeIndex.value) === n.index), l = m(() => e == null ? void 0 : e.props.collapse), t = m(() => (e == null ? void 0 : e.props.mode) === "horizontal"), v = m(() => [
321
+ x,
317
322
  {
318
- "is-active": e.value,
323
+ "is-active": a.value,
319
324
  "is-disabled": n.disabled,
320
- "is-horizontal": o.value,
325
+ "is-horizontal": t.value,
321
326
  "is-collapse": l.value
322
327
  }
323
- ]), f = v(() => e.value && (a != null && a.props.activeTextColor) ? { color: a.props.activeTextColor } : {}), V = () => {
324
- n.disabled || n.index && (a == null || a.handleSelect(n.index, [n.index]));
328
+ ]), z = m(() => a.value && (e != null && e.props.activeTextColor) ? { color: e.props.activeTextColor } : {}), M = () => {
329
+ n.disabled || n.index && (e == null || e.handleSelect(n.index, [n.index]));
325
330
  };
326
- return (b, c) => (u(), m("li", {
327
- class: s(d.value),
328
- style: S(f.value),
329
- onClick: V
331
+ return (b, i) => (u(), d("li", {
332
+ class: o(v.value),
333
+ style: I(z.value),
334
+ onClick: M
330
335
  }, [
331
336
  h("div", {
332
- class: s(B + "__content")
337
+ class: o(x + "__content")
333
338
  }, [
334
- t.icon ? (u(), m("span", {
339
+ s.icon ? (u(), d("span", {
335
340
  key: 0,
336
- class: s(B + "__icon")
341
+ class: o(x + "__icon")
337
342
  }, [
338
- X(r(j), {
339
- name: t.icon,
343
+ X(r(R), {
344
+ name: s.icon,
340
345
  size: 18
341
346
  }, null, 8, ["name"])
342
- ], 2)) : b.$slots.icon ? (u(), m("span", {
347
+ ], 2)) : b.$slots.icon ? (u(), d("span", {
343
348
  key: 1,
344
- class: s(B + "__icon")
349
+ class: o(x + "__icon")
345
350
  }, [
346
- p(b.$slots, "icon")
347
- ], 2)) : H("", !0),
351
+ f(b.$slots, "icon")
352
+ ], 2)) : C("", !0),
348
353
  h("span", {
349
- class: s(B + "__text")
354
+ class: o(x + "__text")
350
355
  }, [
351
- p(b.$slots, "default")
356
+ f(b.$slots, "default")
352
357
  ], 2)
353
358
  ], 2)
354
359
  ], 6));
355
360
  }
356
- }), Y = { class: "x-menu-item-group" }, Z = { class: "x-menu-item-group__title" }, c0 = /* @__PURE__ */ y({
361
+ }), a0 = { class: "x-menu-item-group" }, l0 = { class: "x-menu-item-group__title" }, u0 = /* @__PURE__ */ V({
357
362
  name: "XMenuItemGroup",
358
363
  __name: "MenuItemGroup",
359
364
  props: {
360
365
  title: {}
361
366
  },
362
- setup(t) {
363
- return (n, a) => (u(), m("li", Y, [
364
- h("div", Z, k(t.title), 1),
367
+ setup(s) {
368
+ return (n, e) => (u(), d("li", a0, [
369
+ h("div", l0, H(s.title), 1),
365
370
  h("ul", null, [
366
- p(n.$slots, "default")
371
+ f(n.$slots, "default")
367
372
  ])
368
373
  ]));
369
374
  }
370
- }), $ = "x-sub-menu", i0 = /* @__PURE__ */ y({
375
+ }), _ = "x-sub-menu", d0 = /* @__PURE__ */ V({
371
376
  name: "XSubMenu",
372
377
  __name: "SubMenu",
373
378
  props: {
@@ -376,65 +381,65 @@ const R = ["stroke-width"], U = ["d"], j = /* @__PURE__ */ y({
376
381
  disabled: { type: Boolean, default: !1 },
377
382
  icon: {}
378
383
  },
379
- setup(t) {
380
- const n = t, a = w("menu"), e = w("subMenu", null), l = _(!1), o = v(() => !!e), d = v(() => a == null ? void 0 : a.props.collapse), f = v(() => (a == null ? void 0 : a.activeIndex.value) === n.index), V = v(() => [
381
- $,
382
- $ + ((a == null ? void 0 : a.props.mode) === "horizontal" ? "--horizontal" : "--vertical"),
384
+ setup(s) {
385
+ const n = s, e = B("menu"), a = B("subMenu", null), l = w(!1), t = m(() => !!a), v = m(() => e == null ? void 0 : e.props.collapse), z = m(() => (e == null ? void 0 : e.activeIndex.value) === n.index), M = m(() => [
386
+ _,
387
+ _ + ((e == null ? void 0 : e.props.mode) === "horizontal" ? "--horizontal" : "--vertical"),
383
388
  {
384
- "is-active": f.value,
389
+ "is-active": z.value,
385
390
  "is-opened": l.value,
386
391
  "is-disabled": n.disabled,
387
- "is-nested": o.value,
388
- "is-collapse": d.value
392
+ "is-nested": t.value,
393
+ "is-collapse": v.value
389
394
  }
390
395
  ]), b = () => {
391
- n.disabled || d.value || (l.value = !l.value);
392
- }, c = () => {
393
- n.disabled || ((a == null ? void 0 : a.props.mode) === "horizontal" || d.value) && (l.value = !0);
394
- }, M = () => {
395
- ((a == null ? void 0 : a.props.mode) === "horizontal" || d.value) && (l.value = !1);
396
+ n.disabled || v.value || (l.value = !l.value);
397
+ }, i = () => {
398
+ n.disabled || ((e == null ? void 0 : e.props.mode) === "horizontal" || v.value) && (l.value = !0);
399
+ }, p = () => {
400
+ ((e == null ? void 0 : e.props.mode) === "horizontal" || v.value) && (l.value = !1);
396
401
  };
397
- return I("subMenu", {
402
+ return A("subMenu", {
398
403
  isOpen: l,
399
- isNested: o
400
- }), (i, z) => {
401
- var g;
402
- return u(), m("li", {
403
- class: s(V.value),
404
- onMouseenter: c,
405
- onMouseleave: M
404
+ isNested: t
405
+ }), (c, k) => {
406
+ var y;
407
+ return u(), d("li", {
408
+ class: o(M.value),
409
+ onMouseenter: i,
410
+ onMouseleave: p
406
411
  }, [
407
412
  h("div", {
408
- class: s($ + "__title"),
413
+ class: o(_ + "__title"),
409
414
  onClick: b
410
415
  }, [
411
416
  h("div", {
412
- class: s($ + "__content")
417
+ class: o(_ + "__content")
413
418
  }, [
414
- t.icon ? (u(), m("span", {
419
+ s.icon ? (u(), d("span", {
415
420
  key: 0,
416
- class: s($ + "__icon")
421
+ class: o(_ + "__icon")
417
422
  }, [
418
- X(r(j), {
419
- name: t.icon,
423
+ X(r(R), {
424
+ name: s.icon,
420
425
  size: 18
421
426
  }, null, 8, ["name"])
422
- ], 2)) : i.$slots.icon ? (u(), m("span", {
427
+ ], 2)) : c.$slots.icon ? (u(), d("span", {
423
428
  key: 1,
424
- class: s($ + "__icon")
429
+ class: o(_ + "__icon")
425
430
  }, [
426
- p(i.$slots, "icon")
427
- ], 2)) : H("", !0),
431
+ f(c.$slots, "icon")
432
+ ], 2)) : C("", !0),
428
433
  h("span", {
429
- class: s($ + "__text")
434
+ class: o(_ + "__text")
430
435
  }, [
431
- p(i.$slots, "title", {}, () => [
432
- C(k(t.title), 1)
436
+ f(c.$slots, "title", {}, () => [
437
+ $(H(s.title), 1)
433
438
  ])
434
439
  ], 2),
435
440
  h("span", {
436
- class: s([$ + "__arrow", { "is-open": l.value }])
437
- }, [...z[0] || (z[0] = [
441
+ class: o([_ + "__arrow", { "is-open": l.value }])
442
+ }, [...k[0] || (k[0] = [
438
443
  h("svg", {
439
444
  viewBox: "0 0 1024 1024",
440
445
  width: "12",
@@ -448,18 +453,18 @@ const R = ["stroke-width"], U = ["d"], j = /* @__PURE__ */ y({
448
453
  ])], 2)
449
454
  ], 2)
450
455
  ], 2),
451
- X(D, {
452
- name: ((g = r(a)) == null ? void 0 : g.props.mode) === "horizontal" ? "zoom-in-top" : "zoom-in-left"
456
+ X(j, {
457
+ name: ((y = r(e)) == null ? void 0 : y.props.mode) === "horizontal" ? "zoom-in-top" : "zoom-in-left"
453
458
  }, {
454
- default: F(() => {
455
- var A;
459
+ default: G(() => {
460
+ var L;
456
461
  return [
457
- O(h("ul", {
458
- class: s([$ + "__menu", { "is-horizontal": ((A = r(a)) == null ? void 0 : A.props.mode) === "horizontal", "is-collapse": d.value }])
462
+ N(h("ul", {
463
+ class: o([_ + "__menu", { "is-horizontal": ((L = r(e)) == null ? void 0 : L.props.mode) === "horizontal", "is-collapse": v.value }])
459
464
  }, [
460
- p(i.$slots, "default")
465
+ f(c.$slots, "default")
461
466
  ], 2), [
462
- [W, l.value]
467
+ [O, l.value]
463
468
  ])
464
469
  ];
465
470
  }),
@@ -468,32 +473,32 @@ const R = ["stroke-width"], U = ["d"], j = /* @__PURE__ */ y({
468
473
  ], 34);
469
474
  };
470
475
  }
471
- }), r0 = /* @__PURE__ */ y({
476
+ }), v0 = /* @__PURE__ */ V({
472
477
  name: "XBreadcrumb",
473
478
  __name: "index",
474
479
  props: {
475
480
  separator: { default: "/" },
476
481
  separatorIcon: {}
477
482
  },
478
- setup(t) {
479
- const n = t, a = L("breadcrumb");
480
- I("breadcrumb", {
481
- separator: v(() => n.separator),
482
- separatorIcon: v(() => n.separatorIcon)
483
+ setup(s) {
484
+ const n = s, e = g("breadcrumb");
485
+ A("breadcrumb", {
486
+ separator: m(() => n.separator),
487
+ separatorIcon: m(() => n.separatorIcon)
483
488
  });
484
- const e = v(() => [a.b()]);
485
- return (l, o) => (u(), m("nav", {
486
- class: s(e.value),
489
+ const a = m(() => [e.b()]);
490
+ return (l, t) => (u(), d("nav", {
491
+ class: o(a.value),
487
492
  "aria-label": "Breadcrumb"
488
493
  }, [
489
494
  h("ol", {
490
- class: s(r(a).e("list"))
495
+ class: o(r(e).e("list"))
491
496
  }, [
492
- p(l.$slots, "default")
497
+ f(l.$slots, "default")
493
498
  ], 2)
494
499
  ], 2));
495
500
  }
496
- }), a0 = ["aria-current"], u0 = /* @__PURE__ */ y({
501
+ }), s0 = ["aria-current"], m0 = /* @__PURE__ */ V({
497
502
  name: "XBreadcrumbItem",
498
503
  __name: "BreadcrumbItem",
499
504
  props: {
@@ -502,50 +507,50 @@ const R = ["stroke-width"], U = ["d"], j = /* @__PURE__ */ y({
502
507
  disabled: { type: Boolean }
503
508
  },
504
509
  emits: ["click"],
505
- setup(t, { emit: n }) {
506
- const a = t, e = n, l = L("breadcrumb"), o = w("breadcrumb"), d = v(() => [
510
+ setup(s, { emit: n }) {
511
+ const e = s, a = n, l = g("breadcrumb"), t = B("breadcrumb"), v = m(() => [
507
512
  l.e("item"),
508
- l.is("link", !!a.to && !a.disabled),
509
- l.is("disabled", a.disabled)
510
- ]), f = v(() => {
511
- var c;
512
- return ((c = o == null ? void 0 : o.separator) == null ? void 0 : c.value) || "/";
513
- }), V = v(() => {
514
- var c;
515
- return (c = o == null ? void 0 : o.separatorIcon) == null ? void 0 : c.value;
516
- }), b = (c) => {
517
- a.disabled || (e("click", c), a.to && typeof a.to == "string" && (a.replace ? window.location.replace(a.to) : window.location.href = a.to));
513
+ l.is("link", !!e.to && !e.disabled),
514
+ l.is("disabled", e.disabled)
515
+ ]), z = m(() => {
516
+ var i;
517
+ return ((i = t == null ? void 0 : t.separator) == null ? void 0 : i.value) || "/";
518
+ }), M = m(() => {
519
+ var i;
520
+ return (i = t == null ? void 0 : t.separatorIcon) == null ? void 0 : i.value;
521
+ }), b = (i) => {
522
+ e.disabled || (a("click", i), e.to && typeof e.to == "string" && (e.replace ? window.location.replace(e.to) : window.location.href = e.to));
518
523
  };
519
- return (c, M) => (u(), m("li", {
520
- class: s(d.value)
524
+ return (i, p) => (u(), d("li", {
525
+ class: o(v.value)
521
526
  }, [
522
- t.to && !t.disabled ? (u(), m("span", {
527
+ s.to && !s.disabled ? (u(), d("span", {
523
528
  key: 0,
524
- class: s(r(l).e("link")),
529
+ class: o(r(l).e("link")),
525
530
  onClick: b
526
531
  }, [
527
- p(c.$slots, "default")
528
- ], 2)) : (u(), m("span", {
532
+ f(i.$slots, "default")
533
+ ], 2)) : (u(), d("span", {
529
534
  key: 1,
530
- class: s(r(l).e("text")),
531
- "aria-current": t.disabled ? "page" : void 0
535
+ class: o(r(l).e("text")),
536
+ "aria-current": s.disabled ? "page" : void 0
532
537
  }, [
533
- p(c.$slots, "default")
534
- ], 10, a0)),
538
+ f(i.$slots, "default")
539
+ ], 10, s0)),
535
540
  h("span", {
536
- class: s(r(l).e("separator")),
541
+ class: o(r(l).e("separator")),
537
542
  "aria-hidden": "true"
538
543
  }, [
539
- V.value ? (u(), m("span", {
544
+ M.value ? (u(), d("span", {
540
545
  key: 0,
541
- class: s(r(l).e("separator-icon"))
542
- }, k(V.value), 3)) : (u(), m(x, { key: 1 }, [
543
- C(k(f.value), 1)
546
+ class: o(r(l).e("separator-icon"))
547
+ }, H(M.value), 3)) : (u(), d(S, { key: 1 }, [
548
+ $(H(z.value), 1)
544
549
  ], 64))
545
550
  ], 2)
546
551
  ], 2));
547
552
  }
548
- }), m0 = /* @__PURE__ */ y({
553
+ }), h0 = /* @__PURE__ */ V({
549
554
  name: "XSteps",
550
555
  __name: "index",
551
556
  props: {
@@ -558,37 +563,37 @@ const R = ["stroke-width"], U = ["d"], j = /* @__PURE__ */ y({
558
563
  space: {}
559
564
  },
560
565
  emits: ["change", "update:active"],
561
- setup(t, { emit: n }) {
562
- const a = t, e = n, l = L("steps"), o = _(a.active), d = _(0);
563
- T(() => a.active, (M) => {
564
- o.value = M;
565
- }), I("steps", {
566
- props: a,
567
- currentActive: o,
568
- stepCount: d,
569
- setCurrentActive: (M) => {
570
- o.value = M, e("change", M), e("update:active", M);
566
+ setup(s, { emit: n }) {
567
+ const e = s, a = n, l = g("steps"), t = w(e.active), v = w(0);
568
+ T(() => e.active, (p) => {
569
+ t.value = p;
570
+ }), A("steps", {
571
+ props: e,
572
+ currentActive: t,
573
+ stepCount: v,
574
+ setCurrentActive: (p) => {
575
+ t.value = p, a("change", p), a("update:active", p);
571
576
  },
572
- setStepCount: (M) => {
573
- d.value = M;
577
+ setStepCount: (p) => {
578
+ v.value = p;
574
579
  }
575
580
  });
576
- const b = v(() => [
581
+ const b = m(() => [
577
582
  l.b(),
578
- l.m(a.direction),
579
- l.is("simple", a.simple),
580
- l.is("center", a.alignCenter)
581
- ]), c = v(() => a.space ? {
582
- "--steps-space": typeof a.space == "number" ? `${a.space}px` : a.space
583
+ l.m(e.direction),
584
+ l.is("simple", e.simple),
585
+ l.is("center", e.alignCenter)
586
+ ]), i = m(() => e.space ? {
587
+ "--steps-space": typeof e.space == "number" ? `${e.space}px` : e.space
583
588
  } : {});
584
- return (M, i) => (u(), m("div", {
585
- class: s(b.value),
586
- style: S(c.value)
589
+ return (p, c) => (u(), d("div", {
590
+ class: o(b.value),
591
+ style: I(i.value)
587
592
  }, [
588
- p(M.$slots, "default")
593
+ f(p.$slots, "default")
589
594
  ], 6));
590
595
  }
591
- }), v0 = /* @__PURE__ */ y({
596
+ }), p0 = /* @__PURE__ */ V({
592
597
  name: "XStep",
593
598
  __name: "Step",
594
599
  props: {
@@ -597,96 +602,96 @@ const R = ["stroke-width"], U = ["d"], j = /* @__PURE__ */ y({
597
602
  icon: {},
598
603
  status: {}
599
604
  },
600
- setup(t) {
601
- const n = t, a = L("step"), e = w("steps"), l = _(-1);
602
- q(() => {
603
- e && (l.value = e.stepCount.value, e.setStepCount(e.stepCount.value + 1));
605
+ setup(s) {
606
+ const n = s, e = g("step"), a = B("steps"), l = w(-1);
607
+ J(() => {
608
+ a && (l.value = a.stepCount.value, a.setStepCount(a.stepCount.value + 1));
604
609
  });
605
- const o = v(() => {
606
- var M, i, z;
610
+ const t = m(() => {
611
+ var p, c, k;
607
612
  if (n.status) return n.status;
608
- const c = ((M = e == null ? void 0 : e.currentActive) == null ? void 0 : M.value) ?? 0;
609
- return l.value < c ? ((i = e == null ? void 0 : e.props) == null ? void 0 : i.finishStatus) || "finish" : l.value === c ? ((z = e == null ? void 0 : e.props) == null ? void 0 : z.processStatus) || "process" : "wait";
610
- }), d = v(() => {
611
- var c;
612
- return l.value === (((c = e == null ? void 0 : e.stepCount) == null ? void 0 : c.value) || 0) - 1;
613
- }), f = v(() => l.value === 0);
614
- v(() => ({
613
+ const i = ((p = a == null ? void 0 : a.currentActive) == null ? void 0 : p.value) ?? 0;
614
+ return l.value < i ? ((c = a == null ? void 0 : a.props) == null ? void 0 : c.finishStatus) || "finish" : l.value === i ? ((k = a == null ? void 0 : a.props) == null ? void 0 : k.processStatus) || "process" : "wait";
615
+ }), v = m(() => {
616
+ var i;
617
+ return l.value === (((i = a == null ? void 0 : a.stepCount) == null ? void 0 : i.value) || 0) - 1;
618
+ }), z = m(() => l.value === 0);
619
+ m(() => ({
615
620
  wait: "#c0c4cc",
616
621
  process: "#409eff",
617
622
  finish: "#67c23a",
618
623
  error: "#f56c6c",
619
624
  success: "#67c23a"
620
- })[o.value] || "#c0c4cc");
621
- const V = v(() => {
622
- var c;
625
+ })[t.value] || "#c0c4cc");
626
+ const M = m(() => {
627
+ var i;
623
628
  return [
624
- a.b(),
625
- a.is(o.value),
626
- a.is("last", d.value),
627
- a.m(((c = e == null ? void 0 : e.props) == null ? void 0 : c.direction) || "horizontal")
629
+ e.b(),
630
+ e.is(t.value),
631
+ e.is("last", v.value),
632
+ e.m(((i = a == null ? void 0 : a.props) == null ? void 0 : i.direction) || "horizontal")
628
633
  ];
629
634
  }), b = () => {
630
- var c;
631
- l.value > -1 && ((c = e == null ? void 0 : e.setCurrentActive) == null || c.call(e, l.value));
635
+ var i;
636
+ l.value > -1 && ((i = a == null ? void 0 : a.setCurrentActive) == null || i.call(a, l.value));
632
637
  };
633
- return (c, M) => (u(), m("div", {
634
- class: s(V.value),
638
+ return (i, p) => (u(), d("div", {
639
+ class: o(M.value),
635
640
  onClick: b
636
641
  }, [
637
642
  h("div", {
638
- class: s(r(a).e("head"))
643
+ class: o(r(e).e("head"))
639
644
  }, [
640
- f.value ? H("", !0) : (u(), m("div", {
645
+ z.value ? C("", !0) : (u(), d("div", {
641
646
  key: 0,
642
- class: s([r(a).e("line"), r(a).em("line", "prev")])
647
+ class: o([r(e).e("line"), r(e).em("line", "prev")])
643
648
  }, null, 2)),
644
649
  h("div", {
645
- class: s(r(a).e("icon"))
650
+ class: o(r(e).e("icon"))
646
651
  }, [
647
- t.icon ? (u(), m("span", {
652
+ s.icon ? (u(), d("span", {
648
653
  key: 0,
649
- class: s(r(a).e("icon-inner"))
650
- }, k(t.icon), 3)) : (u(), m("span", {
654
+ class: o(r(e).e("icon-inner"))
655
+ }, H(s.icon), 3)) : (u(), d("span", {
651
656
  key: 1,
652
- class: s(r(a).e("icon-inner"))
657
+ class: o(r(e).e("icon-inner"))
653
658
  }, [
654
- o.value === "finish" || o.value === "success" ? (u(), m(x, { key: 0 }, [
655
- C("✓")
656
- ], 64)) : o.value === "error" ? (u(), m(x, { key: 1 }, [
657
- C("✕")
658
- ], 64)) : (u(), m(x, { key: 2 }, [
659
- C(k(l.value + 1), 1)
659
+ t.value === "finish" || t.value === "success" ? (u(), d(S, { key: 0 }, [
660
+ $("✓")
661
+ ], 64)) : t.value === "error" ? (u(), d(S, { key: 1 }, [
662
+ $("✕")
663
+ ], 64)) : (u(), d(S, { key: 2 }, [
664
+ $(H(l.value + 1), 1)
660
665
  ], 64))
661
666
  ], 2))
662
667
  ], 2),
663
- d.value ? H("", !0) : (u(), m("div", {
668
+ v.value ? C("", !0) : (u(), d("div", {
664
669
  key: 1,
665
- class: s(r(a).e("line"))
670
+ class: o(r(e).e("line"))
666
671
  }, null, 2))
667
672
  ], 2),
668
673
  h("div", {
669
- class: s(r(a).e("content"))
674
+ class: o(r(e).e("content"))
670
675
  }, [
671
676
  h("div", {
672
- class: s(r(a).e("title"))
677
+ class: o(r(e).e("title"))
673
678
  }, [
674
- p(c.$slots, "title", {}, () => [
675
- C(k(t.title), 1)
679
+ f(i.$slots, "title", {}, () => [
680
+ $(H(s.title), 1)
676
681
  ])
677
682
  ], 2),
678
- t.description || c.$slots.description ? (u(), m("div", {
683
+ s.description || i.$slots.description ? (u(), d("div", {
679
684
  key: 0,
680
- class: s(r(a).e("description"))
685
+ class: o(r(e).e("description"))
681
686
  }, [
682
- p(c.$slots, "description", {}, () => [
683
- C(k(t.description), 1)
687
+ f(i.$slots, "description", {}, () => [
688
+ $(H(s.description), 1)
684
689
  ])
685
- ], 2)) : H("", !0)
690
+ ], 2)) : C("", !0)
686
691
  ], 2)
687
692
  ], 2));
688
693
  }
689
- }), d0 = /* @__PURE__ */ y({
694
+ }), M0 = /* @__PURE__ */ V({
690
695
  name: "XPageHeader",
691
696
  __name: "index",
692
697
  props: {
@@ -696,79 +701,186 @@ const R = ["stroke-width"], U = ["d"], j = /* @__PURE__ */ y({
696
701
  showBack: { type: Boolean, default: !1 }
697
702
  },
698
703
  emits: ["back"],
699
- setup(t, { emit: n }) {
700
- const a = n, e = L("page-header"), l = () => {
701
- a("back");
704
+ setup(s, { emit: n }) {
705
+ const e = n, a = g("page-header"), l = () => {
706
+ e("back");
702
707
  };
703
- return (o, d) => (u(), m("div", {
704
- class: s(r(e).b())
708
+ return (t, v) => (u(), d("div", {
709
+ class: o(r(a).b())
705
710
  }, [
706
711
  h("div", {
707
- class: s(r(e).e("main"))
712
+ class: o(r(a).e("main"))
708
713
  }, [
709
714
  h("div", {
710
- class: s(r(e).e("left"))
715
+ class: o(r(a).e("left"))
711
716
  }, [
712
- t.showBack ? (u(), m("span", {
717
+ s.showBack ? (u(), d("span", {
713
718
  key: 0,
714
- class: s(r(e).e("back")),
719
+ class: o(r(a).e("back")),
715
720
  onClick: l
716
721
  }, [
717
722
  h("span", {
718
- class: s(r(e).e("back-icon"))
723
+ class: o(r(a).e("back-icon"))
719
724
  }, "←", 2),
720
- t.backText ? (u(), m("span", {
725
+ s.backText ? (u(), d("span", {
721
726
  key: 0,
722
- class: s(r(e).e("back-text"))
723
- }, k(t.backText), 3)) : H("", !0)
724
- ], 2)) : H("", !0),
727
+ class: o(r(a).e("back-text"))
728
+ }, H(s.backText), 3)) : C("", !0)
729
+ ], 2)) : C("", !0),
725
730
  h("span", {
726
- class: s(r(e).e("title"))
731
+ class: o(r(a).e("title"))
727
732
  }, [
728
- p(o.$slots, "title", {}, () => [
729
- C(k(t.title), 1)
733
+ f(t.$slots, "title", {}, () => [
734
+ $(H(s.title), 1)
730
735
  ])
731
736
  ], 2),
732
- t.subtitle || o.$slots.subtitle ? (u(), m("span", {
737
+ s.subtitle || t.$slots.subtitle ? (u(), d("span", {
733
738
  key: 1,
734
- class: s(r(e).e("subtitle"))
739
+ class: o(r(a).e("subtitle"))
735
740
  }, [
736
- p(o.$slots, "subtitle", {}, () => [
737
- C(k(t.subtitle), 1)
741
+ f(t.$slots, "subtitle", {}, () => [
742
+ $(H(s.subtitle), 1)
738
743
  ])
739
- ], 2)) : H("", !0)
744
+ ], 2)) : C("", !0)
740
745
  ], 2),
741
746
  h("div", {
742
- class: s(r(e).e("extra"))
747
+ class: o(r(a).e("extra"))
743
748
  }, [
744
- p(o.$slots, "extra")
749
+ f(t.$slots, "extra")
745
750
  ], 2)
746
751
  ], 2),
747
- o.$slots.default ? (u(), m("div", {
752
+ t.$slots.default ? (u(), d("div", {
748
753
  key: 0,
749
- class: s(r(e).e("content"))
754
+ class: o(r(a).e("content"))
750
755
  }, [
751
- p(o.$slots, "default")
752
- ], 2)) : H("", !0),
753
- o.$slots.footer ? (u(), m("div", {
756
+ f(t.$slots, "default")
757
+ ], 2)) : C("", !0),
758
+ t.$slots.footer ? (u(), d("div", {
754
759
  key: 1,
755
- class: s(r(e).e("footer"))
760
+ class: o(r(a).e("footer"))
761
+ }, [
762
+ f(t.$slots, "footer")
763
+ ], 2)) : C("", !0)
764
+ ], 2));
765
+ }
766
+ }), f0 = /* @__PURE__ */ V({
767
+ name: "XDropdown",
768
+ __name: "index",
769
+ props: {
770
+ trigger: { default: "hover" },
771
+ placement: { default: "bottom" },
772
+ disabled: { type: Boolean, default: !1 },
773
+ visible: { type: Boolean },
774
+ hideOnClick: { type: Boolean, default: !0 }
775
+ },
776
+ emits: ["visible-change", "click", "command"],
777
+ setup(s, { emit: n }) {
778
+ const e = s, a = n, l = g("dropdown"), t = w(e.visible || !1), v = w(), z = () => {
779
+ e.disabled || (t.value = !0, a("visible-change", !0));
780
+ }, M = () => {
781
+ t.value = !1, a("visible-change", !1);
782
+ }, b = () => {
783
+ t.value ? M() : z();
784
+ };
785
+ A("x-dropdown", {
786
+ visible: t,
787
+ handleClick: (y) => {
788
+ a("click", y), a("command", y), e.hideOnClick && M();
789
+ },
790
+ hide: M
791
+ });
792
+ const p = () => {
793
+ e.trigger === "hover" && z();
794
+ }, c = () => {
795
+ e.trigger === "hover" && M();
796
+ }, k = (y) => {
797
+ v.value && !v.value.contains(y.target) && M();
798
+ };
799
+ return typeof window < "u" && document.addEventListener("click", k), (y, L) => (u(), d("div", {
800
+ ref_key: "dropdownRef",
801
+ ref: v,
802
+ class: o([r(l).b(), r(l).is("disabled", s.disabled)]),
803
+ onMouseenter: p,
804
+ onMouseleave: c
805
+ }, [
806
+ h("div", {
807
+ class: o(r(l).e("trigger")),
808
+ onClick: L[0] || (L[0] = (D) => s.trigger === "click" && b())
756
809
  }, [
757
- p(o.$slots, "footer")
758
- ], 2)) : H("", !0)
810
+ f(y.$slots, "default")
811
+ ], 2),
812
+ X(j, { name: "x-dropdown-zoom" }, {
813
+ default: G(() => [
814
+ N(h("div", {
815
+ class: o([r(l).e("menu"), r(l).m(s.placement)])
816
+ }, [
817
+ f(y.$slots, "dropdown")
818
+ ], 2), [
819
+ [O, t.value]
820
+ ])
821
+ ]),
822
+ _: 3
823
+ })
824
+ ], 34));
825
+ }
826
+ }), z0 = /* @__PURE__ */ V({
827
+ name: "XDropdownMenu",
828
+ __name: "DropdownMenu",
829
+ setup(s) {
830
+ const n = g("dropdown-menu");
831
+ return (e, a) => (u(), d("ul", {
832
+ class: o(r(n).b())
833
+ }, [
834
+ f(e.$slots, "default")
835
+ ], 2));
836
+ }
837
+ }), b0 = /* @__PURE__ */ V({
838
+ name: "XDropdownItem",
839
+ __name: "DropdownItem",
840
+ props: {
841
+ command: {},
842
+ disabled: { type: Boolean },
843
+ divided: { type: Boolean },
844
+ icon: {}
845
+ },
846
+ emits: ["click"],
847
+ setup(s, { emit: n }) {
848
+ const e = s, a = n, l = g("dropdown-item"), t = B("x-dropdown"), v = (M) => {
849
+ e.disabled || (a("click", M), t != null && t.handleClick && t.handleClick(e.command ?? M));
850
+ }, z = m(() => [
851
+ l.b(),
852
+ l.is("disabled", e.disabled),
853
+ l.is("divided", e.divided)
854
+ ]);
855
+ return (M, b) => (u(), d("li", {
856
+ class: o(z.value),
857
+ onClick: v
858
+ }, [
859
+ s.icon ? (u(), d("span", {
860
+ key: 0,
861
+ class: o(r(l).e("icon"))
862
+ }, H(s.icon), 3)) : C("", !0),
863
+ h("span", {
864
+ class: o(r(l).e("content"))
865
+ }, [
866
+ f(M.$slots, "default")
867
+ ], 2)
759
868
  ], 2));
760
869
  }
761
870
  });
762
871
  export {
763
- r0 as Breadcrumb,
764
- u0 as BreadcrumbItem,
765
- o0 as Menu,
766
- n0 as MenuItem,
767
- c0 as MenuItemGroup,
768
- d0 as PageHeader,
769
- v0 as Step,
770
- m0 as Steps,
771
- i0 as SubMenu,
772
- t0 as TabPane,
773
- s0 as Tabs
872
+ v0 as Breadcrumb,
873
+ m0 as BreadcrumbItem,
874
+ f0 as Dropdown,
875
+ b0 as DropdownItem,
876
+ z0 as DropdownMenu,
877
+ i0 as Menu,
878
+ r0 as MenuItem,
879
+ u0 as MenuItemGroup,
880
+ M0 as PageHeader,
881
+ p0 as Step,
882
+ h0 as Steps,
883
+ d0 as SubMenu,
884
+ c0 as TabPane,
885
+ n0 as Tabs
774
886
  };