@matechat/core 1.3.1 → 1.4.0-alpha.2

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/Bubble/index.css CHANGED
@@ -1 +1 @@
1
- .mc-bubble-avatar-wrapper{display:inline-block}.mc-bubble-avatar-wrapper .mc-bubble-avatar-style{display:inline-block;text-align:center;color:var(--devui-light-text, #ffffff)}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-0{background-color:#ff8b87}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-1{background-color:#7693f5}.mc-bubble-loading[data-v-f976c7b6]{display:flex;align-items:center;gap:8px}.mc-bubble-loading .loading-dot[data-v-f976c7b6]{width:8px;height:8px;border-radius:5px;background-color:#9880ff}.mc-bubble-loading .loading-dot.dot-start[data-v-f976c7b6]{animation:dotFlashing-f976c7b6 1s infinite linear alternate;animation-delay:0s}.mc-bubble-loading .loading-dot.dot-middle[data-v-f976c7b6]{animation:dotFlashing-f976c7b6 1s infinite linear alternate;animation-delay:.5s}.mc-bubble-loading .loading-dot.dot-end[data-v-f976c7b6]{animation:dotFlashing-f976c7b6 1s infinite linear alternate;animation-delay:1s}@keyframes dotFlashing-f976c7b6{0%{background-color:#9880ff}to{background-color:#ebe6ff}}.mc-bubble[data-v-6deee2c7]{display:flex;gap:4px}.mc-bubble .mc-bubble-content[data-v-6deee2c7]{word-wrap:break-word}.mc-bubble .mc-bubble-content.filled[data-v-6deee2c7],.mc-bubble .mc-bubble-content.bordered[data-v-6deee2c7]{padding:12px 16px;border-radius:12px}.mc-bubble .mc-bubble-content.filled[data-v-6deee2c7]{background-color:var(--devui-global-bg, #f6f6f8)}.mc-bubble .mc-bubble-content.bordered[data-v-6deee2c7]{border:1px solid var(--devui-dividing-line, #f2f2f3)}.mc-bubble .mc-bubble-avatar[data-v-6deee2c7]{flex-shrink:0;display:flex;gap:4px}.mc-bubble .mc-bubble-avatar .mc-bubble-avatar-name[data-v-6deee2c7]{font-size:14px}.mc-bubble .mc-bubble-avatar.empty-avatar[data-v-6deee2c7]{visibility:hidden}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-6deee2c7]{align-items:center}.mc-bubble .mc-bubble-content-container[data-v-6deee2c7]{max-width:100%}.mc-bubble.mc-bubble-avatar-top[data-v-6deee2c7]{flex-direction:column}.mc-bubble.mc-bubble-loading.mc-bubble-avatar-side[data-v-6deee2c7]{align-items:center}.mc-bubble.mc-bubble-avatar-side.mc-bubble-right[data-v-6deee2c7]{flex-direction:row-reverse;justify-content:end}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-6deee2c7],.mc-bubble.mc-bubble-avatar-top .mc-bubble-content-container[data-v-6deee2c7]{display:flex}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-6deee2c7],.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-content-container[data-v-6deee2c7]{justify-content:end}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-6deee2c7]{flex-direction:row-reverse}
1
+ .mc-bubble-avatar-wrapper{display:inline-block}.mc-bubble-avatar-wrapper .mc-bubble-avatar-style{display:inline-block;text-align:center;color:var(--devui-light-text, #ffffff)}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-0{background-color:#ff8b87}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-1{background-color:#7693f5}.mc-bubble-loading[data-v-395fc568]{display:flex;align-items:center;gap:8px}.mc-bubble-loading .loading-dot[data-v-395fc568]{width:8px;height:8px;border-radius:5px;background-color:#9880ff}.mc-bubble-loading .loading-dot.dot-start[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:0s}.mc-bubble-loading .loading-dot.dot-middle[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:.5s}.mc-bubble-loading .loading-dot.dot-end[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:1s}@keyframes dotFlashing-395fc568{0%{background-color:#9880ff}to{background-color:#ebe6ff}}.mc-bubble[data-v-7e509691]{display:flex;gap:4px}.mc-bubble .mc-bubble-content[data-v-7e509691]{word-wrap:break-word}.mc-bubble .mc-bubble-content.filled[data-v-7e509691],.mc-bubble .mc-bubble-content.bordered[data-v-7e509691]{padding:12px 16px;border-radius:12px}.mc-bubble .mc-bubble-content.filled[data-v-7e509691]{background-color:var(--devui-global-bg, #f6f6f8)}.mc-bubble .mc-bubble-content.bordered[data-v-7e509691]{border:1px solid var(--devui-dividing-line, #f2f2f3)}.mc-bubble .mc-bubble-avatar[data-v-7e509691]{flex-shrink:0;display:flex;gap:4px}.mc-bubble .mc-bubble-avatar .mc-bubble-avatar-name[data-v-7e509691]{font-size:14px}.mc-bubble .mc-bubble-avatar.empty-avatar[data-v-7e509691]{visibility:hidden}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-7e509691]{align-items:center}.mc-bubble .mc-bubble-content-container[data-v-7e509691]{max-width:100%}.mc-bubble.mc-bubble-avatar-top[data-v-7e509691]{flex-direction:column}.mc-bubble.mc-bubble-loading.mc-bubble-avatar-side[data-v-7e509691]{align-items:center}.mc-bubble.mc-bubble-avatar-side.mc-bubble-right[data-v-7e509691]{flex-direction:row-reverse;justify-content:end}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-7e509691],.mc-bubble.mc-bubble-avatar-top .mc-bubble-content-container[data-v-7e509691]{display:flex}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-7e509691],.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-content-container[data-v-7e509691]{justify-content:end}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-7e509691]{flex-direction:row-reverse}
package/Bubble/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import "./index.css";
2
- import { defineComponent as M, createElementBlock as l, openBlock as r, normalizeStyle as h, createElementVNode as v, ref as p, watch as N, createCommentVNode as u, normalizeClass as b, toDisplayString as A, createVNode as w, useSlots as B, computed as $, normalizeProps as R, guardReactiveProps as E, unref as Z, renderSlot as y, createTextVNode as F } from "vue";
2
+ import { defineComponent as M, createElementBlock as l, openBlock as r, normalizeStyle as h, createElementVNode as v, ref as p, watch as N, createCommentVNode as d, normalizeClass as b, toDisplayString as A, createVNode as w, useSlots as B, computed as $, normalizeProps as R, guardReactiveProps as E, unref as Z, renderSlot as y, createTextVNode as F } from "vue";
3
3
  const T = {
4
4
  name: {
5
5
  type: String,
@@ -215,52 +215,52 @@ const T = {
215
215
  __name: "Avatar",
216
216
  props: T,
217
217
  setup(i) {
218
- const a = i, s = p(!1), n = p(!0), c = p(1), t = p(12), o = p(), g = (e) => {
218
+ const a = i, s = p(!1), n = p(!0), g = p(1), t = p(12), o = p(), C = (e) => {
219
219
  if (a.gender) {
220
- a.gender.toLowerCase() === "male" ? c.value = 1 : a.gender.toLowerCase() === "female" && (c.value = 0);
220
+ a.gender.toLowerCase() === "male" ? g.value = 1 : a.gender.toLowerCase() === "female" && (g.value = 0);
221
221
  return;
222
222
  }
223
- const d = e.charCodeAt(0);
224
- c.value = d % 2;
225
- }, L = (e, d) => {
223
+ const u = e.charCodeAt(0);
224
+ g.value = u % 2;
225
+ }, L = (e, u) => {
226
226
  if (e.length < 2)
227
227
  o.value = e;
228
228
  else if (/^[\u4e00-\u9fa5]/.test(e))
229
229
  o.value = e.substr(e.length - 2, 2);
230
230
  else if (/^[A-Za-z]/.test(e))
231
231
  if (/[_ -]/.test(e)) {
232
- const C = e.split(/_|-|\s+/)[0], m = e.split(/_|-|\s+/)[1];
233
- o.value = C.substr(0, 1).toUpperCase() + m.substr(0, 1).toUpperCase();
232
+ const c = e.split(/_|-|\s+/)[0], m = e.split(/_|-|\s+/)[1];
233
+ o.value = c.substr(0, 1).toUpperCase() + m.substr(0, 1).toUpperCase();
234
234
  } else
235
235
  o.value = e.substr(0, 2).toUpperCase();
236
236
  else
237
237
  o.value = e.substr(0, 2);
238
- d < 30 && (o.value = e.substr(0, 1).toUpperCase()), g(e.substr(0, 1));
238
+ u < 30 && (o.value = e.substr(0, 1).toUpperCase()), C(e.substr(0, 1));
239
239
  }, f = (e) => {
240
- const d = e, C = Math.min(a.width, a.height);
241
- d ? (n.value = !1, L(d, C)) : d === "" ? (n.value = !1, o.value = "") : n.value = !0, t.value = C / 4 + 3;
240
+ const u = e, c = Math.min(a.width, a.height);
241
+ u ? (n.value = !1, L(u, c)) : u === "" ? (n.value = !1, o.value = "") : n.value = !0, t.value = c / 4 + 3;
242
242
  };
243
243
  return f(a.name), N([() => a.name, () => a.width, () => a.height, () => a.gender], () => {
244
244
  f(a.name);
245
- }), (e, d) => {
246
- var C, m;
245
+ }), (e, u) => {
246
+ var c, m;
247
247
  return r(), l("span", I, [
248
248
  e.imgSrc && !s.value ? (r(), l("img", {
249
249
  key: 0,
250
250
  src: e.imgSrc,
251
251
  alt: "",
252
- onError: d[0] || (d[0] = () => s.value = !0),
252
+ onError: u[0] || (u[0] = () => s.value = !0),
253
253
  style: h({
254
254
  height: `${e.height}px`,
255
255
  width: `${e.width}px`,
256
256
  borderRadius: e.isRound ? "100%" : "0"
257
257
  })
258
- }, null, 44, z)) : u("v-if", !0),
259
- !e.imgSrc && !n.value && ((C = o.value) == null ? void 0 : C.length) !== 0 ? (r(), l(
258
+ }, null, 44, z)) : d("v-if", !0),
259
+ !e.imgSrc && !n.value && ((c = o.value) == null ? void 0 : c.length) !== 0 ? (r(), l(
260
260
  "span",
261
261
  {
262
262
  key: 1,
263
- class: b(["mc-bubble-avatar-style", `mc-bubble-avatar-background-${c.value}`]),
263
+ class: b(["mc-bubble-avatar-style", `mc-bubble-avatar-background-${g.value}`]),
264
264
  style: h({
265
265
  height: `${e.height}px`,
266
266
  width: `${e.width}px`,
@@ -272,7 +272,7 @@ const T = {
272
272
  A(o.value),
273
273
  7
274
274
  /* TEXT, CLASS, STYLE */
275
- )) : u("v-if", !0),
275
+ )) : d("v-if", !0),
276
276
  !e.imgSrc && !n.value && ((m = o.value) == null ? void 0 : m.length) === 0 ? (r(), l(
277
277
  "span",
278
278
  {
@@ -288,7 +288,7 @@ const T = {
288
288
  ],
289
289
  4
290
290
  /* STYLE */
291
- )) : u("v-if", !0),
291
+ )) : d("v-if", !0),
292
292
  !e.imgSrc && n.value || e.imgSrc && s.value ? (r(), l(
293
293
  "span",
294
294
  {
@@ -304,7 +304,7 @@ const T = {
304
304
  ],
305
305
  4
306
306
  /* STYLE */
307
- )) : u("v-if", !0)
307
+ )) : d("v-if", !0)
308
308
  ]);
309
309
  };
310
310
  }
@@ -334,8 +334,8 @@ const T = {
334
334
  }
335
335
  }, H = 36, O = 36, j = "name", G = "imgSrc", k = (i, a) => {
336
336
  const s = i.__vccOpts || i;
337
- for (const [n, c] of a)
338
- s[n] = c;
337
+ for (const [n, g] of a)
338
+ s[n] = g;
339
339
  return s;
340
340
  }, W = {}, q = { class: "mc-bubble-loading" };
341
341
  function J(i, a) {
@@ -363,7 +363,7 @@ function J(i, a) {
363
363
  )
364
364
  ]));
365
365
  }
366
- const K = /* @__PURE__ */ k(W, [["render", J], ["__scopeId", "data-v-f976c7b6"]]), Q = {
366
+ const K = /* @__PURE__ */ k(W, [["render", J], ["__scopeId", "data-v-395fc568"]]), Q = {
367
367
  key: 0,
368
368
  class: "mc-bubble-avatar-name"
369
369
  }, X = {
@@ -377,15 +377,15 @@ const K = /* @__PURE__ */ k(W, [["render", J], ["__scopeId", "data-v-f976c7b6"]]
377
377
  `mc-bubble-avatar-${s.avatarPosition}`,
378
378
  `mc-bubble-${s.align}`,
379
379
  s.loading ? "mc-bubble-loading" : ""
380
- ]), c = $(() => {
380
+ ]), g = $(() => {
381
381
  if (s.avatarConfig) {
382
- const t = Object.keys(s.avatarConfig), o = t.some((g) => g === j || g === G);
382
+ const t = Object.keys(s.avatarConfig), o = t.some((C) => C === j || C === G);
383
383
  return t.length < 1 || !o;
384
384
  } else
385
385
  return !0;
386
386
  });
387
387
  return (t, o) => {
388
- var g, L, f;
388
+ var C, L, f;
389
389
  return r(), l(
390
390
  "div",
391
391
  {
@@ -396,14 +396,14 @@ const K = /* @__PURE__ */ k(W, [["render", J], ["__scopeId", "data-v-f976c7b6"]]
396
396
  "div",
397
397
  {
398
398
  key: 0,
399
- class: b(["mc-bubble-avatar", { "empty-avatar": c.value }])
399
+ class: b(["mc-bubble-avatar", { "empty-avatar": g.value }])
400
400
  },
401
401
  [
402
402
  w(
403
403
  P,
404
404
  R(E(
405
- c.value ? {
406
- width: ((g = t.avatarConfig) == null ? void 0 : g.width) || Z(H),
405
+ g.value ? {
406
+ width: ((C = t.avatarConfig) == null ? void 0 : C.width) || Z(H),
407
407
  height: ((L = t.avatarConfig) == null ? void 0 : L.height) || Z(O)
408
408
  } : t.avatarConfig
409
409
  )),
@@ -417,23 +417,23 @@ const K = /* @__PURE__ */ k(W, [["render", J], ["__scopeId", "data-v-f976c7b6"]]
417
417
  A((f = t.avatarConfig) == null ? void 0 : f.displayName),
418
418
  1
419
419
  /* TEXT */
420
- )) : u("v-if", !0)
420
+ )) : d("v-if", !0)
421
421
  ],
422
422
  2
423
423
  /* CLASS */
424
- )) : u("v-if", !0),
424
+ )) : d("v-if", !0),
425
425
  v(
426
426
  "div",
427
427
  {
428
428
  class: b(["mc-bubble-content-container", { "with-avatar": t.avatarConfig }])
429
429
  },
430
430
  [
431
- t.loading ? u("v-if", !0) : y(t.$slots, "top", { key: 0 }, void 0, !0),
431
+ t.loading ? d("v-if", !0) : y(t.$slots, "top", { key: 0 }, void 0, !0),
432
432
  t.loading ? (r(), l("div", X, [
433
433
  y(t.$slots, "loadingTpl", {}, () => [
434
434
  w(K)
435
435
  ], !0)
436
- ])) : u("v-if", !0),
436
+ ])) : d("v-if", !0),
437
437
  (Z(a).default || t.content) && !t.loading ? (r(), l(
438
438
  "div",
439
439
  {
@@ -451,8 +451,8 @@ const K = /* @__PURE__ */ k(W, [["render", J], ["__scopeId", "data-v-f976c7b6"]]
451
451
  ],
452
452
  2
453
453
  /* CLASS */
454
- )) : u("v-if", !0),
455
- t.loading ? u("v-if", !0) : y(t.$slots, "bottom", { key: 3 }, void 0, !0)
454
+ )) : d("v-if", !0),
455
+ t.loading ? d("v-if", !0) : y(t.$slots, "bottom", { key: 3 }, void 0, !0)
456
456
  ],
