@mc-markets/ui 1.0.87 → 1.0.90

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 (65) hide show
  1. package/README.md +39 -54
  2. package/dist/404.html +22 -22
  3. package/dist/components/TabCard/TabCardItem.vue.d.ts.map +1 -1
  4. package/dist/components/Tag/Tag.vue.d.ts +2 -0
  5. package/dist/components/Tag/Tag.vue.d.ts.map +1 -1
  6. package/dist/index.cjs +1 -1
  7. package/dist/index.cjs.map +1 -1
  8. package/dist/index.mjs +119 -110
  9. package/dist/index.mjs.map +1 -1
  10. package/dist/style.css +1 -1
  11. package/package.json +1 -1
  12. package/packages/components/Alert/Alert.vue +139 -139
  13. package/packages/components/Banner/Banner.vue +299 -299
  14. package/packages/components/Breadcrumb/Breadcrumb.vue +113 -113
  15. package/packages/components/Breadcrumb/BreadcrumbSeparator.vue +31 -31
  16. package/packages/components/Button/Button.vue +17 -17
  17. package/packages/components/DatePicker/DatePicker.vue +85 -85
  18. package/packages/components/Dialog/Dialog.vue +61 -61
  19. package/packages/components/Empty/Empty.vue +73 -73
  20. package/packages/components/Form/Form.vue +30 -30
  21. package/packages/components/FormItem/FormItem.vue +19 -19
  22. package/packages/components/Icon/Icon.vue +210 -210
  23. package/packages/components/Input/Input.vue +15 -15
  24. package/packages/components/Message/Message.vue +503 -503
  25. package/packages/components/NotifiMessage/NotifiMessage.vue +293 -293
  26. package/packages/components/Notification/Notification.vue +19 -19
  27. package/packages/components/Option/Option.vue +13 -13
  28. package/packages/components/OptionGroup/OptionGroup.vue +13 -13
  29. package/packages/components/Pagination/Pagination.vue +61 -61
  30. package/packages/components/Radio/Radio.vue +67 -67
  31. package/packages/components/RadioButton/RadioButton.vue +110 -110
  32. package/packages/components/RadioGroup/RadioGroup.vue +155 -155
  33. package/packages/components/Select/Select.vue +22 -22
  34. package/packages/components/Switch/Switch.vue +47 -47
  35. package/packages/components/TabCard/TabCard.vue +107 -117
  36. package/packages/components/TabCard/TabCardItem.vue +105 -119
  37. package/packages/components/Table/Table.vue +17 -17
  38. package/packages/components/Table/TableColumn.vue +20 -20
  39. package/packages/components/Tabs/TabPane.vue +79 -79
  40. package/packages/components/Tabs/Tabs.vue +267 -267
  41. package/packages/components/Tag/Tag.vue +211 -164
  42. package/packages/components/Tooltip/Tooltip.vue +58 -58
  43. package/packages/hooks/useClassName.js +23 -23
  44. package/packages/styles/README.md +129 -129
  45. package/packages/styles/components/button.scss +121 -121
  46. package/packages/styles/components/checkbox.scss +18 -18
  47. package/packages/styles/components/dialog.scss +47 -47
  48. package/packages/styles/components/form.scss +18 -18
  49. package/packages/styles/components/input.scss +14 -14
  50. package/packages/styles/components/select.scss +62 -62
  51. package/packages/styles/components/table.scss +37 -37
  52. package/packages/styles/components/tabs.scss +76 -76
  53. package/packages/styles/components/tag.scss +142 -142
  54. package/packages/styles/font/iconfont.scss +363 -363
  55. package/packages/styles/index.scss +94 -94
  56. package/packages/styles/variables/border-mode.css +6 -6
  57. package/packages/styles/variables/color-modes-dark.css +143 -143
  58. package/packages/styles/variables/index.scss +5 -5
  59. package/packages/styles/variables/primitives-style.css +112 -112
  60. package/packages/styles/variables/radius-mode.css +14 -14
  61. package/packages/styles/variables/spacing-mode.css +20 -20
  62. package/packages/styles/variables/typography-desktop.css +40 -40
  63. package/packages/styles/variables/typography-mobile.css +40 -40
  64. package/packages/utils/classNames.js +23 -23
  65. package/packages/utils/styleUtils.js +105 -105
package/dist/index.mjs CHANGED
@@ -1,21 +1,21 @@
1
1
  var fe = Object.defineProperty, _e = Object.defineProperties;
2
2
  var ge = Object.getOwnPropertyDescriptors;
3
- var z = Object.getOwnPropertySymbols;
3
+ var F = Object.getOwnPropertySymbols;
4
4
  var X = Object.prototype.hasOwnProperty, Y = Object.prototype.propertyIsEnumerable;
5
5
  var Q = (e, t, n) => t in e ? fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, w = (e, t) => {
6
6
  for (var n in t || (t = {}))
7
7
  X.call(t, n) && Q(e, n, t[n]);
8
- if (z)
9
- for (var n of z(t))
8
+ if (F)
9
+ for (var n of F(t))
10
10
  Y.call(t, n) && Q(e, n, t[n]);
11
11
  return e;
12
12
  }, E = (e, t) => _e(e, ge(t));
