mc-plus 1.0.26 → 1.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/index.js +59 -57
- package/dist/es/{mc-alert-Dc8UZwbs.js → mc-alert-yZQp1k51.js} +2 -2
- package/dist/es/mc-button-BTjJCqA7.js +14 -0
- package/dist/es/{mc-checkbox-C6TCo4xL.js → mc-checkbox-COhCNKxP.js} +2 -2
- package/dist/es/{mc-collapse-C68KTHMo.js → mc-collapse-LrFuOFj-.js} +2 -2
- package/dist/es/{mc-divider-CetkEEWs.js → mc-divider-DXEcrRW4.js} +1 -1
- package/dist/es/{mc-drawer-B0OqoqTb.js → mc-drawer-ClLMmvzX.js} +4 -4
- package/dist/es/{mc-footer-DQYguol3.js → mc-footer-DWDF2aTs.js} +1 -1
- package/dist/es/{mc-form-CtyDHg4u.js → mc-form-BFKSrs14.js} +5 -5
- package/dist/es/{mc-icon-BCR0XCJl.js → mc-icon-CC3YoUF5.js} +1 -1
- package/dist/es/{mc-input-DgyxwBEp.js → mc-input-BG3u8R8C.js} +3 -3
- package/dist/es/{mc-lightbox-mmW3PJ5_.js → mc-lightbox-BQMnuDOl.js} +4 -4
- package/dist/es/{mc-message-DhaFb3_V.js → mc-message-WpYR2w_Y.js} +2 -2
- package/dist/es/{mc-modal-header-0koUQimu.js → mc-modal-header-r9AYITqo.js} +3 -3
- package/dist/es/{mc-overlay-BpXL4npx.js → mc-overlay-oo2-BaxF.js} +1 -1
- package/dist/es/{mc-popper-DQ5aNdcl.js → mc-popper-DC2OwZTV.js} +1 -1
- package/dist/es/{mc-radio-FAr1EIpi.js → mc-radio-oqYzVvw0.js} +14 -14
- package/dist/es/{mc-reset-ism8Q2uZ.js → mc-reset-BG1h-wJA.js} +2 -2
- package/dist/es/mc-select-D3qtmJAY.js +90 -0
- package/dist/es/mc-status-DUWlSI27.js +7 -0
- package/dist/es/mc-step-BZBSMgez.js +51 -0
- package/dist/es/{mc-success-icon-BBBRzpqR.js → mc-success-icon-DxNdYw94.js} +1 -1
- package/dist/es/mc-switch-eKkX69Dk.js +15 -0
- package/dist/es/{mc-tab-BdTzWosh.js → mc-tab-CDiFp21e.js} +7 -7
- package/dist/es/mc-tag-Bmbdl43c.js +15 -0
- package/dist/es/{mc-title-C0ioHCBh.js → mc-title-DrZ7w8kP.js} +2 -2
- package/dist/es/{mc-toast-BfgI80SY.js → mc-toast-BiZSqmnW.js} +2 -2
- package/dist/es/{mc-tooltip-CUwEXvHg.js → mc-tooltip-BHFP7lwi.js} +7 -7
- package/dist/es/{mc-upload-CLbFaxUl.js → mc-upload-DxVucRVd.js} +2 -2
- package/dist/es/theme/mc-collapse.css +1 -1
- package/dist/es/theme/mc-icon.css +1 -1
- package/dist/es/theme/mc-select.css +1 -1
- package/dist/es/theme/mc-status.css +1 -0
- package/dist/es/theme/mc-step.css +1 -1
- package/dist/es/theme/mc-switch.css +1 -1
- package/dist/es/theme/mc-tag.css +1 -1
- package/dist/es/theme/mc-upload.css +1 -1
- package/dist/es/{utils-DVltbcaT.js → utils-BhyMtnts.js} +1 -1
- package/dist/index.css +1 -1
- package/dist/types/components/index.d.ts +3 -2
- package/dist/types/components/mc-icon/types.d.ts +1 -1
- package/dist/types/components/mc-select/index.d.ts +25 -13
- package/dist/types/components/mc-select/types.d.ts +7 -4
- package/dist/types/components/mc-status/index.d.ts +24 -0
- package/dist/types/components/mc-status/types.d.ts +4 -0
- package/dist/types/components/mc-step/index.d.ts +1 -0
- package/dist/types/components/mc-switch/index.d.ts +29 -18
- package/dist/types/components/mc-switch/types.d.ts +18 -9
- package/dist/types/components/mc-table/index.d.ts +3 -3
- package/dist/types/components/mc-tag/index.d.ts +17 -17
- package/dist/types/components/mc-tag/types.d.ts +13 -18
- package/dist/types/components/mc-upload/index.d.ts +3 -3
- package/dist/types/components/mc-upload/types.d.ts +2 -2
- package/dist/types/utils/delay.d.ts +1 -0
- package/dist/umd/index.css +1 -1
- package/dist/umd/index.css.gz +0 -0
- package/dist/umd/index.umd.cjs +3 -3
- package/dist/umd/index.umd.cjs.gz +0 -0
- package/package.json +1 -1
- package/dist/es/mc-button-BzTZwUJY.js +0 -13
- package/dist/es/mc-select-7vCzQiA_.js +0 -71
- package/dist/es/mc-step-DV4B5rZx.js +0 -47
- package/dist/es/mc-switch-DfDHgpaw.js +0 -11
- package/dist/es/mc-tag-BFd8VP2H.js +0 -33
package/dist/es/index.js
CHANGED
|
@@ -1,77 +1,79 @@
|
|
|
1
|
-
import { p as s, m } from "./utils-
|
|
2
|
-
import { M as o } from "./mc-alert-
|
|
3
|
-
import {
|
|
4
|
-
import { M as i } from "./mc-checkbox-
|
|
5
|
-
import { M as p } from "./mc-collapse-
|
|
6
|
-
import { a } from "./mc-collapse-
|
|
7
|
-
import { M as f, a as j } from "./mc-input-
|
|
8
|
-
import { M } from "./mc-message-
|
|
9
|
-
import { a as a2 } from "./mc-message-
|
|
10
|
-
import { M as l, a as n } from "./mc-radio-
|
|
11
|
-
import { M as g, a as x, b as h } from "./mc-select-
|
|
12
|
-
import { M as S } from "./mc-
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import { M as
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import { M as
|
|
20
|
-
import { a as E } from "./mc-
|
|
21
|
-
import {
|
|
22
|
-
import { a as
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import { M as D } from "./mc-
|
|
26
|
-
import { M as F } from "./mc-
|
|
27
|
-
import { M as G } from "./mc-
|
|
28
|
-
import { M as
|
|
29
|
-
import {
|
|
30
|
-
import { M as L } from "./mc-
|
|
31
|
-
import { M as N } from "./mc-
|
|
32
|
-
|
|
1
|
+
import { p as s, m } from "./utils-BhyMtnts.js";
|
|
2
|
+
import { M as o } from "./mc-alert-yZQp1k51.js";
|
|
3
|
+
import { a as r } from "./mc-button-BTjJCqA7.js";
|
|
4
|
+
import { M as i } from "./mc-checkbox-COhCNKxP.js";
|
|
5
|
+
import { M as p } from "./mc-collapse-LrFuOFj-.js";
|
|
6
|
+
import { a } from "./mc-collapse-LrFuOFj-.js";
|
|
7
|
+
import { M as f, a as j } from "./mc-input-BG3u8R8C.js";
|
|
8
|
+
import { M } from "./mc-message-WpYR2w_Y.js";
|
|
9
|
+
import { a as a2 } from "./mc-message-WpYR2w_Y.js";
|
|
10
|
+
import { M as l, a as n } from "./mc-radio-oqYzVvw0.js";
|
|
11
|
+
import { M as g, a as x, b as h } from "./mc-select-D3qtmJAY.js";
|
|
12
|
+
import { M as S, a as T, b as k } from "./mc-tab-CDiFp21e.js";
|
|
13
|
+
import { u, c, d } from "./mc-tab-CDiFp21e.js";
|
|
14
|
+
import { M as v } from "./mc-toast-BiZSqmnW.js";
|
|
15
|
+
import { c as c2, t, e, a as a3, b, d as d2 } from "./mc-toast-BiZSqmnW.js";
|
|
16
|
+
import { M as w } from "./mc-step-BZBSMgez.js";
|
|
17
|
+
import { M as P, b as q } from "./mc-form-BFKSrs14.js";
|
|
18
|
+
import { a as y } from "./mc-icon-CC3YoUF5.js";
|
|
19
|
+
import { M as C } from "./mc-success-icon-DxNdYw94.js";
|
|
20
|
+
import { a as E, b as I } from "./mc-title-DrZ7w8kP.js";
|
|
21
|
+
import { a as W } from "./mc-footer-DWDF2aTs.js";
|
|
22
|
+
import { a as z } from "./mc-modal-header-r9AYITqo.js";
|
|
23
|
+
import { M as A } from "./mc-drawer-ClLMmvzX.js";
|
|
24
|
+
import { M as B } from "./mc-reset-BG1h-wJA.js";
|
|
25
|
+
import { M as D } from "./mc-divider-DXEcrRW4.js";
|
|
26
|
+
import { M as F } from "./mc-lightbox-BQMnuDOl.js";
|
|
27
|
+
import { M as G, a as H } from "./mc-upload-DxVucRVd.js";
|
|
28
|
+
import { M as J } from "./mc-popper-DC2OwZTV.js";
|
|
29
|
+
import { a as K } from "./mc-tooltip-BHFP7lwi.js";
|
|
30
|
+
import { M as L } from "./mc-tag-Bmbdl43c.js";
|
|
31
|
+
import { M as N } from "./mc-status-DUWlSI27.js";
|
|
32
|
+
import { M as O } from "./mc-switch-eKkX69Dk.js";
|
|
33
|
+
const Q = [r, p, S, l, n, g, x, h, i, o, M, v, w, P, q, f, j, y, C, E, W, I, z, A, T, k, B, D, F, G, H, J, K, L, N, O];
|
|
33
34
|
s();
|
|
34
|
-
const
|
|
35
|
+
const R = m(Q);
|
|
35
36
|
export {
|
|
36
37
|
o as McAlert,
|
|
37
38
|
r as McButton,
|
|
38
39
|
i as McCheckbox,
|
|
39
40
|
p as McCollapse,
|
|
40
41
|
a as McCollapseItem,
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
42
|
+
D as McDivider,
|
|
43
|
+
A as McDrawer,
|
|
44
|
+
H as McFileList,
|
|
45
|
+
W as McFooter,
|
|
46
|
+
P as McForm,
|
|
47
|
+
q as McFormItem,
|
|
48
|
+
y as McIcon,
|
|
48
49
|
f as McInput,
|
|
49
50
|
j as McInputGroup,
|
|
50
|
-
|
|
51
|
+
F as McLightbox,
|
|
51
52
|
M as McMessage,
|
|
52
|
-
|
|
53
|
-
|
|
53
|
+
z as McModalHeader,
|
|
54
|
+
J as McPopper,
|
|
54
55
|
l as McRadio,
|
|
55
56
|
n as McRadioGroup,
|
|
56
|
-
|
|
57
|
+
B as McReset,
|
|
57
58
|
g as McSelect,
|
|
58
59
|
x as McSelectGroup,
|
|
59
60
|
h as McSelectOption,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
61
|
+
N as McStatus,
|
|
62
|
+
w as McStep,
|
|
63
|
+
C as McSuccessIcon,
|
|
64
|
+
O as McSwitch,
|
|
65
|
+
T as McTab,
|
|
66
|
+
k as McTabItem,
|
|
67
|
+
S as McTable,
|
|
68
|
+
L as McTag,
|
|
69
|
+
E as McTitle,
|
|
70
|
+
I as McTitleToolBar,
|
|
71
|
+
v as McToast,
|
|
72
|
+
K as McTooltip,
|
|
73
|
+
G as McUpload,
|
|
72
74
|
a2 as Message,
|
|
73
75
|
c2 as createToast,
|
|
74
|
-
|
|
76
|
+
R as default,
|
|
75
77
|
t as toast,
|
|
76
78
|
e as toastError,
|
|
77
79
|
a3 as toastPrimary,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { _ as e, w as t } from "./utils-
|
|
1
|
+
import { _ as e, w as t } from "./utils-BhyMtnts.js";
|
|
2
2
|
import { defineComponent as s, ref as l, useAttrs as c, computed as i, createElementBlock as o, createCommentVNode as r, openBlock as a, normalizeClass as n, normalizeStyle as _, createElementVNode as d, createBlock as m, renderSlot as p, toDisplayString as f } from "vue";
|
|
3
|
-
import { M as y } from "./mc-icon-
|
|
3
|
+
import { M as y } from "./mc-icon-CC3YoUF5.js";
|
|
4
4
|
const v = { class: "mc-alert__content" }, h = { class: "mc-alert__header" }, u = { class: "mc-alert__header-left" }, k = { key: 1, class: "mc-alert__title" }, w = { key: 0, class: "mc-alert__description" }, g = { key: 1, class: "mc-alert__description" }, I = t(e(s({ name: "McAlert", __name: "mc-alert", props: { type: { default: "info" }, title: {}, description: {}, closable: { type: Boolean, default: false }, showIcon: { type: Boolean, default: true }, height: {}, width: {} }, emits: ["close"], setup(e2, { expose: t2, emit: s2 }) {
|
|
5
5
|
const I2 = e2, M = s2, $ = l(), b = l(true), j = c(), x = i(() => ({ ...j.style || {}, width: I2.width, height: I2.height })), z = { success: "Accept_02", info: "Info_02", warning: "Error_02", error: "Error_04" }, A = (e3) => {
|
|
6
6
|
b.value = false, M("close", e3);
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { defineComponent as e, toRefs as t, ref as o, useAttrs as a, computed as i, toValue as l, createElementBlock as n, openBlock as s, unref as d, normalizeClass as u, normalizeStyle as r, createBlock as c, createCommentVNode as m, createElementVNode as p, createVNode as v, renderSlot as f } from "vue";
|
|
2
|
+
import { M as y } from "./mc-icon-CC3YoUF5.js";
|
|
3
|
+
import { t as h } from "./vendor-DCLhrjBP.js";
|
|
4
|
+
import { _ as b, w as g } from "./utils-BhyMtnts.js";
|
|
5
|
+
const k = ["type", "disabled"], I = { key: 1, class: "loading-icon" }, _ = { class: "mc-button-text" }, w = b(e({ name: "McButton", __name: "mc-button", props: { type: { default: "primary" }, nativeType: { default: "button" }, size: { default: "medium" }, disabled: { type: Boolean }, loading: { type: Boolean }, useThrottle: { type: Boolean, default: true }, throttleDuration: { default: 500 }, leftIcon: {}, rightIcon: {}, content: {}, height: {}, width: {} }, emits: ["click"], setup(e2, { expose: b2, emit: g2 }) {
|
|
6
|
+
const w2 = e2, { loading: z2, disabled: B, throttleDuration: T, height: j, width: x } = t(w2), M = g2, $ = o(), D = t(a()), C = i(() => ({ ...l(D).style, width: x.value ? x.value : void 0, height: j.value ? j.value : void 0 })), L = (e3) => {
|
|
7
|
+
z2.value || B.value || M("click", e3);
|
|
8
|
+
}, q = h(L, T.value, { trailing: false });
|
|
9
|
+
return b2({ ref: $ }), (e3, t2) => (s(), n("button", { ref_key: "_ref", ref: $, style: r(C.value), class: u(["mc-button", { [`mc-button--${e3.type}`]: e3.type, [`mc-button--${e3.size}`]: e3.size, "is-loading": d(z2), "is-disabled": d(B) }]), type: e3.nativeType, disabled: !(!d(B) && !d(z2)) || void 0, onClick: t2[0] || (t2[0] = (t3) => e3.useThrottle ? d(q)(t3) : L(t3)) }, [e3.leftIcon && !d(z2) ? (s(), c(y, { key: 0, name: e3.leftIcon }, null, 8, ["name"])) : m("", true), d(z2) && !d(B) ? (s(), n("span", I, [v(y, { name: "Loading", size: 16 })])) : m("", true), p("div", _, [f(e3.$slots, "default", {}, void 0, true)]), e3.rightIcon ? (s(), c(y, { key: 2, name: e3.rightIcon }, null, 8, ["name"])) : m("", true)], 14, k));
|
|
10
|
+
} }), [["__scopeId", "data-v-22e63398"]]), z = g(w);
|
|
11
|
+
export {
|
|
12
|
+
w as M,
|
|
13
|
+
z as a
|
|
14
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as e, computed as c, watch as a, createElementBlock as l, openBlock as o, normalizeStyle as s, normalizeClass as t, createElementVNode as m, toDisplayString as r } from "vue";
|
|
2
|
-
import { u as n, a as d } from "./mc-form-
|
|
3
|
-
import { _ as u, w as p } from "./utils-
|
|
2
|
+
import { u as n, a as d } from "./mc-form-BFKSrs14.js";
|
|
3
|
+
import { _ as u, w as p } from "./utils-BhyMtnts.js";
|
|
4
4
|
const b = ["value", "disabled"], h = { class: "mc-checkbox__wrapper" }, k = { class: "mc-checkbox__content" }, i = { class: "mc-checkbox__content-text" }, x = { class: "mc-checkbox__content-remarks" }, _ = p(u(e({ name: "McCheckbox", __name: "mc-checkbox", props: { modelValue: { type: Boolean }, disabled: { type: Boolean }, content: {}, remarks: {}, partial: { type: Boolean } }, emits: ["change", "update:modelValue"], setup(e2, { emit: u2 }) {
|
|
5
5
|
const p2 = e2, _2 = u2, { formItem: v } = n(), V = d(), f = c(() => V.value), y = c(() => !f.value && "error" === (v == null ? void 0 : v.validateStatus)), g = () => {
|
|
6
6
|
p2.disabled || (_2("update:modelValue", !p2.modelValue), _2("change", !p2.modelValue));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as e, ref as a, watchEffect as l, watch as s, provide as o, createElementBlock as c, openBlock as t, renderSlot as i, inject as m, computed as d, normalizeClass as n, createElementVNode as p, withDirectives as u, createTextVNode as r, toDisplayString as v, createVNode as _, vShow as h } from "vue";
|
|
2
|
-
import { d as f, _ as C, w as V } from "./utils-
|
|
3
|
-
import { M as b } from "./mc-icon-
|
|
2
|
+
import { d as f, _ as C, w as V } from "./utils-BhyMtnts.js";
|
|
3
|
+
import { M as b } from "./mc-icon-CC3YoUF5.js";
|
|
4
4
|
const g = Symbol("COLLAPSE_CONTEXT"), I = "McCollapse", M = { class: "mc-collapse" }, k = C(e({ name: I, __name: "mc-collapse", props: { modelValue: {}, accordion: { type: Boolean } }, emits: ["update:modelValue", "change"], setup(e2, { emit: m2 }) {
|
|
5
5
|
const d2 = a(e2.modelValue), n2 = m2;
|
|
6
6
|
l(() => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as i, createElementBlock as e, openBlock as a, normalizeClass as d } from "vue";
|
|
2
|
-
import { _ as s, w as m } from "./utils-
|
|
2
|
+
import { _ as s, w as m } from "./utils-BhyMtnts.js";
|
|
3
3
|
const r = m(s(i({ name: "McDivider", __name: "mc-divider", props: { size: { default: "small" }, emphasis: { default: "minimal" }, orientation: { default: "horizontal" } }, setup: (i2) => (i3, s2) => (a(), e("div", { class: d(["mc-divider", [`mc-divider-${i3.orientation}`, `mc-divider-${i3.size}`, `mc-divider-${i3.emphasis}`]]) }, null, 2)) }), [["__scopeId", "data-v-6b53d9f6"]]));
|
|
4
4
|
export {
|
|
5
5
|
r as M
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent as e, ref as o, watch as t, createElementBlock as a, createCommentVNode as s, openBlock as l, createBlock as r, Teleport as d, createVNode as i, Transition as m, withCtx as c, normalizeClass as f, createElementVNode as u, renderSlot as n, nextTick as v } from "vue";
|
|
2
|
-
import { M as p } from "./mc-overlay-
|
|
3
|
-
import { M as w } from "./mc-modal-header-
|
|
4
|
-
import { M as y } from "./mc-footer-
|
|
2
|
+
import { M as p } from "./mc-overlay-oo2-BaxF.js";
|
|
3
|
+
import { M as w } from "./mc-modal-header-r9AYITqo.js";
|
|
4
|
+
import { M as y } from "./mc-footer-DWDF2aTs.js";
|
|
5
5
|
import { u as _ } from "./hooks-CaHRdMVi.js";
|
|
6
|
-
import { _ as h, w as $ } from "./utils-
|
|
6
|
+
import { _ as h, w as $ } from "./utils-BhyMtnts.js";
|
|
7
7
|
const b = { key: 0, class: "mc-drawer-container" }, g = { class: "mc-drawer-header" }, k = { class: "mc-drawer-content-wrapper" }, x = { class: "mc-drawer-content" }, C = $(h(e({ name: "McDrawer", __name: "mc-drawer", props: { modelValue: { type: Boolean }, title: {}, size: { default: "medium" }, maskClosable: { type: Boolean }, fixed: { type: Boolean, default: true }, portCssSelector: { default: "body" } }, emits: ["update:modelValue", "close"], setup(e2, { expose: h2, emit: $2 }) {
|
|
8
8
|
const C2 = e2, j = o(false), M = o(false), B = o(false), V = async () => {
|
|
9
9
|
j.value = true, M.value = true, await v(), B.value = true;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as t, ref as o, createElementBlock as e, openBlock as s, normalizeStyle as r, normalizeClass as c, createCommentVNode as i, createElementVNode as d, renderSlot as a } from "vue";
|
|
2
|
-
import { _ as l, w as p } from "./utils-
|
|
2
|
+
import { _ as l, w as p } from "./utils-BhyMtnts.js";
|
|
3
3
|
const f = { key: 0, class: "mc-footer-content" }, h = { class: "mc-footer-bottom" }, m = { class: "mc-footer-bottom-content" }, n = { class: "mc-footer-left" }, v = { class: "mc-footer-right" }, w = { class: "mc-footer-right-button-group" }, g = l(t({ name: "McFooter", __name: "mc-footer", props: { width: {}, height: {}, wrapperWidth: {}, showborder: { type: Boolean, default: true } }, setup(t2, { expose: l2 }) {
|
|
4
4
|
const p2 = o();
|
|
5
5
|
return l2({ ref: p2 }), (t3, o2) => (s(), e("section", { class: c(["mc-footer", { "mc-footer-border": t3.showborder }]), style: r({ width: t3.width, height: t3.height }), ref_key: "_ref", ref: p2 }, [t3.$slots.desc ? (s(), e("div", f, [d("div", { class: "mc-footer-wrapper", style: r({ width: t3.wrapperWidth }) }, [a(t3.$slots, "desc", {}, void 0, true)], 4)])) : i("", true), d("div", h, [d("div", { class: "mc-footer-wrapper", style: r({ width: t3.wrapperWidth }) }, [d("div", m, [d("div", n, [a(t3.$slots, "left", {}, void 0, true)]), d("div", v, [a(t3.$slots, "right", {}, () => [d("div", w, [a(t3.$slots, "right-button-group", {}, void 0, true)])], true)])])], 4)])], 6));
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { inject as e, computed as r, defineComponent as t, reactive as s, toRefs as a, provide as o, createElementBlock as l, openBlock as i, createElementVNode as d, renderSlot as c, ref as m, onMounted as n, onUnmounted as u, createVNode as p, createCommentVNode as v, normalizeClass as f, toDisplayString as b, createTextVNode as h, Transition as y, withCtx as
|
|
1
|
+
import { inject as e, computed as r, defineComponent as t, reactive as s, toRefs as a, provide as o, createElementBlock as l, openBlock as i, createElementVNode as d, renderSlot as c, ref as m, onMounted as n, onUnmounted as u, createVNode as p, createCommentVNode as v, normalizeClass as f, toDisplayString as b, createTextVNode as h, Transition as y, withCtx as g, nextTick as _ } from "vue";
|
|
2
2
|
import { a as q } from "./hooks-CaHRdMVi.js";
|
|
3
3
|
import { s as F, f as j, a as P, k as $, b as w, c as x, m as k, d as I, g as M, e as S, h as V, j as B } from "./vendor-DCLhrjBP.js";
|
|
4
|
-
import { _ as C, w as z } from "./utils-
|
|
4
|
+
import { _ as C, w as z } from "./utils-BhyMtnts.js";
|
|
5
5
|
import E from "async-validator";
|
|
6
|
-
import {
|
|
6
|
+
import { M as O } from "./mc-tooltip-BHFP7lwi.js";
|
|
7
7
|
const A = Symbol("formContext"), D = Symbol("formItemContext");
|
|
8
8
|
function G() {
|
|
9
9
|
return { form: e(A, void 0), formItem: e(D, void 0) };
|
|
@@ -87,7 +87,7 @@ const J = { class: "mc-form" }, K = C(t({ name: "McForm", __name: "mc-form", pro
|
|
|
87
87
|
}) : Promise.reject(false);
|
|
88
88
|
}, se = () => {
|
|
89
89
|
const e2 = C2 == null ? void 0 : C2.model;
|
|
90
|
-
e2 && P2.prop && !x(M(e2, P2.prop)) && (re = true, S(e2, P2.prop, V(ee))),
|
|
90
|
+
e2 && P2.prop && !x(M(e2, P2.prop)) && (re = true, S(e2, P2.prop, V(ee))), _(() => {
|
|
91
91
|
ae();
|
|
92
92
|
});
|
|
93
93
|
}, ae = () => {
|
|
@@ -97,7 +97,7 @@ const J = { class: "mc-form" }, K = C(t({ name: "McForm", __name: "mc-form", pro
|
|
|
97
97
|
P2.prop && (C2 == null ? void 0 : C2.addField(oe), ee = J2.value);
|
|
98
98
|
}), u(() => {
|
|
99
99
|
P2.prop && (C2 == null ? void 0 : C2.removeField(oe));
|
|
100
|
-
}), q2({ validateMessage: G2, validateStatus: z2, validate: te, resetField: se, clearValidate: ae }), (e2, r2) => (i(), l("div", L, [c(e2.$slots, "label", { required: Y2.value }, () => [d("div", N, [e2.label ? (i(), l("label", Q, [d("span", { class: f(["mc-form-item-lable-text", { "mc-form-item-label-required": Y2.value }]) }, b(e2.label), 3), e2.help || e2.$slots.help ? (i(), l("div", R, [c(e2.$slots, "help", {}, () => [p(O, { content: e2.help, "icon-size": 20 }, null, 8, ["content"])], true)])) : v("", true)])) : v("", true), c(e2.$slots, "tool", {}, void 0, true)]), e2.desc || e2.$slots.desc ? (i(), l("div", T, [c(e2.$slots, "desc", {}, () => [h(b(e2.desc), 1)], true)])) : v("", true)], true), d("div", U, [c(e2.$slots, "default", {}, void 0, true)]), p(y, { name: "mc-form-item-error" }, { default:
|
|
100
|
+
}), q2({ validateMessage: G2, validateStatus: z2, validate: te, resetField: se, clearValidate: ae }), (e2, r2) => (i(), l("div", L, [c(e2.$slots, "label", { required: Y2.value }, () => [d("div", N, [e2.label ? (i(), l("label", Q, [d("span", { class: f(["mc-form-item-lable-text", { "mc-form-item-label-required": Y2.value }]) }, b(e2.label), 3), e2.help || e2.$slots.help ? (i(), l("div", R, [c(e2.$slots, "help", {}, () => [p(O, { content: e2.help, "icon-size": 20 }, null, 8, ["content"])], true)])) : v("", true)])) : v("", true), c(e2.$slots, "tool", {}, void 0, true)]), e2.desc || e2.$slots.desc ? (i(), l("div", T, [c(e2.$slots, "desc", {}, () => [h(b(e2.desc), 1)], true)])) : v("", true)], true), d("div", U, [c(e2.$slots, "default", {}, void 0, true)]), p(y, { name: "mc-form-item-error" }, { default: g(() => [G2.value ? (i(), l("div", W, b(G2.value), 1)) : v("", true)]), _: 1 })]));
|
|
101
101
|
} }), [["__scopeId", "data-v-ac8f57c1"]]), Y = z(K), Z = z(X);
|
|
102
102
|
export {
|
|
103
103
|
Y as M,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as e, ref as o, createElementBlock as c, openBlock as s, normalizeStyle as i, createElementVNode as n, normalizeClass as t } from "vue";
|
|
2
|
-
import { _ as a, w as r } from "./utils-
|
|
2
|
+
import { _ as a, w as r } from "./utils-BhyMtnts.js";
|
|
3
3
|
const m = a(e({ name: "McIcon", __name: "mc-icon", props: { name: {}, size: { default: 24 }, color: {} }, emits: ["click"], setup(e2, { expose: a2, emit: r2 }) {
|
|
4
4
|
const m2 = r2, l2 = o();
|
|
5
5
|
return a2({ ref: l2 }), (e3, o2) => (s(), c("span", { class: "mc-icon", style: i({ fontSize: `${e3.size}px`, width: `${e3.size}px`, height: `${e3.size}px`, color: e3.color }) }, [n("i", { ref_key: "_ref", ref: l2, class: t(["mc-iconfont", `mc-icon--${e3.name}`]), onClick: o2[0] || (o2[0] = (e4) => ((e5) => {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { inject as e, computed as t, defineComponent as a, ref as u, onMounted as s, watch as l, createElementBlock as n, openBlock as r, normalizeStyle as c, normalizeClass as o, unref as i, createCommentVNode as p, createElementVNode as f, renderSlot as d, createBlock as m, createVNode as v, Fragment as y, nextTick as x, useSlots as h, reactive as _, watchEffect as g, provide as I } from "vue";
|
|
2
|
-
import { M as b } from "./mc-icon-
|
|
3
|
-
import { a as w, u as $ } from "./mc-form-
|
|
2
|
+
import { M as b } from "./mc-icon-CC3YoUF5.js";
|
|
3
|
+
import { a as w, u as $ } from "./mc-form-BFKSrs14.js";
|
|
4
4
|
import { b as k } from "./hooks-CaHRdMVi.js";
|
|
5
5
|
import { b as V, l as M, c as S, i as j } from "./vendor-DCLhrjBP.js";
|
|
6
|
-
import { _ as B, w as R } from "./utils-
|
|
6
|
+
import { _ as B, w as R } from "./utils-BhyMtnts.js";
|
|
7
7
|
const z = Symbol("InputGroupContext");
|
|
8
8
|
function A(a2 = "input") {
|
|
9
9
|
const u2 = e(z, void 0), s2 = t(() => !!u2 && "prefix" === u2[a2]), l2 = t(() => !!u2 && "suffix" === u2[a2]);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent as e, ref as t, watch as o, nextTick as l, createElementBlock as a, createCommentVNode as s, openBlock as i, createBlock as r, Teleport as d, createVNode as f, Transition as u, withCtx as c, normalizeClass as m, createElementVNode as n, renderSlot as v } from "vue";
|
|
2
|
-
import { M as h } from "./mc-overlay-
|
|
3
|
-
import { M as p } from "./mc-modal-header-
|
|
4
|
-
import { M as g } from "./mc-footer-
|
|
2
|
+
import { M as h } from "./mc-overlay-oo2-BaxF.js";
|
|
3
|
+
import { M as p } from "./mc-modal-header-r9AYITqo.js";
|
|
4
|
+
import { M as g } from "./mc-footer-DWDF2aTs.js";
|
|
5
5
|
import { c as x, u as b } from "./hooks-CaHRdMVi.js";
|
|
6
|
-
import { _ as y, w as _ } from "./utils-
|
|
6
|
+
import { _ as y, w as _ } from "./utils-BhyMtnts.js";
|
|
7
7
|
const k = { key: 0, class: "mc-lightbox-container" }, $ = { class: "mc-lightbox-header" }, w = _(y(e({ name: "McLightbox", __name: "mc-lightbox", props: { modelValue: { type: Boolean, default: false }, title: {}, size: { default: "medium" }, maskClosable: { type: Boolean, default: true }, fixed: { type: Boolean, default: true }, portCssSelector: { default: "body" }, hideFooter: { type: Boolean, default: false } }, emits: ["update:modelValue", "close"], setup(e2, { expose: y2, emit: _2 }) {
|
|
8
8
|
const w2 = e2, C = _2, j = t(), B = t(), M = t(), R = t(), V = t(false), H = t(false), z = t(false), F = () => {
|
|
9
9
|
w2.maskClosable && L();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { _ as e, w as s } from "./utils-
|
|
1
|
+
import { _ as e, w as s } from "./utils-BhyMtnts.js";
|
|
2
2
|
import { defineComponent as o, ref as n, toRefs as t, useAttrs as a, computed as c, toValue as r, onMounted as l, createBlock as m, openBlock as i, Transition as d, withCtx as u, withDirectives as p, createElementVNode as f, normalizeStyle as g, normalizeClass as _, createCommentVNode as y, toDisplayString as v, vShow as h, render as C, createVNode as w } from "vue";
|
|
3
|
-
import { M as b } from "./mc-icon-
|
|
3
|
+
import { M as b } from "./mc-icon-CC3YoUF5.js";
|
|
4
4
|
const E = { class: "mc-message__content" }, I = { class: "mc-message__title" }, k = e(o({ name: "McMessage", __name: "mc-message", props: { type: { default: "info" }, message: { default: "" }, duration: { default: 3e3 }, showIcon: { type: Boolean, default: true }, closable: { type: Boolean, default: false }, onClose: {} }, emits: ["close"], setup(e2, { expose: s2, emit: o2 }) {
|
|
5
5
|
const C2 = e2, w2 = o2, k2 = n(), x2 = n(true), M2 = t(a()), A2 = c(() => ({ ...r(M2).style })), B2 = { success: "Accept_02", info: "Info_02", warning: "Error_02", error: "Error_04" }, j2 = () => {
|
|
6
6
|
var _a;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as e, createElementBlock as o, openBlock as s, createVNode as t, withCtx as a, renderSlot as l } from "vue";
|
|
2
|
-
import { M as m } from "./mc-icon-
|
|
3
|
-
import { M as r } from "./mc-title-
|
|
4
|
-
import { _ as i, w as c } from "./utils-
|
|
2
|
+
import { M as m } from "./mc-icon-CC3YoUF5.js";
|
|
3
|
+
import { M as r } from "./mc-title-DrZ7w8kP.js";
|
|
4
|
+
import { _ as i, w as c } from "./utils-BhyMtnts.js";
|
|
5
5
|
const d = { class: "mc-modal-header" }, n = i(e({ name: "McModalHeader", __name: "mc-modal-header", props: { title: {}, showClose: { type: Boolean, default: true } }, emits: ["close"], setup(e2, { emit: i2 }) {
|
|
6
6
|
const c2 = i2;
|
|
7
7
|
return (e3, i3) => (s(), o("div", d, [t(r, { title: e3.title, "show-border": "", height: "100%", class: "mc-modal-header-title" }, { "tool-bar": a(() => [t(m, { name: "Cross", size: 24, class: "mc-modal-header-close-icon", onClick: i3[0] || (i3[0] = (e4) => c2("close")) })]), default: a(() => [l(e3.$slots, "default", {}, void 0, true)]), _: 3 }, 8, ["title"])]));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as e, ref as o, createElementBlock as t, createCommentVNode as s, openBlock as i, normalizeStyle as l, renderSlot as a } from "vue";
|
|
2
|
-
import { _ as r } from "./utils-
|
|
2
|
+
import { _ as r } from "./utils-BhyMtnts.js";
|
|
3
3
|
const c = r(e({ name: "McOverlay", __name: "mc-overlay", props: { visible: { type: Boolean }, fixed: { type: Boolean, default: true } }, emits: ["click"], setup(e2, { expose: r2, emit: c2 }) {
|
|
4
4
|
const f = c2, p = o();
|
|
5
5
|
return r2({ ref: p }), (e3, o2) => e3.visible ? (i(), t("div", { key: 0, class: "mc-overlay", ref_key: "_ref", ref: p, onClick: o2[0] || (o2[0] = (e4) => ((e5) => {
|
|
@@ -2,7 +2,7 @@ import { defineComponent as e, ref as o, computed as a, watch as r, onUnmounted
|
|
|
2
2
|
import { createPopper as w } from "@popperjs/core";
|
|
3
3
|
import { d as k } from "./hooks-CaHRdMVi.js";
|
|
4
4
|
import { n as _, o as y, c as b } from "./vendor-DCLhrjBP.js";
|
|
5
|
-
import { _ as N, w as j } from "./utils-
|
|
5
|
+
import { _ as N, w as j } from "./utils-BhyMtnts.js";
|
|
6
6
|
const T = { key: 0, id: "arrow", class: "mc-popper-arrow", "data-popper-arrow": "" }, x = N(e({ name: "McPopper", __name: "mc-popper", props: { content: {}, trigger: { default: "hover" }, placement: { default: "top" }, disabled: { type: Boolean }, popperOptions: {}, showTimeout: { default: 0 }, hideTimeout: { default: 300 }, transitionName: { default: "fade" }, showArrow: { type: Boolean, default: true } }, emits: ["visible:change", "click:outside"], setup(e2, { expose: N2, emit: j2 }) {
|
|
7
7
|
const x2 = e2, A2 = j2, B = o({}), M = o({}), O = o({}), $ = o(), I = o(), P = o(), q = o(false), z = (e3) => {
|
|
8
8
|
x2.disabled && (e3 = false), q.value = e3, A2("visible:change", e3);
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import { defineComponent as e, watch as a, provide as l, computed as o, createElementBlock as r, openBlock as s, renderSlot as d, inject as t, normalizeClass as c, createElementVNode as i, createCommentVNode as m, createTextVNode as u, toDisplayString as n, createVNode as p } from "vue";
|
|
2
|
-
import { u as v, a as b } from "./mc-form-
|
|
3
|
-
import { _ as h, w as
|
|
4
|
-
import {
|
|
5
|
-
const
|
|
2
|
+
import { u as v, a as b } from "./mc-form-BFKSrs14.js";
|
|
3
|
+
import { _ as h, w as f } from "./utils-BhyMtnts.js";
|
|
4
|
+
import { M as k } from "./mc-tooltip-BHFP7lwi.js";
|
|
5
|
+
const _ = Symbol("selectContext"), g = { class: "mc-radio-group" }, y = h(e({ name: "McRadioGroup", __name: "mc-radio-group", props: { modelValue: { type: [Number, String, Boolean] }, disabled: { type: Boolean } }, emits: ["update:modelValue", "change"], setup(e2, { emit: t2 }) {
|
|
6
6
|
const c2 = e2, i2 = t2, { formItem: m2 } = v();
|
|
7
7
|
return a(() => c2.modelValue, () => {
|
|
8
8
|
m2 == null ? void 0 : m2.validate("change");
|
|
9
|
-
}), l(
|
|
9
|
+
}), l(_, { hasError: o(() => "error" === (m2 == null ? void 0 : m2.validateStatus)), modelValue: o(() => c2.modelValue), disabled: o(() => c2.disabled), handleSelect: (e3) => {
|
|
10
10
|
i2("update:modelValue", e3), i2("change", e3);
|
|
11
11
|
} }), (e3, a2) => (s(), r("div", g, [d(e3.$slots, "default", {}, void 0, true)]));
|
|
12
|
-
} }), [["__scopeId", "data-v-152cbc8e"]]), V = ["disabled"], S = { class: "mc-radio-content" }, $ = { key: 0, class: "mc-radio-help" }, B = { class: "mc-radio-remark" },
|
|
13
|
-
const a2 = e2, l2 = t(
|
|
12
|
+
} }), [["__scopeId", "data-v-152cbc8e"]]), V = ["disabled"], S = { class: "mc-radio-content" }, $ = { key: 0, class: "mc-radio-help" }, B = { class: "mc-radio-remark" }, M = h(e({ name: "McRadio", __name: "mc-radio", props: { label: {}, value: { type: [Number, String, Boolean] }, disabled: { type: Boolean }, remark: {}, help: {} }, setup(e2) {
|
|
13
|
+
const a2 = e2, l2 = t(_), v2 = o(() => {
|
|
14
14
|
var _a;
|
|
15
15
|
return ((_a = l2 == null ? void 0 : l2.modelValue) == null ? void 0 : _a.value) === a2.value;
|
|
16
|
-
}), h2 = b(),
|
|
16
|
+
}), h2 = b(), f2 = o(() => {
|
|
17
17
|
var _a;
|
|
18
18
|
return ((_a = l2 == null ? void 0 : l2.disabled) == null ? void 0 : _a.value) || h2.value;
|
|
19
19
|
}), g2 = o(() => {
|
|
20
20
|
var _a;
|
|
21
|
-
return !
|
|
21
|
+
return !f2.value && ((_a = l2 == null ? void 0 : l2.hasError) == null ? void 0 : _a.value);
|
|
22
22
|
}), y2 = () => {
|
|
23
|
-
|
|
23
|
+
f2.value || (l2 == null ? void 0 : l2.handleSelect(a2.value));
|
|
24
24
|
};
|
|
25
|
-
return (e3, a3) => (s(), r("div", { class: c(["mc-radio", { "mc-radio-has-remark": !!e3.remark }]) }, [i("label", { class: c(["mc-radio-label", { "mc-radio-checked": v2.value, "mc-radio-disabled":
|
|
26
|
-
} }), [["__scopeId", "data-v-cc9e26bd"]]),
|
|
25
|
+
return (e3, a3) => (s(), r("div", { class: c(["mc-radio", { "mc-radio-has-remark": !!e3.remark }]) }, [i("label", { class: c(["mc-radio-label", { "mc-radio-checked": v2.value, "mc-radio-disabled": f2.value, "mc-radio-error": g2.value }]), onClick: y2 }, [i("input", { type: "radio", class: "mc-radio-input", disabled: f2.value }, null, 8, V), a3[0] || (a3[0] = i("span", { class: "mc-radio-circle" }, null, -1)), i("div", S, [d(e3.$slots, "default", {}, () => [u(n(e3.label), 1)], true)]), e3.help || e3.$slots.help ? (s(), r("div", $, [d(e3.$slots, "help", {}, () => [p(k, { content: e3.help, "icon-size": 24 }, null, 8, ["content"])], true)])) : m("", true)], 2), i("div", B, [d(e3.$slots, "remark", {}, () => [u(n(e3.remark), 1)], true)])], 2));
|
|
26
|
+
} }), [["__scopeId", "data-v-cc9e26bd"]]), j = f(y), I = f(M);
|
|
27
27
|
export {
|
|
28
|
-
M,
|
|
29
|
-
|
|
28
|
+
I as M,
|
|
29
|
+
j as a
|
|
30
30
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as e, createElementBlock as s, openBlock as t, createVNode as r, createElementVNode as a, normalizeClass as o } from "vue";
|
|
2
|
-
import { M as m } from "./mc-icon-
|
|
3
|
-
import { _ as c, w as n } from "./utils-
|
|
2
|
+
import { M as m } from "./mc-icon-CC3YoUF5.js";
|
|
3
|
+
import { _ as c, w as n } from "./utils-BhyMtnts.js";
|
|
4
4
|
const i = c(e({ name: "mc-reset", __name: "mc-reset", props: { rotate: { type: Boolean, default: false } }, emits: ["reset"], setup(e2, { emit: c2 }) {
|
|
5
5
|
const n2 = c2, i2 = () => {
|
|
6
6
|
n2("reset");
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { defineComponent as e, ref as l, computed as a, watch as t, provide as s, createElementBlock as o, openBlock as u, normalizeStyle as c, normalizeClass as i, unref as d, createElementVNode as r, createVNode as v, createCommentVNode as n, createBlock as p, resolveDynamicComponent as m, Fragment as h, renderList as f, withCtx as g, createTextVNode as _, toDisplayString as y, withDirectives as b, vModelText as w, Transition as k, renderSlot as V, vShow as x, inject as j, useSlots as S, onMounted as O, onBeforeUnmount as C, h as M, toRefs as B, useAttrs as I, toValue as R } from "vue";
|
|
2
|
+
import { b as $, d as z } from "./hooks-CaHRdMVi.js";
|
|
3
|
+
import { a as A, u as F } from "./mc-form-BFKSrs14.js";
|
|
4
|
+
import { u as N } from "./mc-input-BG3u8R8C.js";
|
|
5
|
+
import { M as G } from "./mc-icon-CC3YoUF5.js";
|
|
6
|
+
import { M as P } from "./mc-button-BTjJCqA7.js";
|
|
7
|
+
import { _ as D } from "./mc-tag-Bmbdl43c.js";
|
|
8
|
+
import { M as T } from "./mc-footer-DWDF2aTs.js";
|
|
9
|
+
import { c as U, p as q, l as E, f as H, m as J, b as K } from "./vendor-DCLhrjBP.js";
|
|
10
|
+
import { _ as L, w as Q } from "./utils-BhyMtnts.js";
|
|
11
|
+
const W = Symbol("selectContext"), X = Symbol("selectGroupContext"), Y = { key: 0, class: "mc-select-selected-content" }, Z = { key: 1, class: "mc-select-multi-wrapper" }, ee = { class: "mc-select-input-wrapper" }, le = ["placeholder", "readonly", "disabled"], ae = { class: "mc-select-dropdown-content" }, te = { class: "mc-select-dropdown" }, se = { key: 0, class: "mc-select-no-data" }, oe = L(e({ name: "McSelect", __name: "mc-select", props: { modelValue: {}, placeholder: { default: "Please select" }, disabled: { type: Boolean }, type: { default: "single" }, width: {}, height: {}, search: { type: Boolean } }, emits: ["update:modelValue", "change", "blur", "focus", "reset"], setup(e2, { emit: j2 }) {
|
|
12
|
+
const S2 = e2, O2 = j2, C2 = l(), M2 = A(), B2 = a(() => "multi-choice" === S2.type), I2 = (e3) => B2.value && Array.isArray(e3), R2 = l([]), L2 = a(() => U(Se.value) ? R2.value : R2.value.filter((e3) => q(E(e3.label ?? e3.value)).includes(q(Se.value)))), { wrapperRef: Q2, isFocused: X2, handleFocus: oe2, handleBlur: ue2 } = $(C2, { afterBlur() {
|
|
13
|
+
ge == null ? void 0 : ge.validate("blur");
|
|
14
|
+
} }), ce2 = a(() => 0 === L2.value.length), ie2 = a(() => !ce2.value && B2.value), de2 = l(false), re2 = () => {
|
|
15
|
+
de2.value = !de2.value;
|
|
16
|
+
}, ve2 = () => I2(S2.modelValue) ? [...S2.modelValue] : [S2.modelValue], ne2 = l(ve2());
|
|
17
|
+
t(() => S2.modelValue, () => {
|
|
18
|
+
ne2.value = ve2();
|
|
19
|
+
});
|
|
20
|
+
const pe2 = a(() => H(R2.value, (e3) => K(ne2.value, e3.value))), me = a(() => {
|
|
21
|
+
var _a;
|
|
22
|
+
return B2.value ? void 0 : (_a = pe2.value) == null ? void 0 : _a[0];
|
|
23
|
+
}), he = a(() => B2.value ? J(pe2.value, (e3) => e3.label ?? "") : []), fe = a(() => X2.value ? "minimal" : "bold"), { formItem: ge } = F(), _e = a(() => {
|
|
24
|
+
switch (ge == null ? void 0 : ge.validateStatus) {
|
|
25
|
+
case "success":
|
|
26
|
+
return "success";
|
|
27
|
+
case "error":
|
|
28
|
+
return "error";
|
|
29
|
+
default:
|
|
30
|
+
return "";
|
|
31
|
+
}
|
|
32
|
+
}), ye = a(() => "error" === _e.value), be = a(() => "success" === _e.value), we = a(() => !M2.value && (ye.value || be.value) && !Me.value && !Be.value);
|
|
33
|
+
let ke = [];
|
|
34
|
+
const Ve = () => {
|
|
35
|
+
O2("update:modelValue", [...ke]), O2("change", [...ke]), ge == null ? void 0 : ge.validate("change");
|
|
36
|
+
}, xe = () => {
|
|
37
|
+
de2.value = false, O2("change", [...S2.modelValue]), ge == null ? void 0 : ge.validate("change");
|
|
38
|
+
}, je = a(() => R2.value.length ? "" : S2.placeholder), Se = l(""), Oe = () => {
|
|
39
|
+
de2.value = true;
|
|
40
|
+
}, Ce = a(() => ({ width: S2.width ?? void 0, height: S2.height ?? void 0 }));
|
|
41
|
+
z(Q2, () => {
|
|
42
|
+
de2.value = false;
|
|
43
|
+
}), t(() => de2.value, (e3) => {
|
|
44
|
+
e3 ? B2.value && (ke = [...S2.modelValue]) : setTimeout(() => {
|
|
45
|
+
Se.value = "";
|
|
46
|
+
}, 300);
|
|
47
|
+
}, { flush: "post" }), s(W, { filterOptions: L2, selectValues: ne2, handleSelect: (e3) => {
|
|
48
|
+
I2(S2.modelValue) ? ((e4) => {
|
|
49
|
+
const l2 = [...S2.modelValue];
|
|
50
|
+
K(l2, e4.value) ? l2.splice(l2.indexOf(e4.value), 1) : l2.push(e4.value), O2("update:modelValue", l2);
|
|
51
|
+
})(e3) : ((e4) => {
|
|
52
|
+
de2.value = false;
|
|
53
|
+
const l2 = S2.modelValue === e4.value ? void 0 : e4.value;
|
|
54
|
+
O2("update:modelValue", l2), O2("change", l2), ge == null ? void 0 : ge.validate("change");
|
|
55
|
+
})(e3);
|
|
56
|
+
}, removeOption: (e3) => {
|
|
57
|
+
R2.value = R2.value.filter((l2) => l2.value !== e3.value);
|
|
58
|
+
}, addOption: (e3) => {
|
|
59
|
+
R2.value.push(e3);
|
|
60
|
+
} });
|
|
61
|
+
const { isPrefix: Me, isSuffix: Be } = N("select");
|
|
62
|
+
return (e3, l2) => (u(), o("div", { class: i(["mc-select", [de2.value && !d(M2) ? "mc-select-expand" : "mc-select-collapse", { "mc-select-disabled": d(M2), "mc-input-focused": d(X2), [`mc-select--${_e.value}`]: _e.value, "mc-select--input-group-prefix": d(Me), "mc-select--input-group-suffix": d(Be) }]]), ref_key: "wrapperRef", ref: Q2, style: c(Ce.value) }, [r("div", { class: "mc-select-trigger", onClick: re2 }, [pe2.value.length && !Se.value ? (u(), o("div", Y, [B2.value ? (u(), o("div", Z, [(u(true), o(h, null, f(he.value, (e4) => (u(), p(D, { key: e4, size: "x-small", type: "selectable", emphasis: fe.value, disabled: d(M2) }, { default: g(() => [_(y(e4), 1)]), _: 2 }, 1032, ["emphasis", "disabled"]))), 128))])) : (u(), p(m(me.value._vnode), { key: me.value.value }))])) : n("", true), r("div", ee, [b(r("input", { class: i(["mc-select-input", { "mc-select-input-readonly": !e3.search }]), ref_key: "inputRef", ref: C2, type: "text", placeholder: je.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => Se.value = e4), onInput: Oe, onFocus: l2[1] || (l2[1] = (...e4) => d(oe2) && d(oe2)(...e4)), onBlur: l2[2] || (l2[2] = (...e4) => d(ue2) && d(ue2)(...e4)), readonly: !e3.search, disabled: d(M2) }, null, 42, le), [[w, Se.value]])]), we.value ? (u(), o("div", { key: 1, class: i(["mc-select__status", [ye.value ? "mc-select__status--error" : "mc-select__status--success"]]) }, [v(G, { name: ye.value ? "Reject_02" : "Accept_02", size: 24 }, null, 8, ["name"])], 2)) : n("", true), r("div", { class: i(["mc-select-icon-wrapper", { "mc-select-icon-wrapper-expand": de2.value && !d(M2) }]) }, [v(G, { name: "Down-Chevron" })], 2)]), v(k, { name: "mc-select-dropdown-transition" }, { default: g(() => [b(r("div", { class: "mc-select-dropdown-wrapper", style: c({ paddingBottom: ie2.value ? "48px" : "0" }) }, [r("div", ae, [r("div", te, [V(e3.$slots, "default", {}, void 0, true), ce2.value ? (u(), o("div", se, [V(e3.$slots, "empty", {}, () => [l2[3] || (l2[3] = _("No data"))], true)])) : n("", true)])]), ie2.value ? (u(), p(T, { key: 0, class: "mc-select-dropdown-footer" }, { "right-button-group": g(() => [v(P, { type: "link", size: "small", onClick: Ve }, { default: g(() => l2[4] || (l2[4] = [_(" Reset ")])), _: 1 }), v(P, { type: "plain", size: "small", onClick: xe }, { default: g(() => l2[5] || (l2[5] = [_(" Apply ")])), _: 1 })]), _: 1 })) : n("", true)], 4), [[x, de2.value && !d(M2)]])]), _: 3 })], 6));
|
|
63
|
+
} }), [["__scopeId", "data-v-e2de647f"]]), ue = { class: "mc-select-option-content" }, ce = L(e({ name: "McSelectOption", __name: "mc-select-option", props: { value: {}, label: {}, width: {}, height: {}, _group: {}, _vnode: {} }, setup(e2, { expose: t2 }) {
|
|
64
|
+
const s2 = l(), d2 = e2, v2 = j(W, void 0), p2 = j(X, void 0), m2 = a(() => v2 == null ? void 0 : v2.selectValues.value.includes(d2.value)), h2 = a(() => !!(v2 == null ? void 0 : v2.filterOptions.value.some((e3) => e3.value === d2.value))), f2 = S(), g2 = () => {
|
|
65
|
+
v2 == null ? void 0 : v2.handleSelect(b2(d2));
|
|
66
|
+
};
|
|
67
|
+
O(() => {
|
|
68
|
+
v2 == null ? void 0 : v2.addOption(b2(d2));
|
|
69
|
+
}), C(() => {
|
|
70
|
+
v2 == null ? void 0 : v2.removeOption(b2(d2));
|
|
71
|
+
});
|
|
72
|
+
const b2 = (e3) => {
|
|
73
|
+
var _a;
|
|
74
|
+
return { ...e3, _group: p2 == null ? void 0 : p2.groupName, _vnode: M("div", { class: "mc-select-option-content" }, (_a = f2.default) == null ? void 0 : _a.call(f2, {})) };
|
|
75
|
+
}, w2 = a(() => ({ width: d2.width ?? void 0, height: d2.height ?? void 0 }));
|
|
76
|
+
return t2({ isShow: h2.value, ref: s2 }), (e3, l2) => h2.value ? (u(), o("div", { key: 0, class: i(["mc-select-dropdown-item mc-select-option", { "mc-select-option-icon-active": m2.value }]), onClick: g2, ref_key: "_ref", ref: s2, style: c(w2.value) }, [r("div", ue, [V(e3.$slots, "default", {}, () => [_(y(e3.label), 1)], true)])], 6)) : n("", true);
|
|
77
|
+
} }), [["__scopeId", "data-v-888970f9"]]), ie = { class: "mc-select-group" }, de = { class: "mc-select-group-content" }, re = L(e({ name: "McSelectGroup", __name: "mc-select-group", props: { label: {}, width: {}, height: {} }, setup(e2) {
|
|
78
|
+
const l2 = e2, t2 = j(W, void 0);
|
|
79
|
+
s(X, { groupName: l2.label });
|
|
80
|
+
const i2 = a(() => t2 == null ? void 0 : t2.filterOptions.value.some((e3) => e3._group === l2.label)), d2 = B(I()), v2 = a(() => {
|
|
81
|
+
var _a, _b;
|
|
82
|
+
return { ...(_b = (_a = R(d2)) == null ? void 0 : _a.style) == null ? void 0 : _b.value, width: l2.width ?? void 0, height: l2.height ?? void 0 };
|
|
83
|
+
});
|
|
84
|
+
return (e3, l3) => b((u(), o("div", ie, [r("div", { class: "mc-select-group-label", style: c(v2.value) }, y(e3.label), 5), r("div", de, [V(e3.$slots, "default", {}, void 0, true)])], 512)), [[x, i2.value]]);
|
|
85
|
+
} }), [["__scopeId", "data-v-d11c5ad5"]]), ve = Q(oe), ne = Q(ce), pe = Q(re);
|
|
86
|
+
export {
|
|
87
|
+
ve as M,
|
|
88
|
+
pe as a,
|
|
89
|
+
ne as b
|
|
90
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { defineComponent as s, createElementBlock as t, openBlock as a, normalizeClass as o, createElementVNode as c, createVNode as m, renderSlot as e } from "vue";
|
|
2
|
+
import { M as i } from "./mc-icon-CC3YoUF5.js";
|
|
3
|
+
import { _ as p, w as u } from "./utils-BhyMtnts.js";
|
|
4
|
+
const n = { class: "mc-status-icon" }, r = { class: "mc-status-content" }, d = u(p(s({ name: "McStatus", __name: "mc-status", props: { type: { default: "info" } }, setup: (s2) => (s3, p2) => (a(), t("div", { class: o(["mc-status", [`mc-status-${s3.type}`]]) }, [c("div", n, [m(i, { name: "Indicator", size: 12 })]), c("p", r, [e(s3.$slots, "default", {}, void 0, true)])], 2)) }), [["__scopeId", "data-v-b93a4f0a"]]));
|
|
5
|
+
export {
|
|
6
|
+
d as M
|
|
7
|
+
};
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { defineComponent as e, computed as t, ref as s, watch as l, onMounted as c, nextTick as i, createElementBlock as n, openBlock as a, normalizeClass as m, createElementVNode as o, createCommentVNode as u, Fragment as p, renderList as r, createBlock as d, toDisplayString as v, resolveDynamicComponent as y } from "vue";
|
|
2
|
+
import { _ as f } from "./mc-success-icon-DxNdYw94.js";
|
|
3
|
+
import { c as h } from "./hooks-CaHRdMVi.js";
|
|
4
|
+
import { q as g, r as k, t as b } from "./vendor-DCLhrjBP.js";
|
|
5
|
+
import { _, w } from "./utils-BhyMtnts.js";
|
|
6
|
+
const R = { class: "mc-step-number-container" }, S = { class: "mc-step-item-number" }, x = { key: 0, class: "mc-step-item-number-text" }, C = { class: "mc-step-item-content" }, V = { key: 0, class: "mc-step-item-content-title" }, q = { class: "mc-step-item-label" }, B = { class: "mc-step-item-desc" }, j = { key: 1, class: "mc-step-item-component" }, A = { key: 0, class: "mc-step-item-component" }, L = w(_(e({ name: "McStep", __name: "mc-step", props: { modelValue: {}, steps: {}, type: { default: "vertical" } }, emits: ["change", "success"], setup(e2, { expose: _2, emit: w2 }) {
|
|
7
|
+
const L2 = e2, M = t(() => "vertical" === L2.type), $ = w2, I = s(), z = s(), D = s(), E = s(), F = t(() => g(L2.steps, (e3) => e3.key === L2.modelValue)), G = t(() => {
|
|
8
|
+
var _a;
|
|
9
|
+
return (_a = L2.steps[F.value - 1]) == null ? void 0 : _a.key;
|
|
10
|
+
});
|
|
11
|
+
l(() => L2.modelValue, (e3) => {
|
|
12
|
+
J(), $("change", e3);
|
|
13
|
+
}, { flush: "post" });
|
|
14
|
+
const H = s(), J = (e3 = G.value) => {
|
|
15
|
+
H.value = e3, $("success", e3);
|
|
16
|
+
}, K = t(() => g(L2.steps, (e3) => e3.key === H.value));
|
|
17
|
+
c(() => {
|
|
18
|
+
M.value ? N() : (O(), P()), J();
|
|
19
|
+
});
|
|
20
|
+
const N = async () => {
|
|
21
|
+
await i();
|
|
22
|
+
const e3 = K.value, t2 = E.value;
|
|
23
|
+
if (e3 < 0) return void (t2.style.height = "0");
|
|
24
|
+
const s2 = z.value, l2 = s2.querySelectorAll(".mc-step-item");
|
|
25
|
+
if (e3 + 1 > l2.length - 1) return void (t2.style.height = "100%");
|
|
26
|
+
const c2 = l2 == null ? void 0 : l2[e3 + 1], n2 = s2.getBoundingClientRect(), a2 = (c2.getBoundingClientRect().top - n2.top) / (n2.height - 24);
|
|
27
|
+
t2.style.height = 100 * a2 + "%";
|
|
28
|
+
}, O = () => {
|
|
29
|
+
var _a, _b;
|
|
30
|
+
const e3 = z.value, t2 = D.value, s2 = e3.querySelectorAll(".mc-step-item"), l2 = (_a = s2 == null ? void 0 : s2[0]) == null ? void 0 : _a.querySelector(".mc-step-item-number"), c2 = (_b = s2 == null ? void 0 : s2[s2.length - 1]) == null ? void 0 : _b.querySelector(".mc-step-item-number");
|
|
31
|
+
if (!l2 || !c2) return void (t2.style.width = "0px");
|
|
32
|
+
const i2 = e3.getBoundingClientRect(), n2 = l2.getBoundingClientRect(), a2 = c2.getBoundingClientRect();
|
|
33
|
+
t2.style.width = a2.left - n2.left - n2.width + "px", t2.style.left = `${n2.left - i2.left + n2.width}px`;
|
|
34
|
+
}, P = () => {
|
|
35
|
+
const e3 = E.value, t2 = K.value;
|
|
36
|
+
if (t2 < 0) return void (e3.style.width = "0");
|
|
37
|
+
const s2 = (t2 + 1) / (L2.steps.length - 1), l2 = s2 > 1 ? 1 : s2;
|
|
38
|
+
e3.style.width = 100 * l2 + "%";
|
|
39
|
+
}, Q = (e3) => M.value && e3.component && e3.key === L2.modelValue, T = t(() => {
|
|
40
|
+
var _a;
|
|
41
|
+
return !M.value && ((_a = k(L2.steps, (e3) => e3.key === L2.modelValue)) == null ? void 0 : _a.component);
|
|
42
|
+
});
|
|
43
|
+
return l(() => H.value, () => {
|
|
44
|
+
M.value ? N() : P();
|
|
45
|
+
}), h(b(() => {
|
|
46
|
+
M.value ? N() : (O(), P());
|
|
47
|
+
}, 50)), _2({ ref: I, setSuccessStep: J }), (e3, t2) => (a(), n("div", { class: m(["mc-step", `mc-step-${e3.type}`]), ref_key: "_ref", ref: I }, [o("ul", { class: "mc-step-item-container", ref_key: "stepContainerRef", ref: z }, [(a(true), n(p, null, r(e3.steps, (t3, s2) => (a(), n("li", { class: m(["mc-step-item", { "mc-step-item-active": e3.modelValue === t3.key, "mc-step-item-disabled": t3.disabled, "mc-step-item-success": s2 <= K.value }]), key: t3.key }, [o("div", R, [o("div", S, [s2 > K.value || t3.disabled ? (a(), n("span", x, v(s2 + 1), 1)) : (a(), d(f, { key: 1 }))])]), o("div", C, [t3.label || t3.desc ? (a(), n("div", V, [o("h3", q, v(t3.label), 1), o("p", B, v(t3.desc), 1)])) : u("", true), Q(t3) ? (a(), n("div", j, [(a(), d(y(t3.component)))])) : u("", true)])], 2))), 128)), o("div", { ref_key: "unsuccessLineRef", ref: D, class: "mc-step-line mc-step-unsuccess-line" }, [o("div", { ref_key: "successLineRef", ref: E, class: "mc-step-success-line" }, null, 512)], 512)], 512), T.value ? (a(), n("div", A, [(a(), d(y(T.value)))])) : u("", true)], 2));
|
|
48
|
+
} }), [["__scopeId", "data-v-3e1df60e"]]));
|
|
49
|
+
export {
|
|
50
|
+
L as M
|
|
51
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as s, createElementBlock as e, openBlock as t, normalizeStyle as c, createElementVNode as o } from "vue";
|
|
2
|
-
import { _ as i, w as l } from "./utils-
|
|
2
|
+
import { _ as i, w as l } from "./utils-BhyMtnts.js";
|
|
3
3
|
const n = i(s({ name: "McSuccessIcon", __name: "mc-success-icon", props: { width: { default: "40px" }, height: { default: "40px" } }, setup: (s2) => (s3, i2) => (t(), e("svg", { class: "success-icon", style: c({ width: s3.width, height: s3.height }), viewBox: "0 0 400 400" }, i2[0] || (i2[0] = [o("circle", { class: "circle", fill: "none", transform: "rotate(-90 200 200)", "stroke-width": "20", cx: "200", cy: "200", r: "190", "stroke-linecap": "round" }, null, -1), o("polyline", { class: "tick", fill: "none", "stroke-width": "26", points: "120,214 173,260 274,160", "stroke-linecap": "round", "stroke-linejoin": "round" }, null, -1)]), 4)) }), [["__scopeId", "data-v-cbdf5dc8"]]), r = l(n);
|
|
4
4
|
export {
|
|
5
5
|
r as M,
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { defineComponent as e, createElementBlock as l, openBlock as t, renderSlot as a, createCommentVNode as s, createElementVNode as i, toDisplayString as o, createVNode as c, useSlots as h, computed as n, watch as p, createBlock as d, createSlots as m, withCtx as u, normalizeStyle as v, normalizeClass as b, unref as r } from "vue";
|
|
2
|
+
import { M as f } from "./mc-tooltip-BHFP7lwi.js";
|
|
3
|
+
import { _ as w, w as x } from "./utils-BhyMtnts.js";
|
|
4
|
+
import { u as $, a as y } from "./mc-form-BFKSrs14.js";
|
|
5
|
+
const k = { class: "mc-switch-label-wrapper" }, T = { class: "mc-switch-label" }, _ = { class: "mc-switch-help" }, I = w(e({ __name: "mc-switch-label", props: { label: {}, helpText: {}, helpIcon: { default: "Info" } }, setup: (e2) => (e3, h2) => (t(), l("div", k, [e3.label || e3.$slots.label ? a(e3.$slots, "label", { key: 0 }, () => [i("span", T, o(e3.label), 1)], true) : s("", true), e3.helpText || e3.$slots.help ? a(e3.$slots, "help", { key: 1 }, () => [i("div", _, [c(f, { "icon-name": e3.helpIcon, content: e3.helpText, "icon-size": 22 }, null, 8, ["icon-name", "content"])])], true) : s("", true)])) }), [["__scopeId", "data-v-12dff36d"]]), g = { class: "mc-switch" }, V = ["disabled", "value"], j = { class: "mc-switch-inner" }, z = { class: "mc-switch-inner-text" }, M = { class: "mc-switch-inner-text" }, B = x(w(e({ name: "McSwitch", __name: "mc-switch", props: { modelValue: { type: Boolean, default: false }, width: {}, height: {}, activeText: {}, inactiveText: {}, disabled: { type: Boolean, default: false }, size: { default: "medium" }, label: {}, labelPosition: { default: "right" }, helpIcon: { default: "Info" }, helpText: {} }, emits: ["update:modelValue", "change"], setup(e2, { emit: c2 }) {
|
|
6
|
+
const f2 = e2, w2 = c2, x2 = h(), k2 = n(() => f2.modelValue), T2 = () => {
|
|
7
|
+
S.value || (w2("update:modelValue", !f2.modelValue), w2("change", !f2.modelValue));
|
|
8
|
+
}, _2 = n(() => x2.label || f2.label || x2.help || f2.helpText ? f2.labelPosition : void 0), B2 = n(() => "left" === _2.value), P = n(() => "right" === _2.value), { formItem: C } = $(), S = y();
|
|
9
|
+
return p(() => f2.modelValue, () => {
|
|
10
|
+
C == null ? void 0 : C.validate("change");
|
|
11
|
+
}), (e3, c3) => (t(), l("div", g, [B2.value ? (t(), d(I, { key: 0, label: e3.label, "help-text": e3.helpText, "help-icon": e3.helpIcon }, m({ _: 2 }, [e3.$slots.label ? { name: "label", fn: u(() => [a(e3.$slots, "label", {}, void 0, true)]), key: "0" } : void 0, e3.$slots.help ? { name: "help", fn: u(() => [a(e3.$slots, "help", {}, void 0, true)]), key: "1" } : void 0]), 1032, ["label", "help-text", "help-icon"])) : s("", true), i("label", { class: b(["mc-switch-wrapper", [k2.value ? "mc-switch-actived" : "mc-switch-inactive", { "mc-switch-disabled": r(S) }, `mc-switch-${e3.size}`]]), style: v({ width: e3.width, height: e3.height }) }, [i("input", { type: "checkbox", class: "mc-switch-input", disabled: e3.disabled, value: e3.modelValue, onChange: T2 }, null, 40, V), i("div", j, [k2.value ? a(e3.$slots, "active", { key: 0 }, () => [i("span", z, o(e3.activeText), 1)], true) : a(e3.$slots, "inactive", { key: 1 }, () => [i("span", M, o(e3.inactiveText), 1)], true)])], 6), P.value ? (t(), d(I, { key: 1, label: e3.label, "help-text": e3.helpText, "help-icon": e3.helpIcon }, m({ _: 2 }, [e3.$slots.label ? { name: "label", fn: u(() => [a(e3.$slots, "label", {}, void 0, true)]), key: "0" } : void 0, e3.$slots.help ? { name: "help", fn: u(() => [a(e3.$slots, "help", {}, void 0, true)]), key: "1" } : void 0]), 1032, ["label", "help-text", "help-icon"])) : s("", true)]));
|
|
12
|
+
} }), [["__scopeId", "data-v-9c0e7b54"]]));
|
|
13
|
+
export {
|
|
14
|
+
B as M
|
|
15
|
+
};
|