@aplus-frontend/ui 7.0.1 → 7.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/src/ag-grid/hooks/use-columns-def.mjs +20 -19
- package/es/src/ag-grid/interface.d.ts +4 -0
- package/es/src/ap-descriptions/ap-descriptions.vue.mjs +39 -39
- package/es/src/ap-descriptions/style/index.mjs +16 -43
- package/es/src/ap-download/ap-download.vue.mjs +43 -43
- package/es/src/ap-download/hooks/useStyle.d.ts +1 -1
- package/es/src/ap-download/hooks/useStyle.mjs +17 -14
- package/es/src/ap-download/style/index.mjs +6 -13
- package/es/src/ap-form/modal-form/index.vue.mjs +59 -60
- package/es/src/ap-form/style/modal-form.mjs +14 -15
- package/es/src/ap-form/style/search-form-sorter.mjs +26 -26
- package/es/src/ap-form/style/token.d.ts +4 -0
- package/es/src/ap-grid/style/index.mjs +3 -3
- package/es/src/ap-pro-card/style/statistic.mjs +3 -3
- package/es/src/ap-pro-card/style/token.mjs +1 -1
- package/es/src/ap-table/style/index.mjs +2 -2
- package/es/src/ap-table/style/setting.mjs +2 -2
- package/es/src/ap-tag/ap-tag-group.vue.mjs +61 -61
- package/es/src/ap-tag/ap-tag.vue.mjs +19 -20
- package/es/src/ap-tag/style/group.mjs +2 -8
- package/es/src/ap-tag/style/index.mjs +14 -23
- package/es/src/ap-upload/apUpload.vue.mjs +39 -39
- package/es/src/ap-upload/components/MultipleFile.vue2.mjs +60 -61
- package/es/src/ap-upload/components/Picture.vue2.mjs +90 -91
- package/es/src/ap-upload/components/SingleFile.vue2.mjs +72 -72
- package/es/src/ap-upload/style/multiple-file.mjs +13 -40
- package/es/src/ap-upload/style/picture.mjs +12 -30
- package/es/src/ap-upload/style/single-file.mjs +5 -16
- package/es/src/business/ap-appendix/style/index.mjs +1 -1
- package/es/src/business/ap-attachment/ApAttachment.mjs +42 -39
- package/es/src/business/ap-copy/style/index.mjs +1 -1
- package/es/src/business/ap-expand-alert/ApExpandAlert.vue2.mjs +45 -46
- package/es/src/business/ap-ladder/ApLadder.mjs +20 -22
- package/es/src/business/ap-ladder/style/index.mjs +9 -34
- package/es/src/business/ap-product-info/ApProductInfo.mjs +21 -22
- package/es/src/business/ap-product-info/style/index.mjs +8 -24
- package/es/src/business/ap-radio-group/style/index.mjs +1 -1
- package/es/src/business/ap-size-input/ApSizeInput.mjs +1 -1
- package/es/src/business/ap-table-modal/hooks/use-table-modal.mjs +18 -19
- package/es/src/business/ap-table-modal/modal-title.vue2.mjs +13 -13
- package/es/src/business/ap-title/style/index.mjs +12 -12
- package/es/src/business/ap-upload-file/ap-upload-single/ap-upload-single.vue.mjs +38 -37
- package/es/src/business/ap-value-select-card/index.vue2.mjs +36 -37
- package/es/src/business/ap-value-select-card/style/index.mjs +7 -29
- package/es/src/business/batch-input-group/style/index.mjs +1 -1
- package/es/src/check-card/style/index.mjs +31 -31
- package/es/src/design-token/constants.mjs +4 -2
- package/es/src/design-token/interface.d.ts +36 -39
- package/es/src/scroll-bar/style/index.mjs +12 -12
- package/es/src/splitter/style/index.mjs +6 -6
- package/es/src/style/index.mjs +1 -1
- package/es/src/text/style/index.mjs +1 -1
- package/es/src/utils/cssinjs/TokenUtil.d.ts +11 -0
- package/es/src/utils/cssinjs/TokenUtil.mjs +26 -0
- package/es/src/utils/cssinjs/index.mjs +23 -22
- package/es/src/version.d.ts +1 -1
- package/es/src/version.mjs +1 -1
- package/lib/src/ag-grid/hooks/use-columns-def.js +1 -1
- package/lib/src/ag-grid/interface.d.ts +4 -0
- package/lib/src/ap-descriptions/ap-descriptions.vue.js +1 -1
- package/lib/src/ap-descriptions/style/index.js +1 -1
- package/lib/src/ap-download/ap-download.vue.js +1 -1
- package/lib/src/ap-download/hooks/useStyle.d.ts +1 -1
- package/lib/src/ap-download/hooks/useStyle.js +1 -1
- package/lib/src/ap-download/style/index.js +1 -1
- package/lib/src/ap-form/modal-form/index.vue.js +1 -1
- package/lib/src/ap-form/style/modal-form.js +1 -1
- package/lib/src/ap-form/style/search-form-sorter.js +1 -1
- package/lib/src/ap-form/style/token.d.ts +4 -0
- package/lib/src/ap-grid/style/index.js +1 -1
- package/lib/src/ap-pro-card/style/statistic.js +1 -1
- package/lib/src/ap-pro-card/style/token.js +1 -1
- package/lib/src/ap-table/style/index.js +1 -1
- package/lib/src/ap-table/style/setting.js +1 -1
- package/lib/src/ap-tag/ap-tag-group.vue.js +1 -1
- package/lib/src/ap-tag/ap-tag.vue.js +1 -1
- package/lib/src/ap-tag/style/group.js +1 -1
- package/lib/src/ap-tag/style/index.js +1 -1
- package/lib/src/ap-upload/apUpload.vue.js +1 -1
- package/lib/src/ap-upload/components/MultipleFile.vue2.js +1 -1
- package/lib/src/ap-upload/components/Picture.vue2.js +1 -1
- package/lib/src/ap-upload/components/SingleFile.vue2.js +1 -1
- package/lib/src/ap-upload/style/multiple-file.js +1 -1
- package/lib/src/ap-upload/style/picture.js +1 -1
- package/lib/src/ap-upload/style/single-file.js +1 -1
- package/lib/src/business/ap-appendix/style/index.js +1 -1
- package/lib/src/business/ap-attachment/ApAttachment.js +1 -1
- package/lib/src/business/ap-copy/style/index.js +1 -1
- package/lib/src/business/ap-expand-alert/ApExpandAlert.vue2.js +1 -1
- package/lib/src/business/ap-ladder/ApLadder.js +1 -1
- package/lib/src/business/ap-ladder/style/index.js +1 -1
- package/lib/src/business/ap-product-info/ApProductInfo.js +1 -1
- package/lib/src/business/ap-product-info/style/index.js +1 -1
- package/lib/src/business/ap-radio-group/style/index.js +1 -1
- package/lib/src/business/ap-size-input/ApSizeInput.js +1 -1
- package/lib/src/business/ap-table-modal/hooks/use-table-modal.js +1 -1
- package/lib/src/business/ap-table-modal/modal-title.vue2.js +1 -1
- package/lib/src/business/ap-title/style/index.js +1 -1
- package/lib/src/business/ap-upload-file/ap-upload-single/ap-upload-single.vue.js +1 -1
- package/lib/src/business/ap-value-select-card/index.vue2.js +1 -1
- package/lib/src/business/ap-value-select-card/style/index.js +1 -1
- package/lib/src/business/batch-input-group/style/index.js +1 -1
- package/lib/src/check-card/style/index.js +1 -1
- package/lib/src/design-token/constants.js +1 -1
- package/lib/src/design-token/interface.d.ts +36 -39
- package/lib/src/scroll-bar/style/index.js +1 -1
- package/lib/src/splitter/style/index.js +1 -1
- package/lib/src/style/index.js +1 -1
- package/lib/src/text/style/index.js +1 -1
- package/lib/src/utils/cssinjs/TokenUtil.d.ts +11 -0
- package/lib/src/utils/cssinjs/TokenUtil.js +1 -0
- package/lib/src/utils/cssinjs/index.js +1 -1
- package/lib/src/version.d.ts +1 -1
- package/lib/src/version.js +1 -1
- package/package.json +3 -3
|
@@ -18,7 +18,7 @@ const _ = /* @__PURE__ */ p({
|
|
|
18
18
|
} = v("ap-size-input"), h = I("ap-size-input"), {
|
|
19
19
|
t: n
|
|
20
20
|
} = z(), r = g.useInjectFormItemContext(), o = (t, l) => {
|
|
21
|
-
const i = e.value;
|
|
21
|
+
const i = e.value || [];
|
|
22
22
|
i[t] = l, c("update:value", i), c("SizeInputChange", f(i)), r.onFieldChange();
|
|
23
23
|
};
|
|
24
24
|
return () => {
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { onUnmounted as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const t = i(r, {
|
|
1
|
+
import { onUnmounted as f } from "vue";
|
|
2
|
+
import { merge as c } from "lodash-unified";
|
|
3
|
+
import { useCreateTableModal as i } from "./use-create-table-modal.mjs";
|
|
4
|
+
function b(r) {
|
|
5
|
+
const a = c(r, {
|
|
7
6
|
...{
|
|
8
7
|
footer: null
|
|
9
8
|
},
|
|
@@ -12,25 +11,25 @@ function A(r) {
|
|
|
12
11
|
},
|
|
13
12
|
destroyOnUnmounted: !1,
|
|
14
13
|
isRenderModalTitleSuffix: !1
|
|
15
|
-
}), { destroy:
|
|
14
|
+
}), { destroy: e, openModal: s, closeModal: l, ...n } = i(a), d = async (p) => {
|
|
16
15
|
try {
|
|
17
|
-
await
|
|
18
|
-
} catch (
|
|
19
|
-
if (
|
|
20
|
-
throw
|
|
16
|
+
await s([], p);
|
|
17
|
+
} catch (o) {
|
|
18
|
+
if (!(typeof o == "string" && o.startsWith("Ignored Reject:")))
|
|
19
|
+
throw o;
|
|
21
20
|
}
|
|
22
|
-
},
|
|
23
|
-
|
|
21
|
+
}, t = () => {
|
|
22
|
+
l();
|
|
24
23
|
};
|
|
25
|
-
return
|
|
26
|
-
|
|
24
|
+
return f(() => {
|
|
25
|
+
t(), e();
|
|
27
26
|
}), {
|
|
28
|
-
open:
|
|
29
|
-
destroy:
|
|
30
|
-
close:
|
|
27
|
+
open: d,
|
|
28
|
+
destroy: e,
|
|
29
|
+
close: t,
|
|
31
30
|
...n
|
|
32
31
|
};
|
|
33
32
|
}
|
|
34
33
|
export {
|
|
35
|
-
|
|
34
|
+
b as useTableModal
|
|
36
35
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as m, createElementBlock as c, openBlock as f, createTextVNode as
|
|
1
|
+
import { defineComponent as m, createElementBlock as c, openBlock as f, createTextVNode as r, renderSlot as d, toDisplayString as t, createElementVNode as l, normalizeStyle as u, unref as o } from "vue";
|
|
2
2
|
import "../../config-provider/index.mjs";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
const
|
|
3
|
+
import { useToken as p } from "../../config-provider/hooks/use-token.mjs";
|
|
4
|
+
import { useLocale as s } from "../../config-provider/hooks/use-locale.mjs";
|
|
5
|
+
const b = /* @__PURE__ */ m({
|
|
6
6
|
__name: "modal-title",
|
|
7
7
|
props: {
|
|
8
8
|
title: {
|
|
@@ -19,32 +19,32 @@ const T = /* @__PURE__ */ m({
|
|
|
19
19
|
}
|
|
20
20
|
},
|
|
21
21
|
setup(e) {
|
|
22
|
-
const { t: n } =
|
|
22
|
+
const { t: n } = s(), { token: a } = p();
|
|
23
23
|
return (i, x) => (f(), c("div", null, [
|
|
24
|
-
|
|
24
|
+
r(t(e.title) + " ", 1),
|
|
25
25
|
d(i.$slots, "default", {
|
|
26
26
|
maxCount: e.maxCount,
|
|
27
27
|
count: e.count
|
|
28
28
|
}, () => [
|
|
29
|
-
|
|
29
|
+
l("span", {
|
|
30
30
|
style: u({
|
|
31
|
-
color: o(
|
|
31
|
+
color: o(a).textColor3,
|
|
32
32
|
fontSize: "12px",
|
|
33
33
|
fontWeight: "normal",
|
|
34
34
|
marginLeft: "12px"
|
|
35
35
|
}),
|
|
36
36
|
class: "product-number"
|
|
37
37
|
}, [
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
style: u({ color: o(
|
|
38
|
+
r(t(isFinite(e.maxCount) ? o(n)("ap.apTableModal.titleSuffixOne", { maxCount: e.maxCount }) : "") + t(o(n)("ap.apTableModal.titleSuffixTwo")) + " ", 1),
|
|
39
|
+
l("span", {
|
|
40
|
+
style: u({ color: o(a).colorLink })
|
|
41
41
|
}, t(e.count), 5),
|
|
42
|
-
|
|
42
|
+
r(" " + t(o(n)("ap.apTableModal.titleSuffixThree")), 1)
|
|
43
43
|
], 4)
|
|
44
44
|
])
|
|
45
45
|
]));
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
48
|
export {
|
|
49
|
-
|
|
49
|
+
b as default
|
|
50
50
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { genComponentStyleHook as
|
|
2
|
-
const
|
|
3
|
-
const { componentCls:
|
|
1
|
+
import { genComponentStyleHook as o } from "../../../utils/cssinjs/index.mjs";
|
|
2
|
+
const r = (e) => {
|
|
3
|
+
const { componentCls: t } = e;
|
|
4
4
|
return {
|
|
5
|
-
[
|
|
5
|
+
[t]: {
|
|
6
6
|
position: "relative",
|
|
7
7
|
width: "100%",
|
|
8
8
|
display: "flex",
|
|
9
9
|
alignItems: "center",
|
|
10
10
|
justifyContent: "space-between",
|
|
11
|
-
|
|
11
|
+
paddingInlineStart: "10px",
|
|
12
12
|
fontSize: e.fontSize,
|
|
13
13
|
"&::before": {
|
|
14
14
|
position: "absolute",
|
|
@@ -22,9 +22,9 @@ const i = (e) => {
|
|
|
22
22
|
borderRadius: "0px 4px 4px 0px",
|
|
23
23
|
zIndex: 1
|
|
24
24
|
},
|
|
25
|
-
[`${
|
|
25
|
+
[`${t}__prefix`]: {
|
|
26
26
|
fontWeight: "bold",
|
|
27
|
-
color: e.
|
|
27
|
+
color: e.textColor1,
|
|
28
28
|
display: "flex",
|
|
29
29
|
alignItems: "center",
|
|
30
30
|
".anticon-question-circle": {
|
|
@@ -47,7 +47,7 @@ const i = (e) => {
|
|
|
47
47
|
background: "#fff",
|
|
48
48
|
zIndex: 1
|
|
49
49
|
},
|
|
50
|
-
[
|
|
50
|
+
[t]: {
|
|
51
51
|
"&__prefix": {
|
|
52
52
|
fontWeight: "bold",
|
|
53
53
|
color: "#333",
|
|
@@ -61,15 +61,15 @@ const i = (e) => {
|
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
},
|
|
64
|
-
[`${
|
|
64
|
+
[`${t}__suffix`]: {
|
|
65
65
|
color: "#526a90"
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
68
|
};
|
|
69
|
-
}, n =
|
|
70
|
-
|
|
69
|
+
}, n = o("ApTitle", (e) => [
|
|
70
|
+
r(e)
|
|
71
71
|
]);
|
|
72
72
|
export {
|
|
73
73
|
n as default,
|
|
74
|
-
|
|
74
|
+
r as genApTitleStyle
|
|
75
75
|
};
|
|
@@ -1,18 +1,19 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { clearSingleFile as
|
|
1
|
+
import { defineComponent as M, computed as y, createBlock as C, openBlock as u, unref as e, mergeProps as G, withCtx as i, renderSlot as H, normalizeProps as J, guardReactiveProps as K, createElementVNode as s, normalizeClass as l, createElementBlock as v, createVNode as n, createTextVNode as m, toDisplayString as p, resolveDynamicComponent as F, h as N, Fragment as L } from "vue";
|
|
2
|
+
import { clearSingleFile as Q, clearAllFile as b } from "../utils/fileList.mjs";
|
|
3
3
|
import g from "../icon/file-icon.vue.mjs";
|
|
4
4
|
import k from "../icon/delete-icon.vue.mjs";
|
|
5
|
-
import { Form as
|
|
6
|
-
import { FormItemInputContext as
|
|
7
|
-
import { useSingleProps as
|
|
8
|
-
import { useInjectContext as
|
|
9
|
-
import { omit as
|
|
5
|
+
import { Form as W, UploadDragger as X, TypographyParagraph as x, Progress as Y, Tooltip as P } from "@aplus-frontend/antdv";
|
|
6
|
+
import { FormItemInputContext as Z } from "@aplus-frontend/antdv/es/form/FormItemContext";
|
|
7
|
+
import { useSingleProps as ee } from "../hook/useProps.mjs";
|
|
8
|
+
import { useInjectContext as te } from "../hook/useInjectContext.mjs";
|
|
9
|
+
import { omit as oe } from "lodash-unified";
|
|
10
10
|
import "../../../config-provider/index.mjs";
|
|
11
|
-
import
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
|
|
11
|
+
import le from "./style/index.mjs";
|
|
12
|
+
import { useToken as se } from "../../../config-provider/hooks/use-token.mjs";
|
|
13
|
+
import { useGlobalConfig as ne } from "../../../config-provider/hooks/use-global-config.mjs";
|
|
14
|
+
import { useLocale as ae } from "../../../config-provider/hooks/use-locale.mjs";
|
|
15
|
+
import { useNamespace as ie } from "../../../config-provider/hooks/use-namespace.mjs";
|
|
16
|
+
const Se = /* @__PURE__ */ M({
|
|
16
17
|
__name: "ap-upload-single",
|
|
17
18
|
props: {
|
|
18
19
|
dirName: {},
|
|
@@ -29,28 +30,28 @@ const xe = /* @__PURE__ */ G({
|
|
|
29
30
|
subTitle: { type: [Object, String, Number, Boolean, null, Array] }
|
|
30
31
|
},
|
|
31
32
|
emits: ["update:fileList"],
|
|
32
|
-
setup(
|
|
33
|
-
const
|
|
33
|
+
setup(w, { emit: A }) {
|
|
34
|
+
const T = Z.useInject(), $ = y(() => T.status), d = w, q = A, B = W.useInjectFormItemContext(), r = y({
|
|
34
35
|
get() {
|
|
35
36
|
return d.fileList || [];
|
|
36
37
|
},
|
|
37
38
|
set(c) {
|
|
38
39
|
q("update:fileList", c), B?.onFieldChange();
|
|
39
40
|
}
|
|
40
|
-
}), o =
|
|
41
|
-
title:
|
|
42
|
-
subTitle:
|
|
43
|
-
beforeUpload:
|
|
44
|
-
customRequest:
|
|
45
|
-
} =
|
|
46
|
-
|
|
47
|
-
T,
|
|
41
|
+
}), o = y(() => r.value?.[0]), O = ne("apUpload"), { t: U, lang: j } = ae(), {
|
|
42
|
+
title: z,
|
|
43
|
+
subTitle: R,
|
|
44
|
+
beforeUpload: E,
|
|
45
|
+
customRequest: h
|
|
46
|
+
} = ee(d), D = h;
|
|
47
|
+
te(
|
|
48
48
|
U,
|
|
49
|
+
j,
|
|
49
50
|
d?.getOssAccess ?? O.value?.getOssAccess
|
|
50
51
|
);
|
|
51
|
-
const { b: I, e: t } =
|
|
52
|
+
const { b: I, e: t } = ie("ap-upload-single"), V = le("ap-upload-single"), { token: S } = se();
|
|
52
53
|
function _(c) {
|
|
53
|
-
return
|
|
54
|
+
return oe(c, [
|
|
54
55
|
"dirName",
|
|
55
56
|
"needName",
|
|
56
57
|
"getOssAccess",
|
|
@@ -59,7 +60,7 @@ const xe = /* @__PURE__ */ G({
|
|
|
59
60
|
"subTitle"
|
|
60
61
|
]);
|
|
61
62
|
}
|
|
62
|
-
return (c, a) => (u(),
|
|
63
|
+
return (c, a) => (u(), C(e(X), G({
|
|
63
64
|
...c.$attrs,
|
|
64
65
|
..._(d)
|
|
65
66
|
}, {
|
|
@@ -69,13 +70,13 @@ const xe = /* @__PURE__ */ G({
|
|
|
69
70
|
"show-upload-list": !1,
|
|
70
71
|
disabled: !!o.value && [void 0, "uploading", "error", "success", "done"].includes(o.value.status),
|
|
71
72
|
class: [e(I)(), `${e(I)()}-affix-wrapper-status-${$.value}`, e(V)],
|
|
72
|
-
"before-upload": e(
|
|
73
|
-
"custom-request": e(
|
|
73
|
+
"before-upload": e(E),
|
|
74
|
+
"custom-request": e(D)
|
|
74
75
|
}), {
|
|
75
76
|
default: i(() => [
|
|
76
|
-
|
|
77
|
+
H(c.$slots, "default", J(K({
|
|
77
78
|
file: o.value,
|
|
78
|
-
clear: () => o.value && e(
|
|
79
|
+
clear: () => o.value && e(Q)(o.value, r.value, { maxCount: 1 })
|
|
79
80
|
})), () => [
|
|
80
81
|
s("div", {
|
|
81
82
|
class: l([e(t)("content")])
|
|
@@ -101,12 +102,12 @@ const xe = /* @__PURE__ */ G({
|
|
|
101
102
|
]),
|
|
102
103
|
_: 1
|
|
103
104
|
}, 8, ["tooltip"]),
|
|
104
|
-
n(e(
|
|
105
|
+
n(e(Y), {
|
|
105
106
|
percent: o.value.percent || 0,
|
|
106
107
|
size: 4,
|
|
107
108
|
"show-info": !1,
|
|
108
|
-
"trail-color": e(
|
|
109
|
-
"stroke-color": e(
|
|
109
|
+
"trail-color": e(S).borderColorBase,
|
|
110
|
+
"stroke-color": e(S).colorPrimary
|
|
110
111
|
}, null, 8, ["percent", "trail-color", "stroke-color"])
|
|
111
112
|
], 2),
|
|
112
113
|
s("div", {
|
|
@@ -127,7 +128,7 @@ const xe = /* @__PURE__ */ G({
|
|
|
127
128
|
s("div", {
|
|
128
129
|
class: l([e(t)("content-file-name"), e(t)("content-error-name")])
|
|
129
130
|
}, [
|
|
130
|
-
n(e(
|
|
131
|
+
n(e(P), null, {
|
|
131
132
|
title: i(() => [
|
|
132
133
|
m(p(o.value?.error || "--"), 1)
|
|
133
134
|
]),
|
|
@@ -163,7 +164,7 @@ const xe = /* @__PURE__ */ G({
|
|
|
163
164
|
s("div", {
|
|
164
165
|
class: l([e(t)("content-file-name"), e(t)("content-done-name")])
|
|
165
166
|
}, [
|
|
166
|
-
n(e(
|
|
167
|
+
n(e(P), null, {
|
|
167
168
|
title: i(() => [
|
|
168
169
|
m(p(o.value?.name || "--"), 1)
|
|
169
170
|
]),
|
|
@@ -199,12 +200,12 @@ const xe = /* @__PURE__ */ G({
|
|
|
199
200
|
s("div", {
|
|
200
201
|
class: l([e(t)("content-empty-title")])
|
|
201
202
|
}, [
|
|
202
|
-
(u(),
|
|
203
|
+
(u(), C(F(N(L, [e(z)]))))
|
|
203
204
|
], 2),
|
|
204
205
|
s("div", {
|
|
205
206
|
class: l([e(t)("content-empty-sub-title")])
|
|
206
207
|
}, [
|
|
207
|
-
(u(),
|
|
208
|
+
(u(), C(F(N(L, [e(R)]))))
|
|
208
209
|
], 2)
|
|
209
210
|
], 2))
|
|
210
211
|
], 2)
|
|
@@ -215,5 +216,5 @@ const xe = /* @__PURE__ */ G({
|
|
|
215
216
|
}
|
|
216
217
|
});
|
|
217
218
|
export {
|
|
218
|
-
|
|
219
|
+
Se as default
|
|
219
220
|
};
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { Popover as
|
|
3
|
-
import { PlusOutlined as
|
|
4
|
-
import { IconApAdLinePoor as
|
|
1
|
+
import { defineComponent as z, ref as O, computed as T, createElementBlock as r, openBlock as d, normalizeStyle as A, normalizeClass as a, unref as s, createVNode as b, withCtx as V, createElementVNode as c, createCommentVNode as y, Fragment as N, renderList as R, withModifiers as f, renderSlot as h, createTextVNode as g, toDisplayString as u, createBlock as L } from "vue";
|
|
2
|
+
import { Popover as j } from "@aplus-frontend/antdv";
|
|
3
|
+
import { PlusOutlined as M, InfoCircleFilled as q } from "@ant-design/icons-vue";
|
|
4
|
+
import { IconApAdLinePoor as G } from "@aplus-frontend/icon";
|
|
5
5
|
import "../../config-provider/index.mjs";
|
|
6
|
-
import
|
|
7
|
-
import { useNamespace as
|
|
8
|
-
|
|
9
|
-
const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onClick"], ee = ["onClick"], te = { class: "label" }, le = { class: "value" }, se = { class: "text" }, he = /* @__PURE__ */ L({
|
|
6
|
+
import J from "./style/index.mjs";
|
|
7
|
+
import { useNamespace as Q } from "../../config-provider/hooks/use-namespace.mjs";
|
|
8
|
+
const U = ["onClick"], W = { class: "label" }, X = { class: "value" }, Y = ["onClick"], Z = ["onClick"], _ = { class: "label" }, x = { class: "value" }, ee = { class: "text" }, de = /* @__PURE__ */ z({
|
|
10
9
|
name: "ApValueSelectCard",
|
|
11
10
|
__name: "index",
|
|
12
11
|
props: {
|
|
@@ -26,7 +25,7 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
|
|
|
26
25
|
},
|
|
27
26
|
emits: ["update:selectedKeys", "update:highlightedKeys", "change", "select", "remove", "highlight"],
|
|
28
27
|
setup(v, { expose: F, emit: H }) {
|
|
29
|
-
const o = H, l = v, { b: n
|
|
28
|
+
const o = H, l = v, { b: n } = Q("ap-value-select-card"), D = J("ap-value-select-card"), E = O(null), p = O(!1), K = T(() => l.options), C = T(() => K.value.filter(
|
|
30
29
|
(e) => l.selectedKeys.includes(e.key)
|
|
31
30
|
)), B = (e) => l.selectedKeys.includes(e), S = (e) => l.highlightedKeys.includes(e), $ = (e) => {
|
|
32
31
|
l.selectedKeys.includes(e) ? k(e) : I(e);
|
|
@@ -53,7 +52,7 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
|
|
|
53
52
|
else
|
|
54
53
|
i = [...l.highlightedKeys, e];
|
|
55
54
|
o("update:highlightedKeys", i), o("highlight", i);
|
|
56
|
-
},
|
|
55
|
+
}, P = (e) => {
|
|
57
56
|
e || (p.value = e);
|
|
58
57
|
};
|
|
59
58
|
return F({
|
|
@@ -67,19 +66,19 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
|
|
|
67
66
|
removeOption: k,
|
|
68
67
|
highlightOption: w
|
|
69
68
|
}), (e, i) => (d(), r("div", {
|
|
70
|
-
class: a([s(n)(),
|
|
69
|
+
class: a([s(n)(), s(D)]),
|
|
71
70
|
style: A({
|
|
72
71
|
...e.wrapperStyle,
|
|
73
72
|
"--ap-value-select-card-column-count": e.maxRowDisplay
|
|
74
73
|
})
|
|
75
74
|
}, [
|
|
76
|
-
b(s(
|
|
75
|
+
b(s(j), {
|
|
77
76
|
open: p.value,
|
|
78
77
|
trigger: "click",
|
|
79
78
|
placement: "bottomRight",
|
|
80
79
|
arrow: !1,
|
|
81
80
|
"get-popup-container": e.getContainer,
|
|
82
|
-
onOpenChange:
|
|
81
|
+
onOpenChange: P
|
|
83
82
|
}, {
|
|
84
83
|
content: V(() => [
|
|
85
84
|
c("div", {
|
|
@@ -89,11 +88,11 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
|
|
|
89
88
|
key: 0,
|
|
90
89
|
class: a(s(n)("title"))
|
|
91
90
|
}, [
|
|
92
|
-
e.showTitleIcon ? (d(),
|
|
91
|
+
e.showTitleIcon ? (d(), L(s(q), {
|
|
93
92
|
key: 0,
|
|
94
93
|
class: a(s(n)("title-icon"))
|
|
95
94
|
}, null, 8, ["class"])) : y("", !0),
|
|
96
|
-
g(" " +
|
|
95
|
+
g(" " + u(e.popoverTitle), 1)
|
|
97
96
|
], 2)) : y("", !0),
|
|
98
97
|
c("div", {
|
|
99
98
|
class: a(s(n)("list"))
|
|
@@ -110,17 +109,17 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
|
|
|
110
109
|
]),
|
|
111
110
|
onClick: f((m) => $(t.key), ["stop"])
|
|
112
111
|
}, [
|
|
113
|
-
c("div",
|
|
114
|
-
|
|
115
|
-
g(
|
|
112
|
+
c("div", W, [
|
|
113
|
+
h(e.$slots, "popover-label", { option: t }, () => [
|
|
114
|
+
g(u(t.label), 1)
|
|
116
115
|
])
|
|
117
116
|
]),
|
|
118
|
-
c("div",
|
|
119
|
-
|
|
120
|
-
g(
|
|
117
|
+
c("div", X, [
|
|
118
|
+
h(e.$slots, "popover-value", { option: t }, () => [
|
|
119
|
+
g(u(t.value), 1)
|
|
121
120
|
])
|
|
122
121
|
])
|
|
123
|
-
], 10,
|
|
122
|
+
], 10, U))), 128))
|
|
124
123
|
], 2)
|
|
125
124
|
], 2)
|
|
126
125
|
]),
|
|
@@ -132,7 +131,7 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
|
|
|
132
131
|
key: t.key,
|
|
133
132
|
ref_for: !0,
|
|
134
133
|
ref_key: "listItemRef",
|
|
135
|
-
ref:
|
|
134
|
+
ref: E,
|
|
136
135
|
class: a([
|
|
137
136
|
s(n)("list-item"),
|
|
138
137
|
{
|
|
@@ -149,29 +148,29 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
|
|
|
149
148
|
class: a(s(n)("list-item-close")),
|
|
150
149
|
onClick: f((m) => k(t.key), ["stop"])
|
|
151
150
|
}, [
|
|
152
|
-
|
|
153
|
-
b(s(
|
|
151
|
+
h(e.$slots, "close-icon", {}, () => [
|
|
152
|
+
b(s(G))
|
|
154
153
|
])
|
|
155
|
-
], 10,
|
|
156
|
-
c("div",
|
|
157
|
-
|
|
158
|
-
g(
|
|
154
|
+
], 10, Z)) : y("", !0),
|
|
155
|
+
c("div", _, [
|
|
156
|
+
h(e.$slots, "label", { option: t }, () => [
|
|
157
|
+
g(u(t.label), 1)
|
|
159
158
|
])
|
|
160
159
|
]),
|
|
161
|
-
c("div",
|
|
162
|
-
|
|
163
|
-
g(
|
|
160
|
+
c("div", x, [
|
|
161
|
+
h(e.$slots, "value", { option: t }, () => [
|
|
162
|
+
g(u(t.value), 1)
|
|
164
163
|
])
|
|
165
164
|
])
|
|
166
|
-
], 14,
|
|
165
|
+
], 14, Y))), 128)),
|
|
167
166
|
e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (d(), r("div", {
|
|
168
167
|
key: 0,
|
|
169
168
|
class: a([s(n)("list-item"), "choose"]),
|
|
170
169
|
onClick: i[0] || (i[0] = f((t) => p.value = !0, ["stop"]))
|
|
171
170
|
}, [
|
|
172
|
-
|
|
173
|
-
b(s(
|
|
174
|
-
c("span",
|
|
171
|
+
h(e.$slots, "add-button", {}, () => [
|
|
172
|
+
b(s(M)),
|
|
173
|
+
c("span", ee, u(e.addButtonText), 1)
|
|
175
174
|
])
|
|
176
175
|
], 2)) : y("", !0)
|
|
177
176
|
], 2)
|
|
@@ -182,5 +181,5 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
|
|
|
182
181
|
}
|
|
183
182
|
});
|
|
184
183
|
export {
|
|
185
|
-
|
|
184
|
+
de as default
|
|
186
185
|
};
|
|
@@ -17,7 +17,7 @@ const l = (o) => {
|
|
|
17
17
|
position: "relative",
|
|
18
18
|
boxSizing: "border-box",
|
|
19
19
|
padding: "8px 16px",
|
|
20
|
-
color: o.
|
|
20
|
+
color: o.textColor2,
|
|
21
21
|
border: `1px solid ${o.colorBg1}`,
|
|
22
22
|
borderRadius: o.borderRadius,
|
|
23
23
|
cursor: "pointer",
|
|
@@ -49,7 +49,7 @@ const l = (o) => {
|
|
|
49
49
|
border: `1px solid ${o.colorPrimary}`
|
|
50
50
|
},
|
|
51
51
|
"&.select": {
|
|
52
|
-
color: o.
|
|
52
|
+
color: o.textColor1,
|
|
53
53
|
borderColor: "transparent",
|
|
54
54
|
boxShadow: "3px 10px 30px -2px rgba(123, 121, 140, 0.15)",
|
|
55
55
|
background: "linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--ap-value-select-card-bg-color, #f5f9ff) 92%)",
|
|
@@ -58,7 +58,7 @@ const l = (o) => {
|
|
|
58
58
|
}
|
|
59
59
|
},
|
|
60
60
|
"&.all": {
|
|
61
|
-
color: o.
|
|
61
|
+
color: o.textColor2,
|
|
62
62
|
background: "#fff",
|
|
63
63
|
border: `1px solid ${o.colorBg1}`,
|
|
64
64
|
boxShadow: "none",
|
|
@@ -66,13 +66,13 @@ const l = (o) => {
|
|
|
66
66
|
borderColor: o.colorPrimary
|
|
67
67
|
},
|
|
68
68
|
"&.disabled": {
|
|
69
|
-
color:
|
|
69
|
+
color: o.textColor3,
|
|
70
70
|
background: "#f9f9fa",
|
|
71
71
|
cursor: "not-allowed",
|
|
72
72
|
border: `1px solid ${o.colorBg1}`
|
|
73
73
|
},
|
|
74
74
|
"&.select": {
|
|
75
|
-
background:
|
|
75
|
+
background: o.colorBgControl,
|
|
76
76
|
borderColor: o.colorPrimary,
|
|
77
77
|
cursor: "pointer"
|
|
78
78
|
}
|
|
@@ -97,35 +97,13 @@ const l = (o) => {
|
|
|
97
97
|
display: "flex",
|
|
98
98
|
alignItems: "center",
|
|
99
99
|
marginBlockEnd: "12px",
|
|
100
|
-
color:
|
|
100
|
+
color: o.textColor2,
|
|
101
101
|
fontSize: o.fontSize,
|
|
102
102
|
"&-icon": {
|
|
103
103
|
marginRight: "4px",
|
|
104
|
-
color:
|
|
104
|
+
color: o.textColor4,
|
|
105
105
|
fontSize: o.fontSizeLG
|
|
106
106
|
}
|
|
107
|
-
},
|
|
108
|
-
"&--admin": {
|
|
109
|
-
[r]: {
|
|
110
|
-
"&-list": {
|
|
111
|
-
"&-item": {
|
|
112
|
-
"&.all": {
|
|
113
|
-
"&.select": {
|
|
114
|
-
background: "#F7FCFA"
|
|
115
|
-
},
|
|
116
|
-
"&.disabled": {
|
|
117
|
-
color: "#999"
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
},
|
|
122
|
-
"&-title": {
|
|
123
|
-
color: "#666",
|
|
124
|
-
"&-icon": {
|
|
125
|
-
color: "#BFBFBF"
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
107
|
}
|
|
130
108
|
}
|
|
131
109
|
};
|