457
457
  2
458
458
  /* CLASS */
@@ -463,7 +463,7 @@ const K = /* @__PURE__ */ k(W, [["render", J], ["__scopeId", "data-v-f976c7b6"]]
463
463
  );
464
464
  };
465
465
  }
466
- }), S = /* @__PURE__ */ k(Y, [["__scopeId", "data-v-6deee2c7"]]);
466
+ }), S = /* @__PURE__ */ k(Y, [["__scopeId", "data-v-7e509691"]]);
467
467
  S.install = (i) => {
468
468
  i.component("McBubble", S);
469
469
  };
package/Header/index.css CHANGED
@@ -1 +1 @@
1
- .mc-header[data-v-2eda62d1]{display:flex;justify-content:space-between;align-items:center}.mc-header .mc-header-logo-container[data-v-2eda62d1]{display:flex;align-items:center;gap:4px}.mc-header .mc-header-logo-container.clickable[data-v-2eda62d1]{cursor:pointer}.mc-header .mc-header-logo-container .mc-header-title[data-v-2eda62d1]{letter-spacing:1px;font-weight:500;font-size:20px}
1
+ .mc-header[data-v-05829e90]{display:flex;justify-content:space-between;align-items:center}.mc-header .mc-header-logo-container[data-v-05829e90]{display:flex;align-items:center;gap:4px}.mc-header .mc-header-logo-container.clickable[data-v-05829e90]{cursor:pointer}.mc-header .mc-header-logo-container .mc-header-title[data-v-05829e90]{letter-spacing:1px;font-weight:500;font-size:20px}
package/Header/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import "./index.css";
2
- import { defineComponent as d, createElementBlock as n, openBlock as r, createElementVNode as s, normalizeClass as m, createCommentVNode as g, toDisplayString as p, renderSlot as _ } from "vue";
2
+ import { defineComponent as d, createElementBlock as n, openBlock as r, createElementVNode as a, normalizeClass as m, createCommentVNode as g, toDisplayString as p, renderSlot as _ } from "vue";
3
3
  const k = {
4
4
  logoImg: {
5
5
  type: String,
@@ -18,15 +18,15 @@ const k = {
18
18
  props: k,
19
19
  emits: ["logoClicked"],
20
20
  setup(e, { emit: l }) {
21
- const t = l, a = e, c = () => {
22
- a.logoClickable && t("logoClicked");
21
+ const t = l, c = e, s = () => {
22
+ c.logoClickable && t("logoClicked");
23
23
  };
24
24
  return (o, I) => (r(), n("div", f, [
25
- s(
25
+ a(
26
26
  "div",
27
27
  {
28
28
  class: m(["mc-header-logo-container", { clickable: o.logoClickable }]),
29
- onClick: c
29
+ onClick: s
30
30
  },
31
31
  [
32
32
  o.logoImg ? (r(), n("img", {
@@ -35,7 +35,7 @@ const k = {
35
35
  src: o.logoImg,
36
36
  alt: o.logoImg
37
37
  }, null, 8, h)) : g("v-if", !0),
38
- s(
38
+ a(
39
39
  "div",
40
40
  u,
41
41
  p(o.title),
@@ -46,17 +46,17 @@ const k = {
46
46
  2
47
47
  /* CLASS */
48
48
  ),
49
- s("div", C, [
49
+ a("div", C, [
50
50
  _(o.$slots, "operationArea", {}, void 0, !0)
51
51
  ])
52
52
  ]));
53
53
  }
54
54
  }), y = (e, l) => {
55
55
  const t = e.__vccOpts || e;
56
- for (const [a, c] of l)
57
- t[a] = c;
56
+ for (const [c, s] of l)
57
+ t[c] = s;
58
58
  return t;
59
- }, i = /* @__PURE__ */ y(v, [["__scopeId", "data-v-2eda62d1"]]);
59
+ }, i = /* @__PURE__ */ y(v, [["__scopeId", "data-v-05829e90"]]);
60
60
  i.install = (e) => {
61
61
  e.component("McHeader", i);
62
62
  };
package/Input/index.css CHANGED
@@ -1 +1 @@
1
- .mc-textarea{width:100%;height:64px;padding:4px 0;color:var(--devui-text, #252b3a);background-color:var(--devui-form-control-bg, #ffffff);vertical-align:middle;outline:none;box-sizing:border-box;resize:none;border:none}.mc-textarea.mc-textarea-simple{height:32px}.mc-textarea.mc-textarea-disabled{color:var(--devui-disabled-text, #cfd0d3);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.mc-textarea::placeholder{color:var(--devui-placeholder, #babbc0)}.mc-button[data-v-b128331d]{position:relative;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-width:64px;height:32px;line-height:1.5;color:var(--devui-light-text, #ffffff);font-size:var(--devui-font-size-md, 12px);padding:0 16px;border-radius:20px;background-color:var(--devui-primary, #5e7ce0);overflow:hidden;border:none;cursor:pointer;transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.mc-button.mc-button-loading svg[data-v-b128331d]{animation:rotating-b128331d 1s linear infinite}.mc-button.mousedown[data-v-b128331d]:not(:disabled){transform:scale(.95)}.mc-button[data-v-b128331d]:hover{background-color:var(--devui-primary-hover, #7693f5)}.mc-button[data-v-b128331d]:active{background-color:var(--devui-primary-active, #344899)}.mc-button[data-v-b128331d]:disabled{color:var(--devui-light-text, #ffffff);background-color:var(--devui-primary-disabled, #beccfa);cursor:not-allowed}.mc-button .mc-button-content[data-v-b128331d]{display:inline-flex;align-items:center}.mc-button .mc-button-water-wave[data-v-b128331d]{position:absolute;background-color:var(--devui-base-bg, #ffffff);border-radius:50%;opacity:0;width:20px;height:20px;transform:translate(-50%,-50%);animation:waterWave-b128331d var(--devui-animation-duration-slow, .3s) var(--devui-animation-linear, cubic-bezier(0, 0, 1, 1))}.mc-button svg[data-v-b128331d]{margin-right:4px}.mc-button svg[data-v-b128331d] path{fill:var(--devui-light-text, #ffffff)}@keyframes rotating-b128331d{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes waterWave-b128331d{0%{opacity:.2;width:30px;height:30px}to{opacity:0;width:200px;height:200px}}.mc-input{display:flex;flex-direction:column;width:100%;padding:4px 0;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:14px;box-sizing:border-box}.mc-input.mc-input-disabled{background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.mc-input .mc-input-content{display:flex;align-items:flex-end;padding:0 8px}.mc-input .mc-input-foot{display:flex;justify-content:space-between;align-items:center;height:32px;padding:0 8px}.mc-input .mc-input-foot .mc-input-foot-left{flex:1;height:100%;display:flex;align-items:center}.mc-input .mc-input-foot .mc-input-foot-left .mc-input-foot-count{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px)}
1
+ .mc-textarea{width:100%;height:64px;padding:4px 0;color:var(--devui-text, #252b3a);background-color:var(--devui-form-control-bg, #ffffff);vertical-align:middle;outline:none;box-sizing:border-box;resize:none;border:none}.mc-textarea.mc-textarea-simple{height:32px}.mc-textarea.mc-textarea-disabled{color:var(--devui-disabled-text, #cfd0d3);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.mc-textarea::placeholder{color:var(--devui-placeholder, #babbc0)}.mc-button[data-v-8051c2d3]{position:relative;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-width:64px;height:32px;line-height:1.5;color:var(--devui-light-text, #ffffff);font-size:var(--devui-font-size-md, 12px);padding:0 16px;border-radius:20px;background-color:var(--devui-primary, #5e7ce0);overflow:hidden;border:none;cursor:pointer;transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.mc-button.mc-button-loading svg[data-v-8051c2d3]{animation:rotating-8051c2d3 1s linear infinite}.mc-button.mousedown[data-v-8051c2d3]:not(:disabled){transform:scale(.95)}.mc-button[data-v-8051c2d3]:hover{background-color:var(--devui-primary-hover, #7693f5)}.mc-button[data-v-8051c2d3]:active{background-color:var(--devui-primary-active, #344899)}.mc-button[data-v-8051c2d3]:disabled{color:var(--devui-light-text, #ffffff);background-color:var(--devui-primary-disabled, #beccfa);cursor:not-allowed}.mc-button .mc-button-content[data-v-8051c2d3]{display:inline-flex;align-items:center}.mc-button .mc-button-water-wave[data-v-8051c2d3]{position:absolute;background-color:var(--devui-base-bg, #ffffff);border-radius:50%;opacity:0;width:20px;height:20px;transform:translate(-50%,-50%);animation:waterWave-8051c2d3 var(--devui-animation-duration-slow, .3s) var(--devui-animation-linear, cubic-bezier(0, 0, 1, 1))}.mc-button svg[data-v-8051c2d3]{margin-right:4px}.mc-button svg[data-v-8051c2d3] path{fill:var(--devui-light-text, #ffffff)}@keyframes rotating-8051c2d3{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes waterWave-8051c2d3{0%{opacity:.2;width:30px;height:30px}to{opacity:0;width:200px;height:200px}}.mc-input{display:flex;flex-direction:column;width:100%;padding:4px 0;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:14px;box-sizing:border-box}.mc-input.mc-input-disabled{background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.mc-input .mc-input-content{display:flex;align-items:flex-end;padding:0 8px}.mc-input .mc-input-foot{display:flex;justify-content:space-between;align-items:center;height:32px;padding:0 8px}.mc-input .mc-input-foot .mc-input-foot-left{flex:1;height:100%;display:flex;align-items:center}.mc-input .mc-input-foot .mc-input-foot-left .mc-input-foot-count{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px)}
package/Input/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import "./index.css";
2
- import { defineComponent as E, inject as Z, computed as T, withDirectives as P, createElementBlock as d, openBlock as u, normalizeClass as S, unref as n, isRef as N, vModelText as D, nextTick as j, createElementVNode as m, ref as w, reactive as z, createCommentVNode as _, createBlock as $, toDisplayString as x, normalizeStyle as F, watch as W, provide as A, renderSlot as h, createVNode as b } from "vue";
2
+ import { defineComponent as E, inject as Z, computed as N, withDirectives as D, createElementBlock as d, openBlock as c, normalizeClass as S, unref as n, isRef as F, vModelText as j, nextTick as z, createElementVNode as f, ref as w, reactive as W, createCommentVNode as _, createBlock as $, toDisplayString as x, normalizeStyle as A, watch as O, provide as R, renderSlot as h, createVNode as b } from "vue";
3
3
  import { useMcI18n as B } from "@matechat/core/Locale";
4
4
  var g = /* @__PURE__ */ ((t) => (t.Simple = "simple", t.Full = "full", t))(g || {}), v = /* @__PURE__ */ ((t) => (t.Enter = "enter", t.ShiftEnter = "shiftEnter", t))(v || {});
5
- const O = {
5
+ const U = {
6
6
  value: {
7
7
  type: String,
8
8
  default: ""
@@ -35,32 +35,36 @@ const O = {
35
35
  default: "enter"
36
36
  /* Enter */
37
37
  }
38
- }, R = ["change", "submit", "cancel"], M = "mc-input", U = ["placeholder", "disabled", "maxlength"], X = /* @__PURE__ */ E({
38
+ }, X = ["change", "submit", "cancel", "focus", "blur"], M = "mc-input", Y = ["placeholder", "disabled", "maxlength"], q = /* @__PURE__ */ E({
39
39
  __name: "textarea",
40
40
  setup(t) {
41
- const { t: o } = B(), { inputValue: s, rootProps: e, rootEmits: c } = Z(M), i = T(() => {
42
- let r = "", C = "";
43
- return e.submitShortKey === v.Enter && (r = "Enter", C = "Shift + Enter"), e.submitShortKey === v.ShiftEnter && (r = "Shift + Enter", C = "Enter"), e.placeholder ?? (r ? o("Input.pleaseEnterPlaceholder", { enterKey: r, shiftEnterKey: C }) : o("Input.pleaseEnter"));
41
+ const { t: o } = B(), { inputValue: s, rootProps: e, rootEmits: a } = Z(M), r = N(() => {
42
+ let i = "", C = "";
43
+ return e.submitShortKey === v.Enter && (i = "Enter", C = "Shift + Enter"), e.submitShortKey === v.ShiftEnter && (i = "Shift + Enter", C = "Enter"), e.placeholder ?? (i ? o("Input.pleaseEnterPlaceholder", { enterKey: i, shiftEnterKey: C }) : o("Input.pleaseEnter"));
44
44
  });
45
- let a = !1;
45
+ let u = !1;
46
46
  const p = () => {
47
- j(() => {
48
- c("change", s.value);
47
+ z(() => {
48
+ a("change", s.value);
49
49
  });
50
50
  }, l = () => {
51
- a || p();
51
+ u || p();
52
52
  }, y = () => {
53
- a = !0;
54
- }, f = () => {
55
- a = !1, p();
56
- }, L = (r) => {
53
+ u = !0;
54
+ }, m = () => {
55
+ u = !1, p();
56
+ }, L = (i) => {
57
57
  if (e.submitShortKey === null)
58
58
  return;
59
- (e.submitShortKey === v.Enter ? !r.shiftKey : e.submitShortKey === v.ShiftEnter ? r.shiftKey : !1) && r.key === "Enter" && !a && (r.preventDefault(), c("submit", s.value), s.value = "");
59
+ (e.submitShortKey === v.Enter ? !i.shiftKey : e.submitShortKey === v.ShiftEnter ? i.shiftKey : !1) && i.key === "Enter" && !u && (i.preventDefault(), a("submit", s.value), s.value = "");
60
+ }, V = (i) => {
61
+ a("focus", i);
62
+ }, T = (i) => {
63
+ a("blur", i);
60
64
  };
61
- return (r, C) => P((u(), d("textarea", {
62
- "onUpdate:modelValue": C[0] || (C[0] = (V) => N(s) ? s.value = V : null),
63
- placeholder: i.value,
65
+ return (i, C) => D((c(), d("textarea", {
66
+ "onUpdate:modelValue": C[0] || (C[0] = (P) => F(s) ? s.value = P : null),
67
+ placeholder: r.value,
64
68
  disabled: n(e).disabled,
65
69
  maxlength: n(e).maxLength,
66
70
  class: S([
@@ -69,27 +73,29 @@ const O = {
69
73
  ]),
70
74
  onInput: l,
71
75
  onCompositionstart: y,
72
- onCompositionend: f,
73
- onKeydown: L
74
- }, null, 42, U)), [
75
- [D, n(s)]
76
+ onCompositionend: m,
77
+ onKeydown: L,
78
+ onFocus: V,
79
+ onBlur: T
80
+ }, null, 42, Y)), [
81
+ [j, n(s)]
76
82
  ]);
77
83
  }
78
84
  }), k = (t, o) => {
79
85
  const s = t.__vccOpts || t;
80
- for (const [e, c] of o)
81
- s[e] = c;
86
+ for (const [e, a] of o)
87
+ s[e] = a;
82
88
  return s;
83
- }, Y = {}, q = {
89
+ }, G = {}, H = {
84
90
  width: "16px",
85
91
  height: "16px",
86
92
  viewBox: "0 0 16 16",
87
93
  version: "1.1",
88
94
  xmlns: "http://www.w3.org/2000/svg"
89
95
  };
90
- function G(t, o) {
91
- return u(), d("svg", q, o[0] || (o[0] = [
92
- m(
96
+ function J(t, o) {
97
+ return c(), d("svg", H, o[0] || (o[0] = [
98
+ f(
93
99
  "g",
94
100
  {
95
101
  stroke: "none",
@@ -98,23 +104,23 @@ function G(t, o) {
98
104
  "fill-rule": "evenodd"
99
105
  },
100
106
  [
101
- m("path", { d: "M8,12 C8.27614237,12 8.5,12.2238576 8.5,12.5 L8.5,14.5 C8.5,14.7761424 8.27614237,15 8,15 C7.72385763,15 7.5,14.7761424 7.5,14.5 L7.5,12.5 C7.5,12.2238576 7.72385763,12 8,12 Z M11.0495421,11.3466838 L12.2251126,12.9647178 C12.3874251,13.1881217 12.3379006,13.5008065 12.1144968,13.663119 C11.8910929,13.8254314 11.5784081,13.775907 11.4160956,13.5525031 L10.2405251,11.9344691 C10.0782127,11.7110652 10.1277371,11.3983804 10.351141,11.236068 C10.5745449,11.0737556 10.8872297,11.12328 11.0495421,11.3466838 Z M5.64885899,11.236068 C5.87226287,11.3983804 5.92178728,11.7110652 5.75947486,11.9344691 L4.58390436,13.5525031 C4.42159194,13.775907 4.10890711,13.8254314 3.88550323,13.663119 C3.66209936,13.5008065 3.61257495,13.1881217 3.77488736,12.9647178 L4.95045787,11.3466838 C5.11277028,11.12328 5.42545512,11.0737556 5.64885899,11.236068 Z M12.4342628,8.91504822 L14.3363759,9.53308221 C14.5990029,9.61841489 14.7427283,9.90049196 14.6573956,10.163119 C14.5720629,10.425746 14.2899859,10.5694714 14.0273589,10.4841387 L12.1252458,9.86610473 C11.8626188,9.78077205 11.7188934,9.49869498 11.8042261,9.23606798 C11.8895588,8.97344097 12.1716358,8.82971553 12.4342628,8.91504822 Z M4.19577393,9.23606798 C4.28110662,9.49869498 4.13738118,9.78077205 3.87475417,9.86610473 L1.97264114,10.4841387 C1.71001414,10.5694714 1.42793707,10.425746 1.34260439,10.163119 C1.2572717,9.90049196 1.40099714,9.61841489 1.66362415,9.53308221 L3.56573718,8.91504822 C3.82836418,8.82971553 4.11044125,8.97344097 4.19577393,9.23606798 Z M14.6573956,5.83688104 C14.7427283,6.09950804 14.5990029,6.38158511 14.3363759,6.46691779 L12.4342628,7.08495178 C12.1716358,7.17028447 11.8895588,7.02655903 11.8042261,6.76393202 C11.7188934,6.50130502 11.8626188,6.21922795 12.1252458,6.13389527 L14.0273589,5.51586128 C14.2899859,5.43052859 14.5720629,5.57425403 14.6573956,5.83688104 Z M1.97264114,5.51586128 L3.87475417,6.13389527 C4.13738118,6.21922795 4.28110662,6.50130502 4.19577393,6.76393202 C4.11044125,7.02655903 3.82836418,7.17028447 3.56573718,7.08495178 L1.66362415,6.46691779 C1.40099714,6.38158511 1.2572717,6.09950804 1.34260439,5.83688104 C1.42793707,5.57425403 1.71001414,5.43052859 1.97264114,5.51586128 Z M12.1144968,2.33688104 C12.3379006,2.49919345 12.3874251,2.81187829 12.2251126,3.03528216 L11.0495421,4.65331615 C10.8872297,4.87672003 10.5745449,4.92624444 10.351141,4.76393202 C10.1277371,4.60161961 10.0782127,4.28893477 10.2405251,4.0655309 L11.4160956,2.44749691 C11.5784081,2.22409304 11.8910929,2.17456862 12.1144968,2.33688104 Z M4.58390436,2.44749691 L5.75947486,4.0655309 C5.92178728,4.28893477 5.87226287,4.60161961 5.64885899,4.76393202 C5.42545512,4.92624444 5.11277028,4.87672003 4.95045787,4.65331615 L3.77488736,3.03528216 C3.61257495,2.81187829 3.66209936,2.49919345 3.88550323,2.33688104 C4.10890711,2.17456862 4.42159194,2.22409304 4.58390436,2.44749691 Z M8,1 C8.27614237,1 8.5,1.22385763 8.5,1.5 L8.5,3.5 C8.5,3.77614237 8.27614237,4 8,4 C7.72385763,4 7.5,3.77614237 7.5,3.5 L7.5,1.5 C7.5,1.22385763 7.72385763,1 8,1 Z" })
107
+ f("path", { d: "M8,12 C8.27614237,12 8.5,12.2238576 8.5,12.5 L8.5,14.5 C8.5,14.7761424 8.27614237,15 8,15 C7.72385763,15 7.5,14.7761424 7.5,14.5 L7.5,12.5 C7.5,12.2238576 7.72385763,12 8,12 Z M11.0495421,11.3466838 L12.2251126,12.9647178 C12.3874251,13.1881217 12.3379006,13.5008065 12.1144968,13.663119 C11.8910929,13.8254314 11.5784081,13.775907 11.4160956,13.5525031 L10.2405251,11.9344691 C10.0782127,11.7110652 10.1277371,11.3983804 10.351141,11.236068 C10.5745449,11.0737556 10.8872297,11.12328 11.0495421,11.3466838 Z M5.64885899,11.236068 C5.87226287,11.3983804 5.92178728,11.7110652 5.75947486,11.9344691 L4.58390436,13.5525031 C4.42159194,13.775907 4.10890711,13.8254314 3.88550323,13.663119 C3.66209936,13.5008065 3.61257495,13.1881217 3.77488736,12.9647178 L4.95045787,11.3466838 C5.11277028,11.12328 5.42545512,11.0737556 5.64885899,11.236068 Z M12.4342628,8.91504822 L14.3363759,9.53308221 C14.5990029,9.61841489 14.7427283,9.90049196 14.6573956,10.163119 C14.5720629,10.425746 14.2899859,10.5694714 14.0273589,10.4841387 L12.1252458,9.86610473 C11.8626188,9.78077205 11.7188934,9.49869498 11.8042261,9.23606798 C11.8895588,8.97344097 12.1716358,8.82971553 12.4342628,8.91504822 Z M4.19577393,9.23606798 C4.28110662,9.49869498 4.13738118,9.78077205 3.87475417,9.86610473 L1.97264114,10.4841387 C1.71001414,10.5694714 1.42793707,10.425746 1.34260439,10.163119 C1.2572717,9.90049196 1.40099714,9.61841489 1.66362415,9.53308221 L3.56573718,8.91504822 C3.82836418,8.82971553 4.11044125,8.97344097 4.19577393,9.23606798 Z M14.6573956,5.83688104 C14.7427283,6.09950804 14.5990029,6.38158511 14.3363759,6.46691779 L12.4342628,7.08495178 C12.1716358,7.17028447 11.8895588,7.02655903 11.8042261,6.76393202 C11.7188934,6.50130502 11.8626188,6.21922795 12.1252458,6.13389527 L14.0273589,5.51586128 C14.2899859,5.43052859 14.5720629,5.57425403 14.6573956,5.83688104 Z M1.97264114,5.51586128 L3.87475417,6.13389527 C4.13738118,6.21922795 4.28110662,6.50130502 4.19577393,6.76393202 C4.11044125,7.02655903 3.82836418,7.17028447 3.56573718,7.08495178 L1.66362415,6.46691779 C1.40099714,6.38158511 1.2572717,6.09950804 1.34260439,5.83688104 C1.42793707,5.57425403 1.71001414,5.43052859 1.97264114,5.51586128 Z M12.1144968,2.33688104 C12.3379006,2.49919345 12.3874251,2.81187829 12.2251126,3.03528216 L11.0495421,4.65331615 C10.8872297,4.87672003 10.5745449,4.92624444 10.351141,4.76393202 C10.1277371,4.60161961 10.0782127,4.28893477 10.2405251,4.0655309 L11.4160956,2.44749691 C11.5784081,2.22409304 11.8910929,2.17456862 12.1144968,2.33688104 Z M4.58390436,2.44749691 L5.75947486,4.0655309 C5.92178728,4.28893477 5.87226287,4.60161961 5.64885899,4.76393202 C5.42545512,4.92624444 5.11277028,4.87672003 4.95045787,4.65331615 L3.77488736,3.03528216 C3.61257495,2.81187829 3.66209936,2.49919345 3.88550323,2.33688104 C4.10890711,2.17456862 4.42159194,2.22409304 4.58390436,2.44749691 Z M8,1 C8.27614237,1 8.5,1.22385763 8.5,1.5 L8.5,3.5 C8.5,3.77614237 8.27614237,4 8,4 C7.72385763,4 7.5,3.77614237 7.5,3.5 L7.5,1.5 C7.5,1.22385763 7.72385763,1 8,1 Z" })
102
108
  ],
103
109
  -1
104
110
  /* HOISTED */
105
111
  )
106
112
  ]));
107
113
  }
108
- const H = /* @__PURE__ */ k(Y, [["render", G]]), J = {}, Q = {
114
+ const Q = /* @__PURE__ */ k(G, [["render", J]]), e1 = {}, t1 = {
109
115
  width: "16px",
110
116
  height: "16px",
111
117
  viewBox: "0 0 16 16",
112
118
  version: "1.1",
113
119
  xmlns: "http://www.w3.org/2000/svg"
114
120
  };
115
- function e1(t, o) {
116
- return u(), d("svg", Q, o[0] || (o[0] = [
117
- m(
121
+ function n1(t, o) {
122
+ return c(), d("svg", t1, o[0] || (o[0] = [
123
+ f(
118
124
  "g",
119
125
  {
120
126
  stroke: "none",
@@ -123,36 +129,36 @@ function e1(t, o) {
123
129
  "fill-rule": "evenodd"
124
130
  },
125
131
  [
126
- m("path", { d: "M13.5105149,2.56164948 C14.1211149,2.35546948 14.7829149,2.68328948 14.9892149,3.29376948 C15.0349149,3.42925948 15.0552149,3.57159948 15.0495149,3.71368948 L15.0495149,3.71368948 L15.0351149,3.85546948 L13.6575149,12.2717195 C13.5237149,13.0892195 12.7524149,13.6435195 11.9348149,13.5097195 C11.8542149,13.4965195 11.7751149,13.4768195 11.6980149,13.4508195 L11.6980149,13.4508195 L11.5840149,13.4071195 L9.3049349,12.4260195 L8.4482449,13.5422195 C8.1958049,13.8708195 7.8205549,14.0786195 7.4128449,14.1207195 L7.4128449,14.1207195 L7.2585449,14.1286195 C6.4787649,14.1286195 5.8381349,13.5337195 5.7653849,12.7731195 L5.7653849,12.7731195 L5.7585449,12.6286195 L5.7602549,10.5258195 L5.7756349,10.4384195 L5.7944349,10.3824195 L5.8266649,10.3168995 L5.8735349,10.2503695 L5.9177249,10.2039195 L12.6909149,3.89392948 L2.3403349,7.38903948 C2.2329149,7.42529948 2.1418449,7.49676948 2.0808149,7.59063948 L2.0808149,7.59063948 L2.0412649,7.66497948 C1.9440949,7.89044948 2.0258749,8.14788948 2.2236349,8.27917948 L2.2236349,8.27917948 L2.3029749,8.32214948 L4.4799849,9.26177948 C4.7333949,9.37121948 4.8503449,9.66546948 4.7409649,9.91894948 C4.6435549,10.1443495 4.4003949,10.2616595 4.1694349,10.2081295 L4.1694349,10.2081295 L4.0837449,10.1798795 L1.9072249,9.24047948 C1.1462449,8.91284948 0.795166898,8.03039948 1.1225549,7.26953948 C1.2700249,6.92755948 1.5380849,6.65435948 1.8730449,6.50018948 L1.8730449,6.50018948 L2.0205049,6.44158948 Z M6.7578149,11.3299195 L6.7585449,12.6286195 L6.7666013,12.7185103 C6.80894095,12.9517898 7.0131049,13.1286195 7.2585449,13.1286195 C7.3828149,13.1286195 7.5014649,13.0824195 7.5925349,13.0008195 L7.5925349,13.0008195 L7.6550349,12.9332195 L8.3569349,12.0179195 L6.7578149,11.3299195 Z M13.9888149,4.05090948 L7.1599149,10.4129195 L11.9795149,12.4886195 C11.9980149,12.4966195 12.0173149,12.5035195 12.0369149,12.5093195 L12.0369149,12.5093195 L12.0964149,12.5228195 C12.3386149,12.5624195 12.5686149,12.4209195 12.6482149,12.1975195 L12.6482149,12.1975195 L12.6706149,12.1101195 L13.9888149,4.05090948 Z" })
132
+ f("path", { d: "M13.5105149,2.56164948 C14.1211149,2.35546948 14.7829149,2.68328948 14.9892149,3.29376948 C15.0349149,3.42925948 15.0552149,3.57159948 15.0495149,3.71368948 L15.0495149,3.71368948 L15.0351149,3.85546948 L13.6575149,12.2717195 C13.5237149,13.0892195 12.7524149,13.6435195 11.9348149,13.5097195 C11.8542149,13.4965195 11.7751149,13.4768195 11.6980149,13.4508195 L11.6980149,13.4508195 L11.5840149,13.4071195 L9.3049349,12.4260195 L8.4482449,13.5422195 C8.1958049,13.8708195 7.8205549,14.0786195 7.4128449,14.1207195 L7.4128449,14.1207195 L7.2585449,14.1286195 C6.4787649,14.1286195 5.8381349,13.5337195 5.7653849,12.7731195 L5.7653849,12.7731195 L5.7585449,12.6286195 L5.7602549,10.5258195 L5.7756349,10.4384195 L5.7944349,10.3824195 L5.8266649,10.3168995 L5.8735349,10.2503695 L5.9177249,10.2039195 L12.6909149,3.89392948 L2.3403349,7.38903948 C2.2329149,7.42529948 2.1418449,7.49676948 2.0808149,7.59063948 L2.0808149,7.59063948 L2.0412649,7.66497948 C1.9440949,7.89044948 2.0258749,8.14788948 2.2236349,8.27917948 L2.2236349,8.27917948 L2.3029749,8.32214948 L4.4799849,9.26177948 C4.7333949,9.37121948 4.8503449,9.66546948 4.7409649,9.91894948 C4.6435549,10.1443495 4.4003949,10.2616595 4.1694349,10.2081295 L4.1694349,10.2081295 L4.0837449,10.1798795 L1.9072249,9.24047948 C1.1462449,8.91284948 0.795166898,8.03039948 1.1225549,7.26953948 C1.2700249,6.92755948 1.5380849,6.65435948 1.8730449,6.50018948 L1.8730449,6.50018948 L2.0205049,6.44158948 Z M6.7578149,11.3299195 L6.7585449,12.6286195 L6.7666013,12.7185103 C6.80894095,12.9517898 7.0131049,13.1286195 7.2585449,13.1286195 C7.3828149,13.1286195 7.5014649,13.0824195 7.5925349,13.0008195 L7.5925349,13.0008195 L7.6550349,12.9332195 L8.3569349,12.0179195 L6.7578149,11.3299195 Z M13.9888149,4.05090948 L7.1599149,10.4129195 L11.9795149,12.4886195 C11.9980149,12.4966195 12.0173149,12.5035195 12.0369149,12.5093195 L12.0369149,12.5093195 L12.0964149,12.5228195 C12.3386149,12.5624195 12.5686149,12.4209195 12.6482149,12.1975195 L12.6482149,12.1975195 L12.6706149,12.1101195 L13.9888149,4.05090948 Z" })
127
133
  ],
128
134
  -1
129
135
  /* HOISTED */
130
136
  )
131
137
  ]));
132
138
  }
133
- const t1 = /* @__PURE__ */ k(J, [["render", e1]]), n1 = ["disabled"], o1 = { class: "mc-button-content" }, s1 = /* @__PURE__ */ E({
139
+ const o1 = /* @__PURE__ */ k(e1, [["render", n1]]), s1 = ["disabled"], l1 = { class: "mc-button-content" }, i1 = /* @__PURE__ */ E({
134
140
  __name: "button",
135
141
  setup(t) {
136
- const { t: o } = B(), { inputValue: s, rootProps: e, rootEmits: c } = Z(M), i = w(!1), a = w(!1), p = z({
142
+ const { t: o } = B(), { inputValue: s, rootProps: e, rootEmits: a } = Z(M), r = w(!1), u = w(!1), p = W({
137
143
  top: "0px",
138
144
  left: "0px"
139
- }), l = (f) => {
140
- p.left = f.offsetX + "px", p.top = f.offsetY + "px", a.value = !0, setTimeout(() => {
141
- a.value = !1;
145
+ }), l = (m) => {
146
+ p.left = m.offsetX + "px", p.top = m.offsetY + "px", u.value = !0, setTimeout(() => {
147
+ u.value = !1;
142
148
  }, 300);
143
- }, y = (f) => {
144
- l(f), e.loading ? c("cancel") : (c("submit", s.value), s.value = "");
149
+ }, y = (m) => {
150
+ l(m), e.loading ? a("cancel") : (a("submit", s.value), s.value = "");
145
151
  };
146
- return (f, L) => (u(), d("button", {
152
+ return (m, L) => (c(), d("button", {
147
153
  disabled: n(e).disabled || !n(e).loading && !n(s),
148
- class: S(["mc-button", { "mc-button-loading": n(e).loading, mousedown: i.value }]),
154
+ class: S(["mc-button", { "mc-button-loading": n(e).loading, mousedown: r.value }]),
149
155
  onClick: y,
150
- onMousedown: L[0] || (L[0] = () => i.value = !0),
151
- onMouseup: L[1] || (L[1] = () => i.value = !1)
156
+ onMousedown: L[0] || (L[0] = () => r.value = !0),
157
+ onMouseup: L[1] || (L[1] = () => r.value = !1)
152
158
  }, [
153
- m("span", o1, [
154
- n(e).loading ? (u(), $(H, { key: 0 })) : (u(), $(t1, { key: 1 })),
155
- m(
159
+ f("span", l1, [
160
+ n(e).loading ? (c(), $(Q, { key: 0 })) : (c(), $(o1, { key: 1 })),
161
+ f(
156
162
  "span",
157
163
  null,
158
164
  x(n(e).loading ? n(o)("Input.pauseAnswer") : n(o)("Input.send")),
@@ -160,60 +166,60 @@ const t1 = /* @__PURE__ */ k(J, [["render", e1]]), n1 = ["disabled"], o1 = { cla
160
166
  /* TEXT */
161
167
  )
162
168
  ]),
163
- a.value ? (u(), d(
169
+ u.value ? (c(), d(
164
170
  "div",
165
171
  {
166
172
  key: 0,
167
173
  class: "mc-button-water-wave",
168
- style: F(p)
174
+ style: A(p)
169
175
  },
170
176
  null,
171
177
  4
172
178
  /* STYLE */
173
179
  )) : _("v-if", !0)
174
- ], 42, n1));
180
+ ], 42, s1));
175
181
  }
176
- }), I = /* @__PURE__ */ k(s1, [["__scopeId", "data-v-b128331d"]]), l1 = { class: "mc-input-content" }, i1 = {
182
+ }), I = /* @__PURE__ */ k(i1, [["__scopeId", "data-v-8051c2d3"]]), a1 = { class: "mc-input-content" }, r1 = {
177
183
  key: 0,
178
184
  class: "mc-input-foot"
179
- }, a1 = { class: "mc-input-foot-left" }, r1 = {
185
+ }, u1 = { class: "mc-input-foot-left" }, c1 = {
180
186
  key: 0,
181
187
  class: "mc-input-foot-count"
182
188
  }, K = /* @__PURE__ */ E({
183
189
  __name: "Input",
184
- props: O,
185
- emits: R,
190
+ props: U,
191
+ emits: X,
186
192
  setup(t, { expose: o, emit: s }) {
187
- const e = t, c = s, i = w(""), a = () => {
188
- i.value = "";
189
- }, p = () => i.value;
190
- return W(
193
+ const e = t, a = s, r = w(""), u = () => {
194
+ r.value = "";
195
+ }, p = () => r.value;
196
+ return O(
191
197
  () => e.value,
192
198
  () => {
193
- i.value = e.value;
199
+ r.value = e.value;
194
200
  },
195
201
  { immediate: !0 }
196
- ), o({ clearInput: a, getInput: p }), A(M, { inputValue: i, rootProps: e, rootEmits: c }), (l, y) => (u(), d(
202
+ ), o({ clearInput: u, getInput: p }), R(M, { inputValue: r, rootProps: e, rootEmits: a }), (l, y) => (c(), d(
197
203
  "div",
198
204
  {
199
205
  class: S(["mc-input", { "mc-input-disabled": l.disabled }])
200
206
  },
201
207
  [
202
208
  h(l.$slots, "head"),
203
- m("div", l1, [
209
+ f("div", a1, [
204
210
  h(l.$slots, "prefix"),
205
- b(X),
211
+ b(q),
206
212
  l.displayType === n(g).Simple ? h(l.$slots, "button", { key: 0 }, () => [
207
213
  b(I)
208
214
  ]) : _("v-if", !0)
209
215
  ]),
210
- l.displayType === n(g).Full ? (u(), d("div", i1, [
211
- m("div", a1, [
216
+ l.displayType === n(g).Full ? (c(), d("div", r1, [
217
+ f("div", u1, [
212
218
  h(l.$slots, "extra"),
213
- l.showCount ? (u(), d(
219
+ l.showCount ? (c(), d(
214
220
  "span",
215
- r1,
216
- x(i.value.length) + x(l.maxLength ?? !1 ? `/${l.maxLength}` : ""),
221
+ c1,
222
+ x(r.value.length) + x(l.maxLength ?? !1 ? `/${l.maxLength}` : ""),
217
223
  1
218
224
  /* TEXT */
219
225
  )) : _("v-if", !0)
@@ -1 +1 @@
1
- .mc-introduction[data-v-48b255c7]{display:flex;gap:12px;flex-direction:column;color:var(--devui-text, #252b3a)}.mc-introduction .mc-introduction-logo-container[data-v-48b255c7]{display:flex;align-items:center;gap:8px}.mc-introduction .mc-introduction-logo-container .mc-introduction-title[data-v-48b255c7]{font-weight:700;font-size:32px;letter-spacing:1px}.mc-introduction .mc-introduction-sub-title[data-v-48b255c7]{font-weight:500;font-size:18px}.mc-introduction .mc-introduction-description[data-v-48b255c7]{font-size:var(--devui-font-size-sm, 12px)}.mc-introduction .mc-introduction-description>div[data-v-48b255c7]{line-height:1.5}.mc-introduction.filled[data-v-48b255c7]{background-color:var(--devui-global-bg, #f6f6f8);border-radius:8px;padding:8px 12px}.mc-introduction.center[data-v-48b255c7]{align-items:center}.mc-introduction.center .mc-introduction-description[data-v-48b255c7]{text-align:center}.mc-introduction.left[data-v-48b255c7]{align-items:flex-start}.mc-introduction.left .mc-introduction-description[data-v-48b255c7]{text-align:left}.mc-introduction.right[data-v-48b255c7]{align-items:flex-end}.mc-introduction.right .mc-introduction-description[data-v-48b255c7]{text-align:right}
1
+ .mc-introduction[data-v-fff875ce]{display:flex;gap:12px;flex-direction:column;color:var(--devui-text, #252b3a)}.mc-introduction .mc-introduction-logo-container[data-v-fff875ce]{display:flex;align-items:center;gap:8px}.mc-introduction .mc-introduction-logo-container .mc-introduction-title[data-v-fff875ce]{font-weight:700;font-size:32px;letter-spacing:1px}.mc-introduction .mc-introduction-sub-title[data-v-fff875ce]{font-weight:500;font-size:18px}.mc-introduction .mc-introduction-description[data-v-fff875ce]{font-size:var(--devui-font-size-sm, 12px)}.mc-introduction .mc-introduction-description>div[data-v-fff875ce]{line-height:1.5}.mc-introduction.filled[data-v-fff875ce]{background-color:var(--devui-global-bg, #f6f6f8);border-radius:8px;padding:8px 12px}.mc-introduction.center[data-v-fff875ce]{align-items:center}.mc-introduction.center .mc-introduction-description[data-v-fff875ce]{text-align:center}.mc-introduction.left[data-v-fff875ce]{align-items:flex-start}.mc-introduction.left .mc-introduction-description[data-v-fff875ce]{text-align:left}.mc-introduction.right[data-v-fff875ce]{align-items:flex-end}.mc-introduction.right .mc-introduction-description[data-v-fff875ce]{text-align:right}
@@ -25,13 +25,13 @@ const v = {
25
25
  type: String,
26
26
  default: "center"
27
27
  }
28
- }, y = { class: "mc-introduction-logo-container" }, _ = ["src", "alt"], k = { class: "mc-introduction-title" }, b = {
28
+ }, y = { class: "mc-introduction-logo-container" }, _ = ["src", "alt"], k = { class: "mc-introduction-title" }, h = {
29
29
  key: 0,
30
30
  class: "mc-introduction-sub-title"
31
- }, h = {
31
+ }, I = {
32
32
  key: 1,
33
33
  class: "mc-introduction-description"
34
- }, I = /* @__PURE__ */ u({
34
+ }, S = /* @__PURE__ */ u({
35
35
  __name: "Introduction",
36
36
  props: v,
37
37
  setup(n) {
@@ -57,12 +57,12 @@ const v = {
57
57
  ]),
58
58
  t.subTitle ? (o(), e(
59
59
  "div",
60
- b,
60
+ h,
61
61
  c(t.subTitle),
62
62
  1
63
63
  /* TEXT */
64
64
  )) : l("v-if", !0),
65
- t.description.length ? (o(), e("div", h, [
65
+ t.description.length ? (o(), e("div", I, [
66
66
  (o(!0), e(
67
67
  m,
68
68
  null,
@@ -83,12 +83,12 @@ const v = {
83
83
  /* CLASS */
84
84
  ));
85
85
  }
86
- }), S = (n, t) => {
86
+ }), b = (n, t) => {
87
87
  const i = n.__vccOpts || n;
88
88
  for (const [r, s] of t)
89
89
  i[r] = s;
90
90
  return i;
91
- }, a = /* @__PURE__ */ S(I, [["__scopeId", "data-v-48b255c7"]]);
91
+ }, a = /* @__PURE__ */ b(S, [["__scopeId", "data-v-fff875ce"]]);
92
92
  a.install = (n) => {
93
93
  n.component("McIntroduction", a);
94
94
  };
package/Layout/index.css CHANGED
@@ -1 +1 @@
1
- .mc-layout-content[data-v-74f98b9a]{flex:auto;min-height:0}.mc-layout-header[data-v-cfa1505b]{flex:0 0 auto;min-height:40px}.mc-layout[data-v-f08e803e]{display:flex;flex:auto;flex-direction:column}.mc-layout-aside[data-v-f08e803e]{flex-direction:row}
1
+ .mc-layout-content[data-v-629ef113]{flex:auto;min-height:0}.mc-layout-header[data-v-8201933b]{flex:0 0 auto;min-height:40px}.mc-layout[data-v-8f271543]{display:flex;flex:auto;flex-direction:column}.mc-layout-aside[data-v-8f271543]{flex-direction:row}