13
- var F = (e, t) => {
13
+ var D = (e, t) => {
14
14
  var n = {};
15
15
  for (var s in e)
16
16
  X.call(e, s) && t.indexOf(s) < 0 && (n[s] = e[s]);
17
- if (e != null && z)
18
- for (var s of z(e))
17
+ if (e != null && F)
18
+ for (var s of F(e))
19
19
  t.indexOf(s) < 0 && Y.call(e, s) && (n[s] = e[s]);
20
20
  return n;
21
21
  };
@@ -36,7 +36,7 @@ var H = (e, t, n) => new Promise((s, o) => {
36
36
  l((n = n.apply(e, t)).next());
37
37
  });
38
38
  import * as ee from "element-plus";
39
- import { computed as $, createElementBlock as c, openBlock as i, mergeProps as y, renderSlot as m, createBlock as f, createSlots as v, renderList as _, withCtx as p, ref as O, useAttrs as V, unref as I, normalizeProps as G, guardReactiveProps as U, createCommentVNode as C, createElementVNode as h, Fragment as j, normalizeClass as T, mergeModels as K, useModel as be, createVNode as N, Teleport as te, TransitionGroup as se, resolveDynamicComponent as ne, toDisplayString as x, useSlots as ve, watch as L, normalizeStyle as oe, createTextVNode as ae, provide as re, onMounted as le, nextTick as he, withDirectives as ye, vShow as $e, inject as ie, onUnmounted as Me } from "vue";
39
+ import { computed as h, createElementBlock as c, openBlock as i, mergeProps as $, renderSlot as m, createBlock as f, createSlots as v, renderList as _, withCtx as p, ref as O, useAttrs as R, unref as I, normalizeProps as U, guardReactiveProps as q, createCommentVNode as C, createElementVNode as y, Fragment as j, normalizeClass as T, mergeModels as K, useModel as be, createVNode as L, Teleport as te, TransitionGroup as se, resolveDynamicComponent as ne, toDisplayString as x, useSlots as ve, watch as V, normalizeStyle as oe, createTextVNode as ae, provide as re, onMounted as le, nextTick as he, withDirectives as ye, vShow as $e, inject as ie, onUnmounted as Me } from "vue";
40
40
  import { ElButton as Ce, ElInput as ke, ElForm as we, ElFormItem as Se, ElTooltip as Te, ElSelect as Ie, ElOption as Be, ElOptionGroup as Oe, ElPagination as Ee, ElRadio as xe, ElRadioGroup as Pe, ElRadioButton as je, ElSwitch as Ae, ElTag as Ne, ElAlert as Le, ElDialog as Ve, ElNotification as Re, ElDatePicker as ze, ElEmpty as Fe, ElTable as De, ElTableColumn as Ge } from "element-plus/es";
41
41
  import "element-plus/es/components/base/style/index";
42
42
  import "element-plus/es/components/button/style/index";
@@ -105,30 +105,30 @@ const S = (e, t) => {
105
105
  },
106
106
  emits: ["click"],
107
107
  setup(e, { emit: t }) {
108
- const n = e, s = t, o = $(() => {
108
+ const n = e, s = t, o = h(() => {
109
109
  const l = ["iconfont"];
110
110
  return n.name && l.push(`${n.prefix}-${n.name}`), n.spin && l.push("icon-spin"), n.pulse && l.push("icon-pulse"), n.flip && l.push(`icon-flip-${n.flip}`), l;
111
- }), a = $(() => {
111
+ }), a = h(() => {
112
112
  const l = {};
113
113
  return n.size && (typeof n.size == "number" ? l.fontSize = `${n.size}px` : l.fontSize = n.size), n.color && (l.color = n.color), n.rotate !== 0 && (l.transform = `rotate(${n.rotate}deg)`), l;
114
114
  }), r = (l) => {
115
115
  s("click", l);
116
116
  };
117
- return (l, d) => (i(), c("i", y({
117
+ return (l, d) => (i(), c("i", $({
118
118
  class: o.value,
119
119
  style: a.value
120
120
  }, l.$attrs, { onClick: r }), [
121
121
  m(l.$slots, "default", {}, void 0, !0)
122
122
  ], 16));
123
123
  }
124
- }), Z = /* @__PURE__ */ S(Ue, [["__scopeId", "data-v-90f84c9e"]]), qe = /* @__PURE__ */ Object.assign({
124
+ }), Z = /* @__PURE__ */ S(Ue, [["__scopeId", "data-v-94ce8db4"]]), qe = /* @__PURE__ */ Object.assign({
125
125
  name: "MButton"
126
126
  }, {
127
127
  __name: "Button",
128
128
  setup(e) {
129
129
  return (t, n) => {
130
130
  const s = Ce;
131
- return i(), f(s, y(t.$attrs, { class: "m-button" }), v({ _: 2 }, [
131
+ return i(), f(s, $(t.$attrs, { class: "m-button" }), v({ _: 2 }, [
132
132
  _(t.$slots, (o, a) => ({
133
133
  name: a,
134
134
  fn: p(() => [
@@ -138,14 +138,14 @@ const S = (e, t) => {
138
138
  ]), 1040);
139
139
  };
140
140
  }
141
- }), We = /* @__PURE__ */ S(qe, [["__scopeId", "data-v-9c99add1"]]), He = /* @__PURE__ */ Object.assign({
141
+ }), We = /* @__PURE__ */ S(qe, [["__scopeId", "data-v-79a4d7ee"]]), He = /* @__PURE__ */ Object.assign({
142
142
  name: "MInput"
143
143
  }, {
144
144
  __name: "Input",
145
145
  setup(e) {
146
146
  return (t, n) => {
147
147
  const s = ke;
148
- return i(), f(s, y(t.$attrs, {
148
+ return i(), f(s, $(t.$attrs, {
149
149
  class: ["m-input", { solid: t.$attrs.styleType === "solid" }]
150
150
  }), v({ _: 2 }, [
151
151
  _(t.$slots, (o, a) => ({
@@ -163,7 +163,7 @@ const S = (e, t) => {
163
163
  __name: "Form",
164
164
  setup(e, { expose: t }) {
165
165
  const n = O();
166
- return V(), t({
166
+ return R(), t({
167
167
  validate: (s) => {
168
168
  var o;
169
169
  return (o = n.value) == null ? void 0 : o.validate(s);
@@ -186,7 +186,7 @@ const S = (e, t) => {
186
186
  }
187
187
  }), (s, o) => {
188
188
  const a = we;
189
- return i(), f(a, y({
189
+ return i(), f(a, $({
190
190
  ref_key: "formRef",
191
191
  ref: n
192
192
  }, s.$attrs, { class: "m-form" }), v({ _: 2 }, [
@@ -206,7 +206,7 @@ const S = (e, t) => {
206
206
  setup(e) {
207
207
  return (t, n) => {
208
208
  const s = Se;
209
- return i(), f(s, y(t.$attrs, { class: "m-form-item" }), v({ _: 2 }, [
209
+ return i(), f(s, $(t.$attrs, { class: "m-form-item" }), v({ _: 2 }, [
210
210
  _(t.$slots, (o, a) => ({
211
211
  name: a,
212
212
  fn: p(() => [
@@ -223,7 +223,7 @@ const S = (e, t) => {
223
223
  }), n;
224
224
  };
225
225
  function A(e, t = "popperClass") {
226
- const n = V(), s = $(() => Xe(n, t)), o = $(() => Qe(e, n[t]));
226
+ const n = R(), s = h(() => Xe(n, t)), o = h(() => Qe(e, n[t]));
227
227
  return {
228
228
  mergedAttrs: s,
229
229
  className: o
@@ -243,7 +243,7 @@ const Ye = /* @__PURE__ */ Object.assign({
243
243
  const { mergedAttrs: t, className: n } = A("mc-tooltip-popper");
244
244
  return (s, o) => {
245
245
  const a = Te;
246
- return i(), f(a, y(I(t), { "popper-class": I(n) }), v({ _: 2 }, [
246
+ return i(), f(a, $(I(t), { "popper-class": I(n) }), v({ _: 2 }, [
247
247
  _(s.$slots, (r, l) => ({
248
248
  name: l,
249
249
  fn: p(() => [
@@ -260,7 +260,7 @@ const Ye = /* @__PURE__ */ Object.assign({
260
260
  setup(e) {
261
261
  return (t, n) => {
262
262
  const s = Ie;
263
- return i(), f(s, y({
263
+ return i(), f(s, $({
264
264
  class: ["m-select", { solid: t.$attrs.styleType === "solid" }],
265
265
  "show-arrow": !1
266
266
  }, t.$attrs), v({ _: 2 }, [
@@ -280,7 +280,7 @@ const Ye = /* @__PURE__ */ Object.assign({
280
280
  setup(e) {
281
281
  return (t, n) => {
282
282
  const s = Be;
283
- return i(), f(s, G(U(t.$attrs)), v({ _: 2 }, [
283
+ return i(), f(s, U(q(t.$attrs)), v({ _: 2 }, [
284
284
  _(t.$slots, (o, a) => ({
285
285
  name: a,
286
286
  fn: p(() => [
@@ -297,7 +297,7 @@ const Ye = /* @__PURE__ */ Object.assign({
297
297
  setup(e) {
298
298
  return (t, n) => {
299
299
  const s = Oe;
300
- return i(), f(s, G(U(t.$attrs)), v({ _: 2 }, [
300
+ return i(), f(s, U(q(t.$attrs)), v({ _: 2 }, [
301
301
  _(t.$slots, (o, a) => ({
302
302
  name: a,
303
303
  fn: p(() => [
@@ -314,7 +314,7 @@ const Ye = /* @__PURE__ */ Object.assign({
314
314
  setup(e) {
315
315
  return (t, n) => {
316
316
  const s = Ee;
317
- return i(), f(s, y(t.$attrs, { class: "m-pagination" }), v({ _: 2 }, [
317
+ return i(), f(s, $(t.$attrs, { class: "m-pagination" }), v({ _: 2 }, [
318
318
  _(t.$slots, (o, a) => ({
319
319
  name: a,
320
320
  fn: p(() => [
@@ -338,7 +338,7 @@ const Ye = /* @__PURE__ */ Object.assign({
338
338
  const { mergedAttrs: t } = A("mc-radio-popper");
339
339
  return (n, s) => {
340
340
  const o = xe;
341
- return i(), f(o, y(I(t), { class: "m-radio" }), v({ _: 2 }, [
341
+ return i(), f(o, $(I(t), { class: "m-radio" }), v({ _: 2 }, [
342
342
  _(n.$slots, (a, r) => ({
343
343
  name: r,
344
344
  fn: p(() => [
@@ -359,16 +359,16 @@ const Ye = /* @__PURE__ */ Object.assign({
359
359
  }
360
360
  },
361
361
  setup(e) {
362
- const t = V(), n = $(() => {
362
+ const t = R(), n = h(() => {
363
363
  const o = "mc-radio-group-popper";
364
364
  return t.popperClass ? `${o} ${t.popperClass}`.trim() : o;
365
- }), s = $(() => {
365
+ }), s = h(() => {
366
366
  const r = t, { popperClass: o } = r;
367
- return F(r, ["popperClass"]);
367
+ return D(r, ["popperClass"]);
368
368
  });
369
369
  return (o, a) => {
370
370
  const r = Pe;
371
- return i(), f(r, y(s.value, {
371
+ return i(), f(r, $(s.value, {
372
372
  "popper-class": n.value,
373
373
  class: "m-radio-group"
374
374
  }), v({ _: 2 }, [
@@ -395,7 +395,7 @@ const Ye = /* @__PURE__ */ Object.assign({
395
395
  const { mergedAttrs: t } = A("mc-radio-button-popper");
396
396
  return (n, s) => {
397
397
  const o = je;
398
- return i(), f(o, y(I(t), { class: "m-radio-button" }), v({ _: 2 }, [
398
+ return i(), f(o, $(I(t), { class: "m-radio-button" }), v({ _: 2 }, [
399
399
  _(n.$slots, (a, r) => ({
400
400
  name: r,
401
401
  fn: p(() => [
@@ -419,7 +419,7 @@ const Ye = /* @__PURE__ */ Object.assign({
419
419
  const { mergedAttrs: t, className: n } = A("mc-switch-popper");
420
420
  return (s, o) => {
421
421
  const a = Ae;
422
- return i(), f(a, y(I(t), {
422
+ return i(), f(a, $(I(t), {
423
423
  "popper-class": I(n),
424
424
  class: "m-switch"
425
425
  }), v({ _: 2 }, [
@@ -451,36 +451,45 @@ const Ye = /* @__PURE__ */ Object.assign({
451
451
  loading: {
452
452
  type: Boolean,
453
453
  default: !1
454
+ },
455
+ status: {
456
+ type: String,
457
+ default: "",
458
+ validator: (e) => ["", "success", "warning", "danger"].includes(e)
454
459
  }
455
460
  },
456
461
  setup(e) {
457
- const t = e, n = $(() => t.prefixIcon);
458
- return (s, o) => {
459
- const a = Ne;
460
- return i(), f(a, y(s.$attrs, {
461
- class: ["m-tag", { "is-loading": e.loading }]
462
+ const t = e, n = h(() => {
463
+ if (t.status)
464
+ return t.status;
465
+ }), s = h(() => t.status === "warning" ? !0 : t.loading), o = h(() => t.prefixIcon ? t.prefixIcon : t.status === "success" ? "icon-circle-check-filled" : t.status === "danger" ? "icon-lucide_circle-x-filled" : ""), a = h(() => t.suffixIcon ? t.suffixIcon : "");
466
+ return (r, l) => {
467
+ const d = Ne;
468
+ return i(), f(d, $(r.$attrs, {
469
+ type: n.value,
470
+ class: ["m-tag", { "is-loading": s.value }]
462
471
  }), v({ _: 2 }, [
463
- _(s.$slots, (r, l) => ({
464
- name: l,
472
+ _(r.$slots, (g, M) => ({
473
+ name: M,
465
474
  fn: p(() => [
466
- e.loading && !e.prefixIcon ? (i(), c("div", lt, [
467
- h("div", it, [
468
- (i(), c(j, null, _(8, (d) => h("div", { key: d })), 64))
475
+ s.value && !o.value ? (i(), c("div", lt, [
476
+ y("div", it, [
477
+ (i(), c(j, null, _(8, (N) => y("div", { key: N })), 64))
469
478
  ])
470
- ])) : n.value ? (i(), c("i", {
479
+ ])) : o.value ? (i(), c("i", {
471
480
  key: 1,
472
- class: T(["prefixIcon", ["iconfont", n.value]])
481
+ class: T(["prefixIcon", ["iconfont", o.value]])
473
482
  }, null, 2)) : C("", !0),
474
- h("div", null, [
475
- m(s.$slots, l)
483
+ y("div", null, [
484
+ m(r.$slots, M)
476
485
  ]),
477
- e.suffixIcon ? (i(), c("i", {
486
+ a.value ? (i(), c("i", {
478
487
  key: 2,
479
- class: T(["suffixIcon", ["iconfont", e.suffixIcon]])
488
+ class: T(["suffixIcon", ["iconfont", a.value]])
480
489
  }, null, 2)) : C("", !0)
481
490
  ])
482
491
  }))
483
- ]), 1040, ["class"]);
492
+ ]), 1040, ["type", "class"]);
484
493
  };
485
494
  }
486
495
  }), ut = ["src", "alt"], dt = ["success", "warning", "error"], mt = {
@@ -498,20 +507,20 @@ const Ye = /* @__PURE__ */ Object.assign({
498
507
  }
499
508
  },
500
509
  setup(e) {
501
- const t = e, n = V(), s = $(() => {
502
- const l = n, { useCustomIcon: a } = l, r = F(l, ["useCustomIcon"]);
510
+ const t = e, n = R(), s = h(() => {
511
+ const l = n, { useCustomIcon: a } = l, r = D(l, ["useCustomIcon"]);
503
512
  return E(w({}, r), {
504
513
  type: t.type
505
514
  // 确保 type 属性正确传递给 el-alert
506
515
  });
507
- }), o = $(() => t.useCustomIcon ? `https://cfdsaas-pre.oss-cn-hongkong.aliyuncs.com/mc-assets/mc-ui/alert/alert-${t.type}.png` : null);
516
+ }), o = h(() => t.useCustomIcon ? `https://cfdsaas-pre.oss-cn-hongkong.aliyuncs.com/mc-assets/mc-ui/alert/alert-${t.type}.png` : null);
508
517
  return (a, r) => {
509
518
  const l = Le;
510
- return i(), f(l, y(s.value, { class: "mc-alert" }), v({ _: 2 }, [
519
+ return i(), f(l, $(s.value, { class: "mc-alert" }), v({ _: 2 }, [
511
520
  o.value ? {
512
521
  name: "icon",
513
522
  fn: p(() => [
514
- h("img", {
523
+ y("img", {
515
524
  src: o.value,
516
525
  alt: `${e.type} icon`,
517
526
  class: "mc-alert-icon"
@@ -566,7 +575,7 @@ const Ye = /* @__PURE__ */ Object.assign({
566
575
  return (s, o) => {
567
576
  const a = Ve;
568
577
  return i(), c("div", null, [
569
- N(a, y({
578
+ L(a, $({
570
579
  modelValue: n.value,
571
580
  "onUpdate:modelValue": o[0] || (o[0] = (r) => n.value = r),
572
581
  width: e.width,
@@ -586,7 +595,7 @@ const Ye = /* @__PURE__ */ Object.assign({
586
595
  s.$slots.header ? {
587
596
  name: "header",
588
597
  fn: p(({ close: r, titleId: l, titleClass: d }) => [
589
- m(s.$slots, "header", G(U({ close: r, titleId: l, titleClass: d })))
598
+ m(s.$slots, "header", U(q({ close: r, titleId: l, titleClass: d })))
590
599
  ]),
591
600
  key: "0"
592
601
  } : void 0,
@@ -606,7 +615,7 @@ const Ye = /* @__PURE__ */ Object.assign({
606
615
  };
607
616
  function gt(e, t, n, s, o, a) {
608
617
  const r = Re;
609
- return i(), f(r, y(e.$attrs, { class: "mc-notification" }), v({ _: 2 }, [
618
+ return i(), f(r, $(e.$attrs, { class: "mc-notification" }), v({ _: 2 }, [
610
619
  _(e.$slots, (l, d) => ({
611
620
  name: d,
612
621
  fn: p(() => [
@@ -711,7 +720,7 @@ const ht = {
711
720
  }, Et = ["onClick"];
712
721
  function xt(e, t, n, s, o, a) {
713
722
  return i(), f(te, { to: "body" }, [
714
- N(se, {
723
+ L(se, {
715
724
  name: "message",
716
725
  tag: "div",
717
726
  class: "message-container"
@@ -734,7 +743,7 @@ function xt(e, t, n, s, o, a) {
734
743
  class: "message-icon-img"
735
744
  }, null, 8, Ct)) : r.type === "success" ? (i(), c("img", kt)) : r.type === "warning" ? (i(), c("img", wt)) : r.type === "error" ? (i(), c("img", St)) : C("", !0)
736
745
  ])) : C("", !0),
737
- h("div", Tt, [
746
+ y("div", Tt, [
738
747
  typeof r.message == "function" ? (i(), f(ne(r.message), { key: 0 })) : r.dangerouslyUseHTMLString ? (i(), c("div", {
739
748
  key: 1,
740
749
  innerHTML: r.message
@@ -811,7 +820,7 @@ const sn = {
811
820
  }, zt = ["onClick"];
812
821
  function Ft(e, t, n, s, o, a) {
813
822
  return i(), f(te, { to: "body" }, [
814
- N(se, {
823
+ L(se, {
815
824
  name: "notification",
816
825
  tag: "div",
817
826
  class: "notification-container"
@@ -824,15 +833,15 @@ function Ft(e, t, n, s, o, a) {
824
833
  `notification-${r.position}`
825
834
  ])
826
835
  }, [
827
- t[0] || (t[0] = h("div", { class: "notification-icon" }, [
828
- h("img", {
836
+ t[0] || (t[0] = y("div", { class: "notification-icon" }, [
837
+ y("img", {
829
838
  src: "https://cfdsaas-pre.oss-cn-hongkong.aliyuncs.com/mc-assets/MCImages/userCenter/icon-quota-tip.png",
830
839
  alt: "notification icon"
831
840
  })
832
841
  ], -1)),
833
- h("div", Nt, [
834
- h("div", Lt, x(r.title), 1),
835
- h("div", Vt, x(r.message), 1),
842
+ y("div", Nt, [
843
+ y("div", Lt, x(r.title), 1),
844
+ y("div", Vt, x(r.message), 1),
836
845
  r.slotContent ? (i(), c("div", Rt, [
837
846
  (i(), f(ne(r.slotContent)))
838
847
  ])) : C("", !0)
@@ -868,7 +877,7 @@ const ue = /* @__PURE__ */ S(At, [["render", Ft]]), Dt = /* @__PURE__ */ Object.
868
877
  );
869
878
  return (s, o) => {
870
879
  const a = ze;
871
- return i(), f(a, y(I(t), {
880
+ return i(), f(a, $(I(t), {
872
881
  class: ["m-datepicker", { "style-type-solid": e.styleType === "solid" }],
873
882
  "popper-class": I(n)
874
883
  }), v({ _: 2 }, [
@@ -909,16 +918,16 @@ const ue = /* @__PURE__ */ S(At, [["render", Ft]]), Dt = /* @__PURE__ */ Object.
909
918
  }
910
919
  },
911
920
  setup(e) {
912
- const t = e, n = V(), s = $(() => {
921
+ const t = e, n = R(), s = h(() => {
913
922
  const l = n, { image: a } = l;
914
- return F(l, ["image"]);
915
- }), o = $(() => {
923
+ return D(l, ["image"]);
924
+ }), o = h(() => {
916
925
  const { image: a } = t;
917
926
  return a.includes("/") || a.includes("http") ? a : `https://cfdsaas-pre.oss-cn-hongkong.aliyuncs.com/mc-assets/mc-ui/empty/${a}.png`;
918
927
  });
919
928
  return (a, r) => {
920
929
  const l = Fe;
921
- return i(), f(l, y(s.value, { image: o.value }), v({ _: 2 }, [
930
+ return i(), f(l, $(s.value, { image: o.value }), v({ _: 2 }, [
922
931
  _(a.$slots, (d, g) => ({
923
932
  name: g,
924
933
  fn: p(() => [
@@ -935,7 +944,7 @@ const ue = /* @__PURE__ */ S(At, [["render", Ft]]), Dt = /* @__PURE__ */ Object.
935
944
  setup(e) {
936
945
  return (t, n) => {
937
946
  const s = De;
938
- return i(), f(s, G(U(t.$attrs)), v({ _: 2 }, [
947
+ return i(), f(s, U(q(t.$attrs)), v({ _: 2 }, [
939
948
  _(t.$slots, (o, a) => ({
940
949
  name: a,
941
950
  fn: p(() => [
@@ -952,7 +961,7 @@ const ue = /* @__PURE__ */ S(At, [["render", Ft]]), Dt = /* @__PURE__ */ Object.
952
961
  setup(e) {
953
962
  return (t, n) => {
954
963
  const s = Ge;
955
- return i(), f(s, y(t.$attrs, { class: "m-table-column" }), v({ _: 2 }, [
964
+ return i(), f(s, $(t.$attrs, { class: "m-table-column" }), v({ _: 2 }, [
956
965
  _(t.$slots, (o, a) => ({
957
966
  name: a,
958
967
  fn: p(() => [
@@ -1030,10 +1039,10 @@ const ue = /* @__PURE__ */ S(At, [["render", Ft]]), Dt = /* @__PURE__ */ Object.
1030
1039
  emits: ["close", "update:visible"],
1031
1040
  setup(e, { expose: t, emit: n }) {
1032
1041
  const s = ve(), o = e, a = n, r = O(o.visible);
1033
- L(() => o.visible, (M) => {
1042
+ V(() => o.visible, (M) => {
1034
1043
  r.value = M;
1035
1044
  });
1036
- const l = $(() => {
1045
+ const l = h(() => {
1037
1046
  const M = {};
1038
1047
  return o.backgroundColor && (M.backgroundColor = o.backgroundColor), o.textColor && (M.color = o.textColor), o.borderColor && (M.borderColor = o.borderColor), M;
1039
1048
  }), d = {
@@ -1042,17 +1051,17 @@ const ue = /* @__PURE__ */ S(At, [["render", Ft]]), Dt = /* @__PURE__ */ Object.
1042
1051
  warning: "warning",
1043
1052
  error: "close-circle"
1044
1053
  };
1045
- $(() => o.icon || d[o.type]);
1054
+ h(() => o.icon || d[o.type]);
1046
1055
  const g = () => {
1047
1056
  r.value = !1, a("update:visible", !1), a("close");
1048
1057
  };
1049
- return L(r, (M) => {
1058
+ return V(r, (M) => {
1050
1059
  M && o.duration > 0 && setTimeout(() => {
1051
1060
  g();
1052
1061
  }, o.duration);
1053
1062
  }), t({
1054
1063
  close: g
1055
- }), (M, q) => e.visible ? (i(), c("div", {
1064
+ }), (M, N) => e.visible ? (i(), c("div", {
1056
1065
  key: 0,
1057
1066
  class: T(["m-banner", [
1058
1067
  `m-banner--${e.type}`,
@@ -1063,16 +1072,16 @@ const ue = /* @__PURE__ */ S(At, [["render", Ft]]), Dt = /* @__PURE__ */ Object.
1063
1072
  ]]),
1064
1073
  style: oe(l.value)
1065
1074
  }, [
1066
- h("div", Zt, [
1075
+ y("div", Zt, [
1067
1076
  e.icon || I(s).icon ? (i(), c("div", Jt, [
1068
1077
  m(M.$slots, "icon", {}, () => [
1069
- N(Z, {
1078
+ L(Z, {
1070
1079
  name: e.icon,
1071
1080
  size: e.iconSize
1072
1081
  }, null, 8, ["name", "size"])
1073
1082
  ], !0)
1074
1083
  ])) : C("", !0),
1075
- h("div", Qt, [
1084
+ y("div", Qt, [
1076
1085
  m(M.$slots, "default", {}, () => [
1077
1086
  ae(x(e.content), 1)
1078
1087
  ], !0)
@@ -1082,7 +1091,7 @@ const ue = /* @__PURE__ */ S(At, [["render", Ft]]), Dt = /* @__PURE__ */ Object.
1082
1091
  class: "m-banner__close",
1083
1092
  onClick: g
1084
1093
  }, [
1085
- N(Z, {
1094
+ L(Z, {
1086
1095
  name: "lucide-x",
1087
1096
  size: e.closeIconSize
1088
1097
  }, null, 8, ["size"])
@@ -1090,7 +1099,7 @@ const ue = /* @__PURE__ */ S(At, [["render", Ft]]), Dt = /* @__PURE__ */ Object.
1090
1099
  ])
1091
1100
  ], 6)) : C("", !0);
1092
1101
  }
1093
- }), Yt = /* @__PURE__ */ S(Xt, [["__scopeId", "data-v-00c80323"]]), Kt = {
1102
+ }), Yt = /* @__PURE__ */ S(Xt, [["__scopeId", "data-v-6543ff81"]]), Kt = {
1094
1103
  name: "MTabs",
1095
1104
  props: {
1096
1105
  modelValue: {
@@ -1145,21 +1154,21 @@ const ue = /* @__PURE__ */ S(At, [["render", Ft]]), Dt = /* @__PURE__ */ Object.
1145
1154
  }, g = () => {
1146
1155
  t("tab-add"), t("edit", null, "add");
1147
1156
  }, M = (b) => {
1148
- const k = s.value.findIndex((R) => R.name === b.name);
1157
+ const k = s.value.findIndex((z) => z.name === b.name);
1149
1158
  k === -1 ? s.value.push(b) : s.value[k] = b;
1150
- }, q = (b) => {
1151
- const k = s.value.findIndex((R) => R.name === b);
1159
+ }, N = (b) => {
1160
+ const k = s.value.findIndex((z) => z.name === b);
1152
1161
  k > -1 && s.value.splice(k, 1);
1153
1162
  };
1154
1163
  return re("tabsContext", {
1155
1164
  activeTab: o,
1156
1165
  registerTab: M,
1157
- unregisterTab: q,
1166
+ unregisterTab: N,
1158
1167
  handleTabRemove: d,
1159
1168
  handleTabAdd: g
1160
- }), L(() => e.modelValue, (b, k) => {
1169
+ }), V(() => e.modelValue, (b, k) => {
1161
1170
  b !== o.value && (o.value = b, t("tab-change", b, k), r());
1162
- }), L(s, () => {
1171
+ }), V(s, () => {
1163
1172
  r();
1164
1173
  }, { deep: !0 }), le(() => {
1165
1174
  if (!o.value && s.value.length > 0) {
@@ -1176,7 +1185,7 @@ const ue = /* @__PURE__ */ S(At, [["render", Ft]]), Dt = /* @__PURE__ */ Object.
1176
1185
  handleTabRemove: d,
1177
1186
  handleTabAdd: g,
1178
1187
  registerTab: M,
1179
- unregisterTab: q,
1188
+ unregisterTab: N,
1180
1189
  updateActiveBarPosition: r
1181
1190
  };
1182
1191
  }
@@ -1188,8 +1197,8 @@ function os(e, t, n, s, o, a) {
1188
1197
  return i(), c("div", {
1189
1198
  class: T(["m-tabs", { "style-solid": n.styleType === "solid" }])
1190
1199
  }, [
1191
- h("div", es, [
1192
- h("div", ts, [
1200
+ y("div", es, [
1201
+ y("div", ts, [
1193
1202
  (i(!0), c(j, null, _(s.tabs, (r, l) => (i(), c("div", {
1194
1203
  key: r.name,
1195
1204
  class: T([
@@ -1205,12 +1214,12 @@ function os(e, t, n, s, o, a) {
1205
1214
  }, null, 4)) : C("", !0)
1206
1215
  ], 512)
1207
1216
  ]),
1208
- h("div", ns, [
1217
+ y("div", ns, [
1209
1218
  m(e.$slots, "default", {}, void 0, !0)
1210
1219
  ])
1211
1220
  ], 2);
1212
1221
  }
1213
- const as = /* @__PURE__ */ S(Kt, [["render", os], ["__scopeId", "data-v-37dc138d"]]), rs = {
1222
+ const as = /* @__PURE__ */ S(Kt, [["render", os], ["__scopeId", "data-v-c0a2c4d8"]]), rs = {
1214
1223
  name: "MTabPane",
1215
1224
  props: {
1216
1225
  label: {
@@ -1231,7 +1240,7 @@ const as = /* @__PURE__ */ S(Kt, [["render", os], ["__scopeId", "data-v-37dc138d
1231
1240
  }
1232
1241
  },
1233
1242
  setup(e) {
1234
- const t = ie("tabsContext"), n = $(() => e.name || e.label), s = $(() => t.activeTab.value === n.value);
1243
+ const t = ie("tabsContext"), n = h(() => e.name || e.label), s = h(() => t.activeTab.value === n.value);
1235
1244
  return le(() => {
1236
1245
  const o = {
1237
1246
  label: e.label,
@@ -1257,7 +1266,7 @@ function ls(e, t, n, s, o, a) {
1257
1266
  [$e, s.isActive]
1258
1267
  ]);
1259
1268
  }
1260
- const is = /* @__PURE__ */ S(rs, [["render", ls], ["__scopeId", "data-v-31f89b3b"]]), cs = { class: "m-tab-card-item__text" }, us = /* @__PURE__ */ Object.assign({
1269
+ const is = /* @__PURE__ */ S(rs, [["render", ls], ["__scopeId", "data-v-92dbedb7"]]), cs = { class: "m-tab-card-item__text" }, us = /* @__PURE__ */ Object.assign({
1261
1270
  name: "MTabCardItem"
1262
1271
  }, {
1263
1272
  __name: "TabCardItem",
@@ -1277,7 +1286,7 @@ const is = /* @__PURE__ */ S(rs, [["render", ls], ["__scopeId", "data-v-31f89b3b
1277
1286
  },
1278
1287
  emits: ["click"],
1279
1288
  setup(e, { emit: t }) {
1280
- const n = e, s = t, o = ie("tabCardContext"), a = $(() => o.activeTab.value === n.name), r = () => {
1289
+ const n = e, s = t, o = ie("tabCardContext"), a = h(() => o.activeTab.value === n.name), r = () => {
1281
1290
  n.disabled || (o.handleTabClick(n.name, n.disabled), s("click", n.name));
1282
1291
  };
1283
1292
  return (l, d) => (i(), c("div", {
@@ -1290,14 +1299,14 @@ const is = /* @__PURE__ */ S(rs, [["render", ls], ["__scopeId", "data-v-31f89b3b
1290
1299
  ]),
1291
1300
  onClick: r
1292
1301
  }, [
1293
- h("span", cs, [
1302
+ y("span", cs, [
1294
1303
  m(l.$slots, "default", {}, () => [
1295
1304
  ae(x(e.label), 1)
1296
1305
  ], !0)
1297
1306
  ])
1298
1307
  ], 2));
1299
1308
  }
1300
- }), de = /* @__PURE__ */ S(us, [["__scopeId", "data-v-18eaffcc"]]), ds = { class: "m-tab-card__container" }, ms = /* @__PURE__ */ Object.assign({
1309
+ }), de = /* @__PURE__ */ S(us, [["__scopeId", "data-v-27e448d5"]]), ds = { class: "m-tab-card__container" }, ms = /* @__PURE__ */ Object.assign({
1301
1310
  name: "MTabCard"
1302
1311
  }, {
1303
1312
  __name: "TabCard",
@@ -1319,7 +1328,7 @@ const is = /* @__PURE__ */ S(rs, [["render", ls], ["__scopeId", "data-v-31f89b3b
1319
1328
  setup(e, { emit: t }) {
1320
1329
  const n = e, s = t;
1321
1330
  A();
1322
- const o = O(n.modelValue), a = $(() => n.options.map((l) => typeof l == "string" ? { label: l, name: l, disabled: !1 } : {
1331
+ const o = O(n.modelValue), a = h(() => n.options.map((l) => typeof l == "string" ? { label: l, name: l, disabled: !1 } : {
1323
1332
  label: l.label || l.name || "",
1324
1333
  name: l.name || l.label || "",
1325
1334
  disabled: l.disabled || !1
@@ -1329,7 +1338,7 @@ const is = /* @__PURE__ */ S(rs, [["render", ls], ["__scopeId", "data-v-31f89b3b
1329
1338
  const g = o.value;
1330
1339
  o.value = l, s("update:modelValue", l), s("change", l, g), s("tab-click", l);
1331
1340
  };
1332
- return L(() => n.modelValue, (l) => {
1341
+ return V(() => n.modelValue, (l) => {
1333
1342
  l !== o.value && (o.value = l);
1334
1343
  }), re("tabCardContext", {
1335
1344
  activeTab: o,
@@ -1337,7 +1346,7 @@ const is = /* @__PURE__ */ S(rs, [["render", ls], ["__scopeId", "data-v-31f89b3b
1337
1346
  }), (l, d) => (i(), c("div", {
1338
1347
  class: T(["m-tab-card", { "is-disabled": e.disabled }])
1339
1348
  }, [
1340
- h("div", ds, [
1349
+ y("div", ds, [
1341
1350
  (i(!0), c(j, null, _(a.value, (g, M) => (i(), f(de, {
1342
1351
  key: g.name,
1343
1352
  name: g.name,
@@ -1347,7 +1356,7 @@ const is = /* @__PURE__ */ S(rs, [["render", ls], ["__scopeId", "data-v-31f89b3b
1347
1356
  ])
1348
1357
  ], 2));
1349
1358
  }
1350
- }), ps = /* @__PURE__ */ S(ms, [["__scopeId", "data-v-4384e3e5"]]), fs = {
1359
+ }), ps = /* @__PURE__ */ S(ms, [["__scopeId", "data-v-da12e61c"]]), fs = {
1351
1360
  class: "breadcrumb-separator-icon",
1352
1361
  width: "6",
1353
1362
  height: "10",
@@ -1360,7 +1369,7 @@ const is = /* @__PURE__ */ S(rs, [["render", ls], ["__scopeId", "data-v-31f89b3b
1360
1369
  __name: "BreadcrumbSeparator",
1361
1370
  setup(e) {
1362
1371
  return (t, n) => (i(), c("svg", fs, [...n[0] || (n[0] = [
1363
- h("path", {
1372
+ y("path", {
1364
1373
  "fill-rule": "evenodd",
1365
1374
  "clip-rule": "evenodd",
1366
1375
  d: "M0.52827 0.529247C0.788619 0.268897 1.21073 0.268897 1.47108 0.529247L5.47108 4.52925C5.73143 4.7896 5.73143 5.21171 5.47108 5.47206L1.47108 9.47206C1.21073 9.73241 0.788619 9.73241 0.52827 9.47206C0.26792 9.21171 0.26792 8.7896 0.52827 8.52925L4.05687 5.00065L0.52827 1.47206C0.26792 1.21171 0.26792 0.789596 0.52827 0.529247Z",
@@ -1368,7 +1377,7 @@ const is = /* @__PURE__ */ S(rs, [["render", ls], ["__scopeId", "data-v-31f89b3b
1368
1377
  }, null, -1)
1369
1378
  ])]));
1370
1379
  }
1371
- }), gs = /* @__PURE__ */ S(_s, [["__scopeId", "data-v-dd1ad62c"]]), bs = {
1380
+ }), gs = /* @__PURE__ */ S(_s, [["__scopeId", "data-v-d39afcb7"]]), bs = {
1372
1381
  class: "m-breadcrumb",
1373
1382
  "aria-label": "Breadcrumb"
1374
1383
  }, vs = ["onClick"], hs = /* @__PURE__ */ Object.assign({
@@ -1398,7 +1407,7 @@ const is = /* @__PURE__ */ S(rs, [["render", ls], ["__scopeId", "data-v-31f89b3b
1398
1407
  };
1399
1408
  return (o, a) => (i(), c("nav", bs, [
1400
1409
  (i(!0), c(j, null, _(e.items, (r, l) => (i(), c(j, { key: l }, [
1401
- h("span", {
1410
+ y("span", {
1402
1411
  class: T(["m-breadcrumb__item", { "is-link": r.to }]),
1403
1412
  onClick: (d) => s(r)
1404
1413
  }, x(r.label), 11, vs),
@@ -1409,12 +1418,12 @@ const is = /* @__PURE__ */ S(rs, [["render", ls], ["__scopeId", "data-v-31f89b3b
1409
1418
  ], 64))), 128))
1410
1419
  ]));
1411
1420
  }
1412
- }), ys = /* @__PURE__ */ S(hs, [["__scopeId", "data-v-bfa840fa"]]);
1413
- function D(e) {
1421
+ }), ys = /* @__PURE__ */ S(hs, [["__scopeId", "data-v-8657c9f7"]]);
1422
+ function G(e) {
1414
1423
  e && e.classList && e.classList.add("mc-ui-override");
1415
1424
  }
1416
1425
  function $s(e) {
1417
- e && e.$el && D(e.$el);
1426
+ e && e.$el && G(e.$el);
1418
1427
  }
1419
1428
  function Ms() {
1420
1429
  typeof document != "undefined" && (document.body.classList.add("mc-ui-override"), new MutationObserver((t) => {
@@ -1446,17 +1455,17 @@ function Cs(e = '[class*="el-"]') {
1446
1455
  function ks(e) {
1447
1456
  return E(w({}, e), {
1448
1457
  mounted() {
1449
- D(this.$el), e.mounted && e.mounted.call(this);
1458
+ G(this.$el), e.mounted && e.mounted.call(this);
1450
1459
  },
1451
1460
  updated() {
1452
- D(this.$el), e.updated && e.updated.call(this);
1461
+ G(this.$el), e.updated && e.updated.call(this);
1453
1462
  }
1454
1463
  });
1455
1464
  }
1456
1465
  const ws = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1457
1466
  __proto__: null,
1458
1467
  addComponentOverride: $s,
1459
- addOverrideClass: D,
1468
+ addOverrideClass: G,
1460
1469
  applyGlobalOverride: Ms,
1461
1470
  createOverrideComponent: ks,
1462
1471
  forceRefreshStyles: Cs
@@ -1621,7 +1630,7 @@ export {
1621
1630
  ht as Message,
1622
1631
  sn as NotifiMessage,
1623
1632
  $s as addComponentOverride,
1624
- D as addOverrideClass,
1633
+ G as addOverrideClass,
1625
1634
  Ms as applyGlobalOverride,
1626
1635
  nn as checkComponentRegistration,
1627
1636
  ks as createOverrideComponent,