@aplus-frontend/ui 7.7.7 → 7.7.9
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/ap-action/item/index.vue2.mjs +30 -31
- package/es/src/ap-action/item-dropdown/index.vue.mjs +23 -21
- package/es/src/ap-action/item-popconfirm/index.vue.d.ts +1 -0
- package/es/src/ap-action/style/dropdown-item.mjs +7 -9
- package/es/src/ap-action/style/index.d.ts +4 -0
- package/es/src/ap-action/style/index.mjs +58 -35
- package/es/src/ap-field/style/textarea.mjs +10 -4
- package/es/src/ap-field/text-area/index.vue.mjs +24 -23
- package/es/src/ap-form/style/item.mjs +13 -13
- package/es/src/business/batch-input-group/index.vue.mjs +63 -63
- package/es/src/check-card/style/index.mjs +39 -37
- package/es/src/design-token/index.mjs +4 -2
- package/es/src/version.d.ts +1 -1
- package/es/src/version.mjs +1 -1
- package/lib/src/ap-action/item/index.vue2.js +1 -1
- package/lib/src/ap-action/item-dropdown/index.vue.js +1 -1
- package/lib/src/ap-action/item-popconfirm/index.vue.d.ts +1 -0
- package/lib/src/ap-action/style/dropdown-item.js +1 -1
- package/lib/src/ap-action/style/index.d.ts +4 -0
- package/lib/src/ap-action/style/index.js +1 -1
- package/lib/src/ap-field/style/textarea.js +1 -1
- package/lib/src/ap-field/text-area/index.vue.js +1 -1
- package/lib/src/ap-form/style/item.js +1 -1
- package/lib/src/business/batch-input-group/index.vue.js +2 -2
- package/lib/src/check-card/style/index.js +1 -1
- package/lib/src/design-token/index.js +1 -1
- package/lib/src/version.d.ts +1 -1
- package/lib/src/version.js +1 -1
- package/package.json +3 -3
- package/es/src/check-card/group/style/css.d.ts +0 -1
- package/es/src/check-card/group/style/index.d.ts +0 -1
- package/lib/src/check-card/group/style/css.d.ts +0 -1
- package/lib/src/check-card/group/style/index.d.ts +0 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as A, useSlots as F, createPropsRestProxy as N, ref as S, computed as d, unref as t, renderSlot as y, createElementBlock as u, createCommentVNode as f, openBlock as l, mergeProps as g, createVNode as v, normalizeClass as V, withCtx as I, createElementVNode as L, createBlock as k, resolveDynamicComponent as b, isVNode as P, toDisplayString as $ } from "vue";
|
|
2
2
|
import "../../config-provider/index.mjs";
|
|
3
3
|
import w from "@aplus-frontend/antdv/es/button/LoadingIcon";
|
|
4
|
-
import { Tooltip as
|
|
5
|
-
import
|
|
6
|
-
import { useNamespace as
|
|
7
|
-
const
|
|
4
|
+
import { Tooltip as x } from "@aplus-frontend/antdv";
|
|
5
|
+
import D from "../style/index.mjs";
|
|
6
|
+
import { useNamespace as E } from "../../config-provider/hooks/use-namespace.mjs";
|
|
7
|
+
const T = { key: 1 }, K = /* @__PURE__ */ A({
|
|
8
8
|
name: "ApActionItem",
|
|
9
9
|
__name: "index",
|
|
10
10
|
props: {
|
|
@@ -20,52 +20,51 @@ const x = { key: 1 }, K = /* @__PURE__ */ h({
|
|
|
20
20
|
tooltip: { default: () => ({}) }
|
|
21
21
|
},
|
|
22
22
|
setup(o) {
|
|
23
|
-
const
|
|
23
|
+
const a = F(), s = N(o, ["color", "disabled", "visible", "loading", "iconFirst", "icon", "tooltip"]), { b: m, m: n, e: C } = E("action-item"), r = S(!1), c = d(() => o.iconFirst && !!(o.icon || a.icon)), B = D("action-item");
|
|
24
24
|
function p(e) {
|
|
25
|
-
|
|
25
|
+
t(i) || o.disabled || (s.onClick?.(e), s.onAction && (r.value = !0, s.onAction(e).finally(() => r.value = !1)));
|
|
26
26
|
}
|
|
27
|
-
const i =
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
o.disabled ?
|
|
33
|
-
i.value ?
|
|
27
|
+
const i = d(() => o.loading || t(r)), h = d(() => [
|
|
28
|
+
B.value,
|
|
29
|
+
m(),
|
|
30
|
+
n(o.color),
|
|
31
|
+
c.value ? n("icon-first") : null,
|
|
32
|
+
o.disabled ? n("disabled") : null,
|
|
33
|
+
i.value ? n("loading") : null
|
|
34
34
|
].filter(Boolean));
|
|
35
35
|
return (e, z) => y(e.$slots, "trigger", {
|
|
36
36
|
loading: i.value,
|
|
37
37
|
disabled: e.disabled,
|
|
38
38
|
onClick: p
|
|
39
39
|
}, () => [
|
|
40
|
-
e.visible ? (
|
|
41
|
-
class:
|
|
40
|
+
e.visible ? (l(), u("span", g({ key: 0 }, e.$attrs, {
|
|
41
|
+
class: h.value,
|
|
42
42
|
onClick: p
|
|
43
43
|
}), [
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
"prefix-cls": "btn",
|
|
44
|
+
v(t(w), {
|
|
45
|
+
"prefix-cls": t(m)(),
|
|
47
46
|
"exist-icon": !1,
|
|
48
|
-
loading:
|
|
49
|
-
}
|
|
50
|
-
e.icon ||
|
|
51
|
-
key:
|
|
52
|
-
class:
|
|
47
|
+
loading: i.value
|
|
48
|
+
}, null, 8, ["prefix-cls", "loading"]),
|
|
49
|
+
e.icon || a.icon ? (l(), u("span", {
|
|
50
|
+
key: 0,
|
|
51
|
+
class: V(t(C)("icon-wrapper"))
|
|
53
52
|
}, [
|
|
54
|
-
|
|
55
|
-
title:
|
|
53
|
+
v(t(x), g({
|
|
54
|
+
title: c.value ? e.text : null
|
|
56
55
|
}, e.tooltip), {
|
|
57
56
|
default: I(() => [
|
|
58
57
|
L("span", null, [
|
|
59
|
-
(
|
|
58
|
+
(l(), k(b(e.icon || a.icon)))
|
|
60
59
|
])
|
|
61
60
|
]),
|
|
62
61
|
_: 1
|
|
63
62
|
}, 16, ["title"])
|
|
64
|
-
], 2)) :
|
|
65
|
-
|
|
66
|
-
P(e.text) ? (
|
|
63
|
+
], 2)) : f("", !0),
|
|
64
|
+
c.value ? f("", !0) : y(e.$slots, "default", { key: 1 }, () => [
|
|
65
|
+
P(e.text) ? (l(), k(b(e.text), { key: 0 })) : (l(), u("span", T, $(e.text || ""), 1))
|
|
67
66
|
])
|
|
68
|
-
], 16)) :
|
|
67
|
+
], 16)) : f("", !0)
|
|
69
68
|
]);
|
|
70
69
|
}
|
|
71
70
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as w, ref as B, computed as A, createBlock as n, openBlock as
|
|
2
|
-
import { Dropdown as
|
|
1
|
+
import { defineComponent as w, ref as B, computed as A, createBlock as n, openBlock as t, unref as o, normalizeClass as s, withCtx as l, createElementVNode as c, createVNode as d, normalizeProps as b, guardReactiveProps as C, renderSlot as I, resolveDynamicComponent as h, createCommentVNode as D, createElementBlock as P, Fragment as N, renderList as $, mergeProps as p } from "vue";
|
|
2
|
+
import { Dropdown as L, Menu as V, MenuItem as x } from "@aplus-frontend/antdv";
|
|
3
3
|
import "../item/index.vue.mjs";
|
|
4
4
|
import "../item-modal/index.vue2.mjs";
|
|
5
5
|
import "../item-popconfirm/index.vue2.mjs";
|
|
@@ -10,8 +10,8 @@ import M from "../style/dropdown-item.mjs";
|
|
|
10
10
|
import { useNamespace as S } from "../../config-provider/hooks/use-namespace.mjs";
|
|
11
11
|
import y from "../item/index.vue2.mjs";
|
|
12
12
|
import U from "../item-modal/index.vue.mjs";
|
|
13
|
-
import
|
|
14
|
-
const
|
|
13
|
+
import R from "../item-popconfirm/index.vue.mjs";
|
|
14
|
+
const ee = /* @__PURE__ */ w({
|
|
15
15
|
name: "ApActionItemDropDown",
|
|
16
16
|
__name: "index",
|
|
17
17
|
props: {
|
|
@@ -40,31 +40,31 @@ const Z = /* @__PURE__ */ w({
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
})));
|
|
43
|
-
return (e, a) => (
|
|
43
|
+
return (e, a) => (t(), n(o(L), {
|
|
44
44
|
open: i.value,
|
|
45
|
-
"onUpdate:open": a[0] || (a[0] = (
|
|
45
|
+
"onUpdate:open": a[0] || (a[0] = (r) => i.value = r),
|
|
46
46
|
trigger: e.trigger,
|
|
47
47
|
placement: e.placement,
|
|
48
48
|
class: s(o(u))
|
|
49
49
|
}, {
|
|
50
50
|
overlay: l(() => [
|
|
51
|
-
d(o(
|
|
51
|
+
d(o(V), null, {
|
|
52
52
|
default: l(() => [
|
|
53
|
-
(
|
|
53
|
+
(t(!0), P(N, null, $(v.value, (r, k) => (t(), n(o(x), {
|
|
54
54
|
key: k,
|
|
55
55
|
class: s([o(u), o(f)("item")])
|
|
56
56
|
}, {
|
|
57
57
|
default: l(() => [
|
|
58
|
-
|
|
58
|
+
r.modalProps ? (t(), n(U, p({
|
|
59
59
|
key: 0,
|
|
60
60
|
ref_for: !0
|
|
61
|
-
},
|
|
61
|
+
}, r), null, 16)) : r.popconfirmProps ? (t(), n(R, p({
|
|
62
62
|
key: 1,
|
|
63
63
|
ref_for: !0
|
|
64
|
-
},
|
|
64
|
+
}, r), null, 16)) : (t(), n(y, p({
|
|
65
65
|
key: 2,
|
|
66
66
|
ref_for: !0
|
|
67
|
-
},
|
|
67
|
+
}, r), null, 16))
|
|
68
68
|
]),
|
|
69
69
|
_: 2
|
|
70
70
|
}, 1032, ["class"]))), 128))
|
|
@@ -76,17 +76,19 @@ const Z = /* @__PURE__ */ w({
|
|
|
76
76
|
c("span", {
|
|
77
77
|
class: s(o(_)())
|
|
78
78
|
}, [
|
|
79
|
-
d(y, b(
|
|
79
|
+
d(y, b(C(o(F)(m, ["actions", "trigger", "placement", "text"]))), {
|
|
80
80
|
default: l(() => [
|
|
81
|
-
|
|
81
|
+
I(e.$slots, "default", {}, () => [
|
|
82
|
+
(t(), n(h(() => e.text)))
|
|
83
|
+
]),
|
|
84
|
+
c("span", {
|
|
85
|
+
class: s(o(f)("icon"))
|
|
86
|
+
}, [
|
|
87
|
+
e.showIcon ? (t(), n(o(z), { key: 0 })) : D("", !0)
|
|
88
|
+
], 2)
|
|
82
89
|
]),
|
|
83
90
|
_: 3
|
|
84
|
-
}, 16)
|
|
85
|
-
c("span", {
|
|
86
|
-
class: s(o(f)("icon"))
|
|
87
|
-
}, [
|
|
88
|
-
e.showIcon ? (r(), n(o(z), { key: 0 })) : C("", !0)
|
|
89
|
-
], 2)
|
|
91
|
+
}, 16)
|
|
90
92
|
], 2)
|
|
91
93
|
]),
|
|
92
94
|
_: 3
|
|
@@ -94,5 +96,5 @@ const Z = /* @__PURE__ */ w({
|
|
|
94
96
|
}
|
|
95
97
|
});
|
|
96
98
|
export {
|
|
97
|
-
|
|
99
|
+
ee as default
|
|
98
100
|
};
|
|
@@ -310,6 +310,7 @@ declare const __VLS_component: DefineComponent<ApActionItemPopconfirmProps, {},
|
|
|
310
310
|
};
|
|
311
311
|
onConfirm: PropType<(e: MouseEvent) => void>;
|
|
312
312
|
onCancel: PropType<(e: MouseEvent) => void>;
|
|
313
|
+
onPopupClick: PropType<(e: MouseEvent) => void>;
|
|
313
314
|
trigger: PropType< TriggerType | TriggerType[]>;
|
|
314
315
|
open: {
|
|
315
316
|
type: BooleanConstructor;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { genComponentStyleHook as i } from "../../utils/cssinjs/index.mjs";
|
|
2
|
-
const
|
|
3
|
-
const { componentCls: n, namespace:
|
|
2
|
+
const l = (e) => {
|
|
3
|
+
const { componentCls: n, namespace: t } = e, o = `.${t}-action-item`;
|
|
4
4
|
return {
|
|
5
5
|
[n]: {
|
|
6
6
|
display: "inline-flex",
|
|
@@ -8,22 +8,20 @@ const c = (e) => {
|
|
|
8
8
|
alignItems: "center",
|
|
9
9
|
// dropdown menu item
|
|
10
10
|
"&__item": {
|
|
11
|
-
[
|
|
11
|
+
[o]: {
|
|
12
12
|
width: "100%"
|
|
13
13
|
}
|
|
14
14
|
},
|
|
15
15
|
[`${n}__icon`]: {
|
|
16
|
-
color: e.colorLink,
|
|
17
|
-
marginLeft: e.spaceXXS,
|
|
18
16
|
fontSize: e.fontSize,
|
|
19
17
|
display: "inline-flex"
|
|
20
18
|
}
|
|
21
19
|
}
|
|
22
20
|
};
|
|
23
|
-
},
|
|
24
|
-
|
|
21
|
+
}, s = i("ApAction.Dropdown", (e) => [
|
|
22
|
+
l(e)
|
|
25
23
|
]);
|
|
26
24
|
export {
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
s as default,
|
|
26
|
+
l as genActionDropdownItemStyle
|
|
29
27
|
};
|
|
@@ -5,6 +5,10 @@ export type ActionToken = {
|
|
|
5
5
|
* 加载中时的组件透明度
|
|
6
6
|
*/
|
|
7
7
|
loadingOpacity: number;
|
|
8
|
+
/**
|
|
9
|
+
* 加载中图标出现/隐藏时的动画效果
|
|
10
|
+
*/
|
|
11
|
+
apActionLoadingIconEase: string;
|
|
8
12
|
};
|
|
9
13
|
export declare const genActionItemStyle: GenStyleFunc<ActionToken>;
|
|
10
14
|
declare const _default: (prefixCls: string) => ComputedRef<string>;
|
|
@@ -1,80 +1,103 @@
|
|
|
1
|
-
import { resetComponent as
|
|
2
|
-
import { genComponentStyleHook as
|
|
3
|
-
const
|
|
1
|
+
import { resetComponent as t } from "../../style/index.mjs";
|
|
2
|
+
import { genComponentStyleHook as s } from "../../utils/cssinjs/index.mjs";
|
|
3
|
+
const d = (o) => {
|
|
4
4
|
const {
|
|
5
|
-
loadingOpacity:
|
|
6
|
-
colorLink:
|
|
7
|
-
colorLinkHover: l,
|
|
5
|
+
loadingOpacity: n,
|
|
6
|
+
colorLink: r,
|
|
8
7
|
colorSuccess: a,
|
|
9
|
-
colorError:
|
|
10
|
-
colorWarn:
|
|
11
|
-
componentCls:
|
|
8
|
+
colorError: l,
|
|
9
|
+
colorWarn: c,
|
|
10
|
+
componentCls: i
|
|
12
11
|
} = o;
|
|
13
12
|
return {
|
|
14
|
-
[
|
|
15
|
-
display: "inline-
|
|
13
|
+
[i]: {
|
|
14
|
+
display: "inline-flex",
|
|
15
|
+
justifyContent: "center",
|
|
16
|
+
alignItems: "center",
|
|
17
|
+
whiteSpace: "nowrap",
|
|
18
|
+
textAlign: "center",
|
|
19
|
+
gap: o.spaceXS,
|
|
16
20
|
cursor: "pointer",
|
|
17
|
-
...
|
|
21
|
+
...t(o),
|
|
22
|
+
[`&:not(${i}--disabled):hover`]: {
|
|
23
|
+
opacity: 0.7
|
|
24
|
+
},
|
|
18
25
|
"&--primary": {
|
|
19
|
-
color:
|
|
20
|
-
[
|
|
21
|
-
color: l
|
|
22
|
-
},
|
|
23
|
-
[`&${r}--disabled`]: {
|
|
26
|
+
color: r,
|
|
27
|
+
[`&${i}--disabled`]: {
|
|
24
28
|
color: o.colorLinkDisabled
|
|
25
29
|
}
|
|
26
30
|
},
|
|
27
31
|
"&--success": {
|
|
28
32
|
color: a,
|
|
29
|
-
[`&${
|
|
33
|
+
[`&${i}--disabled`]: {
|
|
30
34
|
color: o.colorSuccessDisabled
|
|
31
35
|
}
|
|
32
36
|
},
|
|
33
37
|
"&--error": {
|
|
34
|
-
color:
|
|
35
|
-
[`&${
|
|
38
|
+
color: l,
|
|
39
|
+
[`&${i}--disabled`]: {
|
|
36
40
|
color: o.colorErrorDisabled
|
|
37
41
|
}
|
|
38
42
|
},
|
|
39
43
|
"&--warn": {
|
|
40
|
-
color:
|
|
41
|
-
[`&${
|
|
44
|
+
color: c,
|
|
45
|
+
[`&${i}--disabled`]: {
|
|
42
46
|
color: o.colorWarnDisabled
|
|
43
47
|
}
|
|
44
48
|
},
|
|
45
49
|
"&--loading": {
|
|
46
|
-
opacity:
|
|
50
|
+
opacity: n,
|
|
47
51
|
transition: `opacity ${o.motionDurationMid}`,
|
|
48
52
|
cursor: "default",
|
|
49
|
-
|
|
50
|
-
marginRight: o.spaceXS
|
|
51
|
-
},
|
|
52
|
-
[`&${r}--disabled`]: {
|
|
53
|
+
[`&${i}--disabled`]: {
|
|
53
54
|
opacity: 1
|
|
54
55
|
}
|
|
55
56
|
},
|
|
56
57
|
"&--disabled": {
|
|
57
58
|
cursor: "not-allowed"
|
|
58
59
|
},
|
|
59
|
-
[`${
|
|
60
|
-
paddingRight: o.spaceXS
|
|
61
|
-
},
|
|
60
|
+
[`${i}__icon-wrapper`]: {},
|
|
62
61
|
"&--icon-first": {
|
|
63
|
-
[`${
|
|
62
|
+
[`${i}__icon-wrapper`]: {
|
|
64
63
|
paddingRight: 0
|
|
65
64
|
}
|
|
65
|
+
},
|
|
66
|
+
[`${i}-loading-icon`]: {
|
|
67
|
+
display: "inline-block",
|
|
68
|
+
lineHeight: 0,
|
|
69
|
+
transition: ["width", "opacity", "margin"].map(
|
|
70
|
+
(e) => `${e} ${o.motionDurationSlow} ${o.apActionLoadingIconEase}`
|
|
71
|
+
).join(",")
|
|
72
|
+
},
|
|
73
|
+
[`${i}-loading-icon-motion`]: {
|
|
74
|
+
"&-enter-from": {
|
|
75
|
+
marginInlineEnd: o.calc(o.spaceXS).mul(-1).equal()
|
|
76
|
+
},
|
|
77
|
+
"&-enter-to": {
|
|
78
|
+
marginInlineEnd: 0
|
|
79
|
+
},
|
|
80
|
+
"&-leave-from": {
|
|
81
|
+
marginInlineEnd: 0
|
|
82
|
+
},
|
|
83
|
+
"&-leave-to": {
|
|
84
|
+
marginInlineEnd: o.calc(o.spaceXS).mul(-1).equal()
|
|
85
|
+
}
|
|
66
86
|
}
|
|
67
87
|
}
|
|
68
88
|
};
|
|
69
|
-
}, g =
|
|
89
|
+
}, g = s(
|
|
70
90
|
"ApAction",
|
|
71
|
-
(o) => [
|
|
72
|
-
{
|
|
91
|
+
(o) => [d(o)],
|
|
92
|
+
{
|
|
93
|
+
loadingOpacity: 0.35,
|
|
94
|
+
apActionLoadingIconEase: "cubic-bezier(0.645, 0.045, 0.355, 1)"
|
|
95
|
+
},
|
|
73
96
|
{
|
|
74
97
|
skipUnit: ["loadingOpacity"]
|
|
75
98
|
}
|
|
76
99
|
);
|
|
77
100
|
export {
|
|
78
101
|
g as default,
|
|
79
|
-
|
|
102
|
+
d as genActionItemStyle
|
|
80
103
|
};
|
|
@@ -1,13 +1,19 @@
|
|
|
1
|
-
const
|
|
2
|
-
const { componentCls:
|
|
1
|
+
const t = (a) => {
|
|
2
|
+
const { componentCls: e } = a;
|
|
3
3
|
return {
|
|
4
|
-
[`${
|
|
4
|
+
[`${e}-textarea--read`]: {
|
|
5
5
|
whiteSpace: "pre-wrap",
|
|
6
6
|
wordWrap: "break-word",
|
|
7
7
|
wordBreak: "break-all"
|
|
8
|
+
},
|
|
9
|
+
[`${e}-textarea`]: {
|
|
10
|
+
"&.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon": {
|
|
11
|
+
insetBlockStart: "9px"
|
|
12
|
+
// (28 - 10) / 2
|
|
13
|
+
}
|
|
8
14
|
}
|
|
9
15
|
};
|
|
10
16
|
};
|
|
11
17
|
export {
|
|
12
|
-
|
|
18
|
+
t as genTextareaStyle
|
|
13
19
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { isNil as
|
|
1
|
+
import { defineComponent as B, shallowRef as b, computed as I, createElementBlock as A, createBlock as C, openBlock as s, normalizeClass as g, unref as e, toDisplayString as z, mergeProps as T } from "vue";
|
|
2
|
+
import { isNil as w, omit as k } from "lodash-unified";
|
|
3
3
|
import "../../hooks/index.mjs";
|
|
4
4
|
import "../../config-provider/index.mjs";
|
|
5
|
-
import { Input as
|
|
6
|
-
import { useDefaultPlaceholder as
|
|
7
|
-
import
|
|
8
|
-
import { useControllableValue as
|
|
9
|
-
import { useNamespace as
|
|
10
|
-
const
|
|
5
|
+
import { Input as R } from "@aplus-frontend/antdv";
|
|
6
|
+
import { useDefaultPlaceholder as S } from "../hooks/use-default-placeholder.mjs";
|
|
7
|
+
import _ from "../style/index.mjs";
|
|
8
|
+
import { useControllableValue as U } from "../../hooks/useControllableValue.mjs";
|
|
9
|
+
import { useNamespace as V } from "../../config-provider/hooks/use-namespace.mjs";
|
|
10
|
+
const q = /* @__PURE__ */ B({
|
|
11
11
|
name: "ApFieldTextArea",
|
|
12
12
|
__name: "index",
|
|
13
13
|
props: {
|
|
@@ -62,36 +62,37 @@ const O = /* @__PURE__ */ h({
|
|
|
62
62
|
beforeInput: {}
|
|
63
63
|
},
|
|
64
64
|
emits: ["update:value"],
|
|
65
|
-
setup(
|
|
66
|
-
const o =
|
|
67
|
-
function
|
|
68
|
-
const n = t.target.value || "",
|
|
69
|
-
|
|
65
|
+
setup(i, { expose: d, emit: c }) {
|
|
66
|
+
const o = b(), a = i, m = c, { value: l, updateValue: f } = U(a, m), { b: y, m: x } = V("field-textarea"), r = _("field"), v = S("TextArea", a);
|
|
67
|
+
function h(t) {
|
|
68
|
+
const n = t.target.value || "", u = a.beforeInput ? a.beforeInput?.(n) : n, p = o.value?.$el?.querySelector("textarea");
|
|
69
|
+
p && (p.value = u), f(u);
|
|
70
70
|
}
|
|
71
|
-
return
|
|
71
|
+
return d({
|
|
72
72
|
focus: (t) => {
|
|
73
73
|
o.value?.focus(t);
|
|
74
74
|
},
|
|
75
75
|
blur: () => {
|
|
76
76
|
o.value?.blur();
|
|
77
77
|
},
|
|
78
|
-
resizableTextArea:
|
|
79
|
-
}), (t, n) => t.mode === "read" ? (
|
|
78
|
+
resizableTextArea: I(() => o.value?.resizableTextArea)
|
|
79
|
+
}), (t, n) => t.mode === "read" ? (s(), A("span", {
|
|
80
80
|
key: 0,
|
|
81
|
-
class:
|
|
82
|
-
},
|
|
81
|
+
class: g([e(x)("read"), e(r)])
|
|
82
|
+
}, z(e(w)(e(l)) || e(l) === "" ? t.emptyText : e(l)), 3)) : (s(), C(e(R).TextArea, T(
|
|
83
83
|
{ key: 1 },
|
|
84
|
-
e(
|
|
84
|
+
e(k)(a, ["onUpdate:value", "value", "beforeInput", "emptyText"]),
|
|
85
85
|
{
|
|
86
86
|
ref_key: "textAreaRef",
|
|
87
87
|
ref: o,
|
|
88
|
-
placeholder: e(
|
|
88
|
+
placeholder: e(v),
|
|
89
89
|
value: e(l),
|
|
90
|
-
|
|
90
|
+
class: [e(y)(), e(r)],
|
|
91
|
+
onInput: h
|
|
91
92
|
}
|
|
92
|
-
), null, 16, ["placeholder", "value"]));
|
|
93
|
+
), null, 16, ["placeholder", "value", "class"]));
|
|
93
94
|
}
|
|
94
95
|
});
|
|
95
96
|
export {
|
|
96
|
-
|
|
97
|
+
q as default
|
|
97
98
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { genComponentStyleHook as
|
|
2
|
-
const
|
|
3
|
-
const { componentCls:
|
|
1
|
+
import { genComponentStyleHook as r } from "../../utils/cssinjs/index.mjs";
|
|
2
|
+
const o = (n) => {
|
|
3
|
+
const { componentCls: e, namespace: a } = n, i = `${e}--disabled`, t = n.calc(n.controlHeight).sub(n.calc(n.lineWidth).mul(2)).equal();
|
|
4
4
|
return {
|
|
5
|
-
[
|
|
5
|
+
[e]: {
|
|
6
6
|
// bordered
|
|
7
7
|
"&--bordered": {
|
|
8
8
|
boxSizing: "border-box",
|
|
@@ -12,7 +12,7 @@ const r = (n) => {
|
|
|
12
12
|
".ant-input-affix-wrapper": {
|
|
13
13
|
padding: 0
|
|
14
14
|
},
|
|
15
|
-
[`&:has(.${
|
|
15
|
+
[`&:has(.${a}-batch-input-group):has(.ant-select)`]: {
|
|
16
16
|
".ant-input-affix-wrapper": {
|
|
17
17
|
paddingInlineEnd: n.space
|
|
18
18
|
}
|
|
@@ -23,7 +23,7 @@ const r = (n) => {
|
|
|
23
23
|
paddingInlineStart: 0
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
|
-
[`&:has(div.${
|
|
26
|
+
[`&:has(div.${a}-batch-input-group .ant-input)`]: {
|
|
27
27
|
paddingInlineEnd: n.space,
|
|
28
28
|
".ant-input": {
|
|
29
29
|
paddingInlineStart: 0
|
|
@@ -52,7 +52,7 @@ const r = (n) => {
|
|
|
52
52
|
background: "unset !important"
|
|
53
53
|
},
|
|
54
54
|
".ant-select-single .ant-select-selector": {
|
|
55
|
-
height: `${
|
|
55
|
+
height: `${t} !important`
|
|
56
56
|
},
|
|
57
57
|
"input.ant-input-number-input": {
|
|
58
58
|
paddingInlineStart: 0
|
|
@@ -72,25 +72,25 @@ const r = (n) => {
|
|
|
72
72
|
},
|
|
73
73
|
".ant-form-item-label > label": {
|
|
74
74
|
paddingRight: n.spaceLG,
|
|
75
|
-
height:
|
|
75
|
+
height: t,
|
|
76
76
|
"&::after": {
|
|
77
77
|
margin: 0
|
|
78
78
|
}
|
|
79
79
|
},
|
|
80
80
|
".ant-form-item-control-input": {
|
|
81
|
-
minHeight:
|
|
81
|
+
minHeight: t,
|
|
82
82
|
".ant-select-single": {
|
|
83
83
|
height: "unset"
|
|
84
84
|
}
|
|
85
85
|
},
|
|
86
|
-
[`&:hover:not(${
|
|
86
|
+
[`&:hover:not(${i})`]: {
|
|
87
87
|
borderColor: n.hoverColorBase
|
|
88
88
|
},
|
|
89
89
|
"&:focus": {
|
|
90
90
|
borderColor: n.activeColorBase,
|
|
91
91
|
boxShadow: "0 0 0 2px rgba(5, 155, 255, 0.1)"
|
|
92
92
|
},
|
|
93
|
-
[`.${
|
|
93
|
+
[`.${a}-batch-input-group-popover-input__popover`]: {
|
|
94
94
|
width: "calc(100% + 12px)"
|
|
95
95
|
}
|
|
96
96
|
},
|
|
@@ -132,8 +132,8 @@ const r = (n) => {
|
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
};
|
|
135
|
-
}, p =
|
|
135
|
+
}, p = r("ApForm", (n) => [o(n)]);
|
|
136
136
|
export {
|
|
137
137
|
p as default,
|
|
138
|
-
|
|
138
|
+
o as genApFormItemStyle
|
|
139
139
|
};
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as $, ref as g, computed as r, unref as t, createElementBlock as K, openBlock as B, normalizeStyle as C, normalizeClass as b, createVNode as m, withCtx as A, createBlock as M, createCommentVNode as D, mergeProps as G } from "vue";
|
|
2
2
|
import "../../ap-field/index.mjs";
|
|
3
|
-
import { Space as
|
|
3
|
+
import { Form as q, Space as H } from "@aplus-frontend/antdv";
|
|
4
4
|
import "../../config-provider/index.mjs";
|
|
5
|
-
import { isNumber as
|
|
5
|
+
import { isNumber as Y, omit as J } from "lodash-unified";
|
|
6
6
|
import "./popover-input/index.vue.mjs";
|
|
7
7
|
import "../../hooks/index.mjs";
|
|
8
8
|
import "../../utils/index.mjs";
|
|
9
|
-
import { useDefaultPlaceholder as
|
|
10
|
-
import { splitValue as
|
|
11
|
-
import
|
|
12
|
-
import { useControllableValue as
|
|
13
|
-
import { useLocale as
|
|
14
|
-
import { useNamespace as
|
|
15
|
-
import { isDef as
|
|
16
|
-
import
|
|
17
|
-
import { ApFieldText as
|
|
18
|
-
import
|
|
19
|
-
const
|
|
9
|
+
import { useDefaultPlaceholder as Q } from "../../ap-field/hooks/use-default-placeholder.mjs";
|
|
10
|
+
import { splitValue as W } from "./utils.mjs";
|
|
11
|
+
import X from "./style/index.mjs";
|
|
12
|
+
import { useControllableValue as Z } from "../../hooks/useControllableValue.mjs";
|
|
13
|
+
import { useLocale as ee } from "../../config-provider/hooks/use-locale.mjs";
|
|
14
|
+
import { useNamespace as te } from "../../config-provider/hooks/use-namespace.mjs";
|
|
15
|
+
import { isDef as oe } from "../../utils/is.mjs";
|
|
16
|
+
import ne from "../../ap-field/select/index.vue.mjs";
|
|
17
|
+
import { ApFieldText as le } from "../../ap-field/text/index.mjs";
|
|
18
|
+
import ae from "./popover-input/index.vue2.mjs";
|
|
19
|
+
const d = "GROUP_SEARCH_ALL", Ve = /* @__PURE__ */ $({
|
|
20
20
|
name: "BatchInputGroup",
|
|
21
21
|
__name: "index",
|
|
22
22
|
props: {
|
|
@@ -77,91 +77,91 @@ const m = "GROUP_SEARCH_ALL", Ve = /* @__PURE__ */ T({
|
|
|
77
77
|
beforeInput: {}
|
|
78
78
|
},
|
|
79
79
|
emits: ["update:value"],
|
|
80
|
-
setup(
|
|
81
|
-
const o =
|
|
80
|
+
setup(x, { emit: V }) {
|
|
81
|
+
const o = x, I = Q("Text", o), S = V, { value: a, updateValue: u } = Z(
|
|
82
82
|
o,
|
|
83
83
|
S
|
|
84
|
-
),
|
|
84
|
+
), i = g(), f = g(), { t: k } = ee(), { b: F, cssVar: U } = te("batch-input-group"), v = X("batch-input-group"), p = q.useInjectFormItemContext(), w = r(() => {
|
|
85
85
|
const e = o.popoverPlacement;
|
|
86
86
|
return {
|
|
87
|
-
"popover-left":
|
|
87
|
+
"popover-left": Y(e) ? `${e}px` : e === "left" ? "0px" : "unset",
|
|
88
88
|
"popover-right": e === "right" ? "0px" : "unset"
|
|
89
89
|
};
|
|
90
90
|
}), P = r(() => o.options ? o.options.length > 1 && o.hasAll ? [
|
|
91
|
-
{ value:
|
|
91
|
+
{ value: d, label: k("ap.common.all") },
|
|
92
92
|
...o.options
|
|
93
|
-
] : o.options : []), R = r(() => o.options ? o.options.map((e) => e.value) : []),
|
|
93
|
+
] : o.options : []), R = r(() => o.options ? o.options.map((e) => e.value) : []), j = r(() => t(a)?.value?.length ? t(a).value.join(",") : ""), N = r(() => t(a)?.value?.length ? t(a).value.join(`
|
|
94
94
|
`) : ""), E = r(() => {
|
|
95
95
|
const e = t(a)?.key;
|
|
96
96
|
if (e?.length)
|
|
97
|
-
return e.length === 1 || !o.hasAll ? e[0] :
|
|
98
|
-
}),
|
|
97
|
+
return e.length === 1 || !o.hasAll ? e[0] : d;
|
|
98
|
+
}), L = r(() => {
|
|
99
99
|
const e = t(a)?.key;
|
|
100
|
-
return !e || e?.length <= 1 ? t(
|
|
100
|
+
return !e || e?.length <= 1 ? t(I) : (o.options || []).filter((n) => e.includes(n.value)).map((n) => n.label).join("/");
|
|
101
101
|
});
|
|
102
|
-
function
|
|
103
|
-
const l = t(a) || {}, n = e ===
|
|
102
|
+
function O(e) {
|
|
103
|
+
const l = t(a) || {}, n = e === d ? t(R) : oe(e) ? [e] : [];
|
|
104
104
|
u({
|
|
105
105
|
...l,
|
|
106
106
|
key: n
|
|
107
|
-
});
|
|
107
|
+
}), p.onFieldChange();
|
|
108
108
|
}
|
|
109
|
-
function
|
|
109
|
+
function _(e) {
|
|
110
110
|
const l = t(a) || {}, n = e.target.value || "";
|
|
111
|
-
let
|
|
112
|
-
if (n !==
|
|
113
|
-
const
|
|
114
|
-
|
|
111
|
+
let c = W(n, ",", ",", o.maxNum);
|
|
112
|
+
if (n !== c) {
|
|
113
|
+
const h = f.value?.$el?.querySelector("input");
|
|
114
|
+
h && (h.value = c);
|
|
115
115
|
}
|
|
116
|
-
let
|
|
117
|
-
|
|
116
|
+
let s = c.split(",");
|
|
117
|
+
s.length === 1 && s[0] === "" && (s = []), u({
|
|
118
118
|
...l,
|
|
119
|
-
value:
|
|
120
|
-
});
|
|
119
|
+
value: s
|
|
120
|
+
}), p.onFieldChange();
|
|
121
121
|
}
|
|
122
|
-
function
|
|
122
|
+
function z(e) {
|
|
123
123
|
const l = t(a) || {};
|
|
124
124
|
let n = e.split(/,|\n/);
|
|
125
125
|
u({
|
|
126
126
|
...l,
|
|
127
127
|
value: n
|
|
128
|
-
});
|
|
128
|
+
}), p.onFieldChange();
|
|
129
129
|
}
|
|
130
|
-
function
|
|
130
|
+
function y() {
|
|
131
131
|
const e = t(a) || {}, l = e.value?.filter(Boolean);
|
|
132
132
|
u({
|
|
133
133
|
...e,
|
|
134
134
|
value: l
|
|
135
|
-
});
|
|
135
|
+
}), p.onFieldChange();
|
|
136
136
|
}
|
|
137
|
-
function
|
|
138
|
-
|
|
137
|
+
function T(e) {
|
|
138
|
+
y(), o.onBlur?.(e);
|
|
139
139
|
}
|
|
140
|
-
return (e, l) => (
|
|
140
|
+
return (e, l) => (B(), K("div", {
|
|
141
141
|
ref_key: "containerRef",
|
|
142
|
-
ref:
|
|
143
|
-
class: b([t(
|
|
144
|
-
style:
|
|
142
|
+
ref: i,
|
|
143
|
+
class: b([t(F)(), t(v)]),
|
|
144
|
+
style: C(t(U)(w.value)),
|
|
145
145
|
onFocus: l[0] || (l[0] = //@ts-ignore
|
|
146
146
|
(...n) => e.onFocus && e.onFocus(...n)),
|
|
147
147
|
onBlur: l[1] || (l[1] = //@ts-ignore
|
|
148
148
|
(...n) => e.onBlur && e.onBlur(...n))
|
|
149
149
|
}, [
|
|
150
|
-
|
|
150
|
+
m(t(H).Compact, { block: "" }, {
|
|
151
151
|
default: A(() => [
|
|
152
|
-
e.options?.length ? (
|
|
152
|
+
e.options?.length ? (B(), M(t(ne), {
|
|
153
153
|
key: 0,
|
|
154
|
-
style:
|
|
154
|
+
style: C(e.style),
|
|
155
155
|
options: P.value,
|
|
156
156
|
value: E.value,
|
|
157
157
|
"allow-clear": !1,
|
|
158
158
|
"dropdown-match-select-width": !1,
|
|
159
159
|
disabled: e.disabled,
|
|
160
|
-
"get-popup-container": () =>
|
|
161
|
-
"onUpdate:value":
|
|
162
|
-
}, null, 8, ["style", "options", "value", "disabled", "get-popup-container"])) :
|
|
163
|
-
|
|
164
|
-
t(
|
|
160
|
+
"get-popup-container": () => i.value,
|
|
161
|
+
"onUpdate:value": O
|
|
162
|
+
}, null, 8, ["style", "options", "value", "disabled", "get-popup-container"])) : D("", !0),
|
|
163
|
+
m(t(le), G(
|
|
164
|
+
t(J)(o, [
|
|
165
165
|
"style",
|
|
166
166
|
"value",
|
|
167
167
|
"onUpdate:value",
|
|
@@ -174,22 +174,22 @@ const m = "GROUP_SEARCH_ALL", Ve = /* @__PURE__ */ T({
|
|
|
174
174
|
ref_key: "inputRef",
|
|
175
175
|
ref: f,
|
|
176
176
|
style: e.inputStyle,
|
|
177
|
-
value:
|
|
178
|
-
placeholder:
|
|
179
|
-
onInput:
|
|
180
|
-
onBlur:
|
|
177
|
+
value: j.value,
|
|
178
|
+
placeholder: L.value,
|
|
179
|
+
onInput: _,
|
|
180
|
+
onBlur: T
|
|
181
181
|
}
|
|
182
182
|
), {
|
|
183
183
|
suffix: A(() => [
|
|
184
|
-
|
|
185
|
-
_parent:
|
|
186
|
-
value:
|
|
184
|
+
m(ae, {
|
|
185
|
+
_parent: i.value,
|
|
186
|
+
value: N.value,
|
|
187
187
|
disabled: e.disabled,
|
|
188
188
|
placement: o.popoverPlacement,
|
|
189
189
|
"max-num": e.maxNum,
|
|
190
|
-
class: b(t(
|
|
191
|
-
"onUpdate:value":
|
|
192
|
-
onClose:
|
|
190
|
+
class: b(t(v)),
|
|
191
|
+
"onUpdate:value": z,
|
|
192
|
+
onClose: y
|
|
193
193
|
}, null, 8, ["_parent", "value", "disabled", "placement", "max-num", "class"])
|
|
194
194
|
]),
|
|
195
195
|
_: 1
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { resetComponent as o } from "../../style/index.mjs";
|
|
2
|
-
import { genComponentStyleHook as
|
|
3
|
-
const s = (
|
|
2
|
+
import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
|
|
3
|
+
const s = (i) => {
|
|
4
4
|
const {
|
|
5
|
-
componentCls:
|
|
5
|
+
componentCls: e,
|
|
6
6
|
checkCardDisabledOutlineColor: l,
|
|
7
|
-
checkCardIndicatorSize:
|
|
7
|
+
checkCardIndicatorSize: a,
|
|
8
8
|
checkCardOutlineWidth: r,
|
|
9
9
|
checkCardIndicatorOffset: d
|
|
10
|
-
} =
|
|
10
|
+
} = i, c = i.calc(a).mul(2).equal();
|
|
11
11
|
return {
|
|
12
|
-
[`${
|
|
13
|
-
...o(
|
|
14
|
-
borderRadius:
|
|
12
|
+
[`${e}`]: {
|
|
13
|
+
...o(i),
|
|
14
|
+
borderRadius: i.borderRadius,
|
|
15
15
|
position: "relative",
|
|
16
16
|
"&--disabled": {
|
|
17
|
-
backgroundColor:
|
|
17
|
+
backgroundColor: i.checkCardDisabledBg,
|
|
18
18
|
cursor: "not-allowed !important"
|
|
19
19
|
},
|
|
20
20
|
"&--bordered": {
|
|
21
|
-
outline: `${
|
|
21
|
+
outline: `${i.lineWidth} ${i.lineType} ${i.borderColorBase}`
|
|
22
22
|
},
|
|
23
|
-
[`&:hover:not(${
|
|
23
|
+
[`&:hover:not(${e}--disabled)`]: {
|
|
24
24
|
cursor: "pointer",
|
|
25
|
-
outline: `${
|
|
25
|
+
outline: `${i.lineWidth} ${i.lineType} ${i.colorPrimary}`
|
|
26
26
|
},
|
|
27
27
|
"&::after": {
|
|
28
28
|
content: '""',
|
|
@@ -32,22 +32,24 @@ const s = (e) => {
|
|
|
32
32
|
insetBlockStart: 0,
|
|
33
33
|
insetInlineEnd: 0,
|
|
34
34
|
clipPath: "polygon(100% 0, 100% 100%, 0 0)",
|
|
35
|
-
background:
|
|
36
|
-
borderRadius:
|
|
35
|
+
background: i.colorPrimary,
|
|
36
|
+
borderRadius: i.calc(i.borderRadius).add("2px").equal()
|
|
37
37
|
},
|
|
38
38
|
"&--checked": {
|
|
39
|
-
outline: `${r} ${
|
|
40
|
-
[`&:hover:not(${
|
|
41
|
-
outline: `${r} ${
|
|
39
|
+
outline: `${r} ${i.lineType} ${i.colorPrimary}`,
|
|
40
|
+
[`&:hover:not(${e}--disabled)`]: {
|
|
41
|
+
outline: `${r} ${i.lineType} ${i.colorPrimary}`
|
|
42
42
|
},
|
|
43
43
|
"&::after": {
|
|
44
|
-
width:
|
|
45
|
-
height:
|
|
44
|
+
width: c,
|
|
45
|
+
height: c,
|
|
46
46
|
insetBlockStart: d,
|
|
47
47
|
insetInlineEnd: d,
|
|
48
|
-
transition: "width
|
|
48
|
+
transition: ["width", "height", "inset"].map(
|
|
49
|
+
(t) => `${t} ${i.motionDurationSlow} cubic-bezier(0.645, 0.045, 0.355, 1)`
|
|
50
|
+
).join(", ")
|
|
49
51
|
},
|
|
50
|
-
[`&${
|
|
52
|
+
[`&${e}--disabled`]: {
|
|
51
53
|
outlineColor: l,
|
|
52
54
|
"&::after": {
|
|
53
55
|
backgroundColor: l
|
|
@@ -55,28 +57,28 @@ const s = (e) => {
|
|
|
55
57
|
}
|
|
56
58
|
},
|
|
57
59
|
"&--middle": {
|
|
58
|
-
padding:
|
|
60
|
+
padding: i.spaceLG
|
|
59
61
|
},
|
|
60
62
|
"&--small": {
|
|
61
|
-
padding: `${
|
|
63
|
+
padding: `${i.spaceSM} ${i.spaceLG}`
|
|
62
64
|
},
|
|
63
|
-
[`${
|
|
64
|
-
...o(
|
|
65
|
-
marginBottom:
|
|
66
|
-
color:
|
|
65
|
+
[`${e}__title`]: {
|
|
66
|
+
...o(i),
|
|
67
|
+
marginBottom: i.spaceXS,
|
|
68
|
+
color: i.textColor1,
|
|
67
69
|
fontWeight: "bold",
|
|
68
70
|
"&--disabled": {
|
|
69
|
-
color:
|
|
71
|
+
color: i.textColor4
|
|
70
72
|
}
|
|
71
73
|
},
|
|
72
|
-
[`${
|
|
73
|
-
...o(
|
|
74
|
-
color:
|
|
74
|
+
[`${e}__content`]: {
|
|
75
|
+
...o(i),
|
|
76
|
+
color: i.textColor1,
|
|
75
77
|
"&--disabled": {
|
|
76
|
-
color:
|
|
78
|
+
color: i.textColor4
|
|
77
79
|
}
|
|
78
80
|
},
|
|
79
|
-
[`${
|
|
81
|
+
[`${e}__checked-icon`]: {
|
|
80
82
|
position: "absolute",
|
|
81
83
|
top: 0,
|
|
82
84
|
right: 0,
|
|
@@ -84,15 +86,15 @@ const s = (e) => {
|
|
|
84
86
|
lineHeight: 1,
|
|
85
87
|
userSelect: "none",
|
|
86
88
|
"& > img": {
|
|
87
|
-
width:
|
|
89
|
+
width: i.calc(a).sub(r).equal(),
|
|
88
90
|
verticalAlign: "top"
|
|
89
91
|
}
|
|
90
92
|
}
|
|
91
93
|
}
|
|
92
94
|
};
|
|
93
|
-
},
|
|
95
|
+
}, p = n(
|
|
94
96
|
"CheckCard",
|
|
95
|
-
(
|
|
97
|
+
(i) => [s(i)],
|
|
96
98
|
{
|
|
97
99
|
checkCardDisabledBg: "#F9F9FA",
|
|
98
100
|
checkCardDisabledOutlineColor: "#E9EDF3",
|
|
@@ -102,5 +104,5 @@ const s = (e) => {
|
|
|
102
104
|
}
|
|
103
105
|
);
|
|
104
106
|
export {
|
|
105
|
-
|
|
107
|
+
p as default
|
|
106
108
|
};
|
|
@@ -39,7 +39,8 @@ const o = {
|
|
|
39
39
|
colorBgSpotlight: "#000000cc",
|
|
40
40
|
controlItemBgActive: "#F5F9FF",
|
|
41
41
|
controlItemBgActiveHover: "#EAF2FF",
|
|
42
|
-
colorBorderSecondary: "#E9EDF3"
|
|
42
|
+
colorBorderSecondary: "#E9EDF3",
|
|
43
|
+
controlHeight: 30
|
|
43
44
|
}, c = {
|
|
44
45
|
...o,
|
|
45
46
|
// 主色
|
|
@@ -73,7 +74,8 @@ const o = {
|
|
|
73
74
|
colorBgSpotlight: "#000000cc",
|
|
74
75
|
controlItemBgActive: "#f3fbf7",
|
|
75
76
|
controlItemBgActiveHover: "#e6f6ef",
|
|
76
|
-
colorBorderSecondary: "#E9E9E9"
|
|
77
|
+
colorBorderSecondary: "#E9E9E9",
|
|
78
|
+
controlHeight: 30
|
|
77
79
|
};
|
|
78
80
|
export {
|
|
79
81
|
c as adminToken,
|
package/es/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "7.7.
|
|
1
|
+
declare const _default: "7.7.9";
|
|
2
2
|
export default _default;
|
package/es/src/version.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const p=require("@aplus-frontend/antdv/es/button/LoadingIcon"),k=require("@aplus-frontend/antdv"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const p=require("@aplus-frontend/antdv/es/button/LoadingIcon"),k=require("@aplus-frontend/antdv"),g=require("../style/index.js"),v=require("../../config-provider/hooks/use-namespace.js"),y={key:1},B=e.defineComponent({name:"ApActionItem",__name:"index",props:{text:{},color:{default:"primary"},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},onAction:{type:Function},onClick:{type:Function},loading:{type:Boolean,default:!1},icon:{},iconFirst:{type:Boolean,default:!1},tooltip:{default:()=>({})}},setup(t){const i=e.useSlots(),a=e.createPropsRestProxy(t,["color","disabled","visible","loading","iconFirst","icon","tooltip"]),{b:s,m:n,e:d}=v.useNamespace("action-item"),r=e.ref(!1),c=e.computed(()=>t.iconFirst&&!!(t.icon||i.icon)),f=g.default("action-item");function u(o){e.unref(l)||t.disabled||(a.onClick?.(o),a.onAction&&(r.value=!0,a.onAction(o).finally(()=>r.value=!1)))}const l=e.computed(()=>t.loading||e.unref(r)),m=e.computed(()=>[f.value,s(),n(t.color),c.value?n("icon-first"):null,t.disabled?n("disabled"):null,l.value?n("loading"):null].filter(Boolean));return(o,C)=>e.renderSlot(o.$slots,"trigger",{loading:l.value,disabled:o.disabled,onClick:u},()=>[o.visible?(e.openBlock(),e.createElementBlock("span",e.mergeProps({key:0},o.$attrs,{class:m.value,onClick:u}),[e.createVNode(e.unref(p),{"prefix-cls":e.unref(s)(),"exist-icon":!1,loading:l.value},null,8,["prefix-cls","loading"]),o.icon||i.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(d)("icon-wrapper"))},[e.createVNode(e.unref(k.Tooltip),e.mergeProps({title:c.value?o.text:null},o.tooltip),{default:e.withCtx(()=>[e.createElementVNode("span",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.icon||i.icon)))])]),_:1},16,["title"])],2)):e.createCommentVNode("",!0),c.value?e.createCommentVNode("",!0):e.renderSlot(o.$slots,"default",{key:1},()=>[e.isVNode(o.text)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.text),{key:0})):(e.openBlock(),e.createElementBlock("span",y,e.toDisplayString(o.text||""),1))])],16)):e.createCommentVNode("",!0)])}});exports.default=B;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@aplus-frontend/antdv");require("../item/index.vue.js");require("../item-modal/index.vue2.js");require("../item-popconfirm/index.vue2.js");const _=require("@aplus-frontend/icon");require("../../config-provider/index.js");const i=require("lodash-unified"),g=require("../style/dropdown-item.js"),k=require("../../config-provider/hooks/use-namespace.js"),c=require("../item/index.vue2.js"),v=require("../item-modal/index.vue.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@aplus-frontend/antdv");require("../item/index.vue.js");require("../item-modal/index.vue2.js");require("../item-popconfirm/index.vue2.js");const _=require("@aplus-frontend/icon");require("../../config-provider/index.js");const i=require("lodash-unified"),g=require("../style/dropdown-item.js"),k=require("../../config-provider/hooks/use-namespace.js"),c=require("../item/index.vue2.js"),v=require("../item-modal/index.vue.js"),B=require("../item-popconfirm/index.vue.js"),y=e.defineComponent({name:"ApActionItemDropDown",__name:"index",props:{trigger:{default:()=>["hover"]},placement:{default:"bottomLeft"},actions:{default:()=>[]},showIcon:{type:Boolean,default:!0},text:{},color:{default:"primary"},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},onClick:{},loading:{type:Boolean,default:!1},icon:{},iconFirst:{type:Boolean},tooltip:{}},setup(p){const a=p,n=e.ref(!1),{e:u,b:d}=k.useNamespace("action-item-dropdown"),s=g.default("action-item-dropdown"),f=e.computed(()=>a.actions.filter(t=>t.visible||i.isUndefined(t.visible)).map(t=>({...t,onAction:async o=>{try{await t.onAction?.(o)}finally{n.value=!1}}})));return(t,o)=>(e.openBlock(),e.createBlock(e.unref(l.Dropdown),{open:n.value,"onUpdate:open":o[0]||(o[0]=r=>n.value=r),trigger:t.trigger,placement:t.placement,class:e.normalizeClass(e.unref(s))},{overlay:e.withCtx(()=>[e.createVNode(e.unref(l.Menu),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(r,m)=>(e.openBlock(),e.createBlock(e.unref(l.MenuItem),{key:m,class:e.normalizeClass([e.unref(s),e.unref(u)("item")])},{default:e.withCtx(()=>[r.modalProps?(e.openBlock(),e.createBlock(v.default,e.mergeProps({key:0,ref_for:!0},r),null,16)):r.popconfirmProps?(e.openBlock(),e.createBlock(B.default,e.mergeProps({key:1,ref_for:!0},r),null,16)):(e.openBlock(),e.createBlock(c.default,e.mergeProps({key:2,ref_for:!0},r),null,16))]),_:2},1032,["class"]))),128))]),_:1})]),default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(d)())},[e.createVNode(c.default,e.normalizeProps(e.guardReactiveProps(e.unref(i.omit)(a,["actions","trigger","placement","text"]))),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(()=>t.text)))]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(u)("icon"))},[t.showIcon?(e.openBlock(),e.createBlock(e.unref(_.IconApAdLineDown),{key:0})):e.createCommentVNode("",!0)],2)]),_:3},16)],2)]),_:3},8,["open","trigger","placement","class"]))}});exports.default=y;
|
|
@@ -310,6 +310,7 @@ declare const __VLS_component: DefineComponent<ApActionItemPopconfirmProps, {},
|
|
|
310
310
|
};
|
|
311
311
|
onConfirm: PropType<(e: MouseEvent) => void>;
|
|
312
312
|
onCancel: PropType<(e: MouseEvent) => void>;
|
|
313
|
+
onPopupClick: PropType<(e: MouseEvent) => void>;
|
|
313
314
|
trigger: PropType< TriggerType | TriggerType[]>;
|
|
314
315
|
open: {
|
|
315
316
|
type: BooleanConstructor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../utils/cssinjs/index.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../utils/cssinjs/index.js"),n=e=>{const{componentCls:t,namespace:o}=e,i=`.${o}-action-item`;return{[t]:{display:"inline-flex",flexDirection:"row",alignItems:"center","&__item":{[i]:{width:"100%"}},[`${t}__icon`]:{fontSize:e.fontSize,display:"inline-flex"}}}},c=l.genComponentStyleHook("ApAction.Dropdown",e=>[n(e)]);exports.default=c;exports.genActionDropdownItemStyle=n;
|
|
@@ -5,6 +5,10 @@ export type ActionToken = {
|
|
|
5
5
|
* 加载中时的组件透明度
|
|
6
6
|
*/
|
|
7
7
|
loadingOpacity: number;
|
|
8
|
+
/**
|
|
9
|
+
* 加载中图标出现/隐藏时的动画效果
|
|
10
|
+
*/
|
|
11
|
+
apActionLoadingIconEase: string;
|
|
8
12
|
};
|
|
9
13
|
export declare const genActionItemStyle: GenStyleFunc<ActionToken>;
|
|
10
14
|
declare const _default: (prefixCls: string) => ComputedRef<string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../style/index.js"),d=require("../../utils/cssinjs/index.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../style/index.js"),d=require("../../utils/cssinjs/index.js"),e=o=>{const{loadingOpacity:n,colorLink:r,colorSuccess:a,colorError:l,colorWarn:c,componentCls:i}=o;return{[i]:{display:"inline-flex",justifyContent:"center",alignItems:"center",whiteSpace:"nowrap",textAlign:"center",gap:o.spaceXS,cursor:"pointer",...s.resetComponent(o),[`&:not(${i}--disabled):hover`]:{opacity:.7},"&--primary":{color:r,[`&${i}--disabled`]:{color:o.colorLinkDisabled}},"&--success":{color:a,[`&${i}--disabled`]:{color:o.colorSuccessDisabled}},"&--error":{color:l,[`&${i}--disabled`]:{color:o.colorErrorDisabled}},"&--warn":{color:c,[`&${i}--disabled`]:{color:o.colorWarnDisabled}},"&--loading":{opacity:n,transition:`opacity ${o.motionDurationMid}`,cursor:"default",[`&${i}--disabled`]:{opacity:1}},"&--disabled":{cursor:"not-allowed"},[`${i}__icon-wrapper`]:{},"&--icon-first":{[`${i}__icon-wrapper`]:{paddingRight:0}},[`${i}-loading-icon`]:{display:"inline-block",lineHeight:0,transition:["width","opacity","margin"].map(t=>`${t} ${o.motionDurationSlow} ${o.apActionLoadingIconEase}`).join(",")},[`${i}-loading-icon-motion`]:{"&-enter-from":{marginInlineEnd:o.calc(o.spaceXS).mul(-1).equal()},"&-enter-to":{marginInlineEnd:0},"&-leave-from":{marginInlineEnd:0},"&-leave-to":{marginInlineEnd:o.calc(o.spaceXS).mul(-1).equal()}}}}},p=d.genComponentStyleHook("ApAction",o=>[e(o)],{loadingOpacity:.35,apActionLoadingIconEase:"cubic-bezier(0.645, 0.045, 0.355, 1)"},{skipUnit:["loadingOpacity"]});exports.default=p;exports.genActionItemStyle=e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=t=>{const{componentCls:e}=t;return{[`${e}-textarea--read`]:{whiteSpace:"pre-wrap",wordWrap:"break-word",wordBreak:"break-all"},[`${e}-textarea`]:{"&.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon":{insetBlockStart:"9px"}}}};exports.genTextareaStyle=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("lodash-unified");require("../../hooks/index.js");require("../../config-provider/index.js");const b=require("@aplus-frontend/antdv"),B=require("../hooks/use-default-placeholder.js"),I=require("../style/index.js"),g=require("../../hooks/useControllableValue.js"),q=require("../../config-provider/hooks/use-namespace.js"),C=e.defineComponent({name:"ApFieldTextArea",__name:"index",props:{mode:{default:"edit"},class:{},style:{},rows:{},autoSize:{type:[Boolean,Object]},onResize:{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},size:{},value:{},name:{},type:{default:"text"},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},onMousedown:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},readonly:{type:Boolean},autofocus:{type:Boolean},variant:{},autocomplete:{},placeholder:{},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onMouseUp:{},onRawInput:{},"onUpdate:value":{},status:{},defaultValue:{},inputElement:{},triggerFocus:{},handleReset:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"},beforeInput:{}},emits:["update:value"],setup(d,{expose:i,emit:c}){const o=e.shallowRef(),a=d,f=c,{value:n,updateValue:m}=g.useControllableValue(a,f),{b:y,m:v}=q.useNamespace("field-textarea"),u=I.default("field"),h=B.useDefaultPlaceholder("TextArea",a);function x(t){const l=t.target.value||"",r=a.beforeInput?a.beforeInput?.(l):l,s=o.value?.$el?.querySelector("textarea");s&&(s.value=r),m(r)}return i({focus:t=>{o.value?.focus(t)},blur:()=>{o.value?.blur()},resizableTextArea:e.computed(()=>o.value?.resizableTextArea)}),(t,l)=>t.mode==="read"?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(v)("read"),e.unref(u)])},e.toDisplayString(e.unref(p.isNil)(e.unref(n))||e.unref(n)===""?t.emptyText:e.unref(n)),3)):(e.openBlock(),e.createBlock(e.unref(b.Input).TextArea,e.mergeProps({key:1},e.unref(p.omit)(a,["onUpdate:value","value","beforeInput","emptyText"]),{ref_key:"textAreaRef",ref:o,placeholder:e.unref(h),value:e.unref(n),class:[e.unref(y)(),e.unref(u)],onInput:x}),null,16,["placeholder","value","class"]))}});exports.default=C;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../utils/cssinjs/index.js"),i=n=>{const{componentCls:a,namespace:e}=n,r=`${a}--disabled`,t=n.calc(n.controlHeight).sub(n.calc(n.lineWidth).mul(2)).equal();return{[a]:{"&--bordered":{boxSizing:"border-box",border:`${n.lineWidth} ${n.lineType} ${n.borderColorBase}`,borderRadius:n.borderRadius,paddingInline:n.space,".ant-input-affix-wrapper":{padding:0},[`&:has(.${e}-batch-input-group):has(.ant-select)`]:{".ant-input-affix-wrapper":{paddingInlineEnd:n.space}},"&:has(textarea.ant-input)":{paddingInlineEnd:0,".ant-input":{paddingInlineStart:0}},[`&:has(div.${e}-batch-input-group .ant-input)`]:{paddingInlineEnd:n.space,".ant-input":{paddingInlineStart:0}},".ant-picker":{padding:0},".ant-form-item-control-input-content":{"& > .ant-input-group":{"& > .ant-picker-range:nth-child(1)":{".ant-picker-clear":{insetInlineEnd:0}}}},".ant-space-compact-block":{".ant-input":{paddingInlineStart:n.space}},".ant-select-selector":{borderWidth:"0 !important",boxShadow:"none !important",background:"unset !important"},".ant-select-single .ant-select-selector":{height:`${t} !important`},"input.ant-input-number-input":{paddingInlineStart:0},"&:has(.ant-input-number)":{paddingInlineEnd:0},"&:has(.ant-select)":{paddingInlineEnd:0,".ant-form-item-label > label":{paddingInlineEnd:n.spaceXS}},"div.ant-form-item-control":{flex:"1 1 0",minWidth:0},".ant-form-item-label > label":{paddingRight:n.spaceLG,height:t,"&::after":{margin:0}},".ant-form-item-control-input":{minHeight:t,".ant-select-single":{height:"unset"}},[`&:hover:not(${r})`]:{borderColor:n.hoverColorBase},"&:focus":{borderColor:n.activeColorBase,boxShadow:"0 0 0 2px rgba(5, 155, 255, 0.1)"},[`.${e}-batch-input-group-popover-input__popover`]:{width:"calc(100% + 12px)"}},"&--disabled":{cursor:"not-allowed",backgroundColor:n.colorBgDisabled,".ant-select-selector":{backgroundColor:"transparent !important"}},"&--focused":{borderColor:n.activeColorBase,boxShadow:"0 0 0 2px rgba(5, 155, 255, 0.1)"},".ant-form-show-help":{".ant-form-item-explain-error":{fontSize:n.fontSize,lineHeight:n.lineHeightSM}},".ant-col .ant-form-item-extra":{lineHeight:n.lineHeightLG,minHeight:"unset",marginBlockStart:n.spaceXS,marginBlockEnd:n.spaceLG},".ant-input-group":{".ant-picker:only-child":{width:"100%"},".ant-select + .ant-picker":{paddingInline:n.space,flex:1}}}}},l=o.genComponentStyleHook("ApForm",n=>[i(n)]);exports.default=l;exports.genApFormItemStyle=i;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../ap-field/index.js");const
|
|
2
|
-
`):""),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../ap-field/index.js");const y=require("@aplus-frontend/antdv");require("../../config-provider/index.js");const h=require("lodash-unified");require("./popover-input/index.vue.js");require("../../hooks/index.js");require("../../utils/index.js");const R=require("../../ap-field/hooks/use-default-placeholder.js"),z=require("./utils.js"),L=require("./style/index.js"),O=require("../../hooks/useControllableValue.js"),E=require("../../config-provider/hooks/use-locale.js"),T=require("../../config-provider/hooks/use-namespace.js"),M=require("../../utils/is.js"),$=require("../../ap-field/select/index.vue.js"),D=require("../../ap-field/text/index.js"),K=require("./popover-input/index.vue2.js"),c="GROUP_SEARCH_ALL",G=e.defineComponent({name:"BatchInputGroup",__name:"index",props:{style:{type:[Boolean,null,String,Object,Array]},inputStyle:{type:[Boolean,null,String,Object,Array]},options:{},hasAll:{type:Boolean,default:!0},value:{},"onUpdate:value":{},popoverPlacement:{default:"left"},maxNum:{default:200},mode:{default:"edit"},class:{},variant:{},size:{},name:{},type:{default:"text"},onCompositionend:{},onCompositionstart:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},onMousedown:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean},prefixCls:{},id:{},readonly:{type:Boolean},autofocus:{type:Boolean},autocomplete:{},placeholder:{},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onMouseUp:{},onRawInput:{},valueModifiers:{},status:{},defaultValue:{},inputElement:{},triggerFocus:{},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"},beforeInput:{}},emits:["update:value"],setup(g,{emit:B}){const n=g,C=R.useDefaultPlaceholder("Text",n),b=B,{value:u,updateValue:a}=O.useControllableValue(n,b),i=e.ref(),d=e.ref(),{t:x}=E.useLocale(),{b:V,cssVar:q}=T.useNamespace("batch-input-group"),f=L.default("batch-input-group"),r=y.Form.useInjectFormItemContext(),A=e.computed(()=>{const t=n.popoverPlacement;return{"popover-left":h.isNumber(t)?`${t}px`:t==="left"?"0px":"unset","popover-right":t==="right"?"0px":"unset"}}),_=e.computed(()=>n.options?n.options.length>1&&n.hasAll?[{value:c,label:x("ap.common.all")},...n.options]:n.options:[]),I=e.computed(()=>n.options?n.options.map(t=>t.value):[]),S=e.computed(()=>e.unref(u)?.value?.length?e.unref(u).value.join(","):""),k=e.computed(()=>e.unref(u)?.value?.length?e.unref(u).value.join(`
|
|
2
|
+
`):""),F=e.computed(()=>{const t=e.unref(u)?.key;if(t?.length)return t.length===1||!n.hasAll?t[0]:c}),P=e.computed(()=>{const t=e.unref(u)?.key;return!t||t?.length<=1?e.unref(C):(n.options||[]).filter(o=>t.includes(o.value)).map(o=>o.label).join("/")});function U(t){const l=e.unref(u)||{},o=t===c?e.unref(I):M.isDef(t)?[t]:[];a({...l,key:o}),r.onFieldChange()}function w(t){const l=e.unref(u)||{},o=t.target.value||"";let p=z.splitValue(o,",",",",n.maxNum);if(o!==p){const v=d.value?.$el?.querySelector("input");v&&(v.value=p)}let s=p.split(",");s.length===1&&s[0]===""&&(s=[]),a({...l,value:s}),r.onFieldChange()}function N(t){const l=e.unref(u)||{};let o=t.split(/,|\n/);a({...l,value:o}),r.onFieldChange()}function m(){const t=e.unref(u)||{},l=t.value?.filter(Boolean);a({...t,value:l}),r.onFieldChange()}function j(t){m(),n.onBlur?.(t)}return(t,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:i,class:e.normalizeClass([e.unref(V)(),e.unref(f)]),style:e.normalizeStyle(e.unref(q)(A.value)),onFocus:l[0]||(l[0]=(...o)=>t.onFocus&&t.onFocus(...o)),onBlur:l[1]||(l[1]=(...o)=>t.onBlur&&t.onBlur(...o))},[e.createVNode(e.unref(y.Space).Compact,{block:""},{default:e.withCtx(()=>[t.options?.length?(e.openBlock(),e.createBlock(e.unref($.default),{key:0,style:e.normalizeStyle(t.style),options:_.value,value:F.value,"allow-clear":!1,"dropdown-match-select-width":!1,disabled:t.disabled,"get-popup-container":()=>i.value,"onUpdate:value":U},null,8,["style","options","value","disabled","get-popup-container"])):e.createCommentVNode("",!0),e.createVNode(e.unref(D.ApFieldText),e.mergeProps(e.unref(h.omit)(n,["style","value","onUpdate:value","inputStyle","hasAll","options","onBlur"]),{ref_key:"inputRef",ref:d,style:t.inputStyle,value:S.value,placeholder:P.value,onInput:w,onBlur:j}),{suffix:e.withCtx(()=>[e.createVNode(K.default,{_parent:i.value,value:k.value,disabled:t.disabled,placement:n.popoverPlacement,"max-num":t.maxNum,class:e.normalizeClass(e.unref(f)),"onUpdate:value":N,onClose:m},null,8,["_parent","value","disabled","placement","max-num","class"])]),_:1},16,["style","value","placeholder"])]),_:1})],38))}});exports.default=G;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../style/index.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../style/index.js"),n=require("../../utils/cssinjs/index.js"),s=e=>{const{componentCls:i,checkCardDisabledOutlineColor:l,checkCardIndicatorSize:t,checkCardOutlineWidth:r,checkCardIndicatorOffset:d}=e,a=e.calc(t).mul(2).equal();return{[`${i}`]:{...o.resetComponent(e),borderRadius:e.borderRadius,position:"relative","&--disabled":{backgroundColor:e.checkCardDisabledBg,cursor:"not-allowed !important"},"&--bordered":{outline:`${e.lineWidth} ${e.lineType} ${e.borderColorBase}`},[`&:hover:not(${i}--disabled)`]:{cursor:"pointer",outline:`${e.lineWidth} ${e.lineType} ${e.colorPrimary}`},"&::after":{content:'""',position:"absolute",width:0,height:0,insetBlockStart:0,insetInlineEnd:0,clipPath:"polygon(100% 0, 100% 100%, 0 0)",background:e.colorPrimary,borderRadius:e.calc(e.borderRadius).add("2px").equal()},"&--checked":{outline:`${r} ${e.lineType} ${e.colorPrimary}`,[`&:hover:not(${i}--disabled)`]:{outline:`${r} ${e.lineType} ${e.colorPrimary}`},"&::after":{width:a,height:a,insetBlockStart:d,insetInlineEnd:d,transition:["width","height","inset"].map(c=>`${c} ${e.motionDurationSlow} cubic-bezier(0.645, 0.045, 0.355, 1)`).join(", ")},[`&${i}--disabled`]:{outlineColor:l,"&::after":{backgroundColor:l}}},"&--middle":{padding:e.spaceLG},"&--small":{padding:`${e.spaceSM} ${e.spaceLG}`},[`${i}__title`]:{...o.resetComponent(e),marginBottom:e.spaceXS,color:e.textColor1,fontWeight:"bold","&--disabled":{color:e.textColor4}},[`${i}__content`]:{...o.resetComponent(e),color:e.textColor1,"&--disabled":{color:e.textColor4}},[`${i}__checked-icon`]:{position:"absolute",top:0,right:0,zIndex:1,lineHeight:1,userSelect:"none","& > img":{width:e.calc(t).sub(r).equal(),verticalAlign:"top"}}}}},u=n.genComponentStyleHook("CheckCard",e=>[s(e)],{checkCardDisabledBg:"#F9F9FA",checkCardDisabledOutlineColor:"#E9EDF3",checkCardIndicatorSize:14,checkCardOutlineWidth:2,checkCardIndicatorOffset:-2});exports.default=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./interface.js");const o={borderRadius:4,fontSize:12,sizeStep:4,lineHeight:1.5,lineHeightSM:1.6,wireframe:!1,sizeUnit:3},r={...o,colorPrimary:"#0070FF",colorPrimaryHover:"#66A9FF",colorPrimaryActive:"#338CFF",colorTextBase:"#182948",colorText:"#182948",colorTextSecondary:"#526A90",colorTextTertiary:"#8896B0",colorTextPlaceholder:"#BFBFBF",colorBorder:"#DEE4ED",colorSplit:"#E9EDF3",colorInfo:"#0070FF",colorSuccess:"#2ED1A3",colorError:"#FF4D4F",colorWarning:"#FFA940",colorBgContainerDisabled:"#F2F6F9",wireframe:!1,colorBgLayout:"#F2F6F9",colorBgSpotlight:"#000000cc",controlItemBgActive:"#F5F9FF",controlItemBgActiveHover:"#EAF2FF",colorBorderSecondary:"#E9EDF3"},e={...o,colorPrimary:"#34B77C",colorPrimaryHover:"#85D4B0",colorPrimaryActive:"#5DC596",colorBgContainerDisabled:"#f5f5f5",colorTextBase:"#333333",colorText:"#333333",colorTextSecondary:"#666666",colorTextTertiary:"#999999",colorTextPlaceholder:"#ABB7CC",colorBorder:"#D9D9D9",colorSplit:"#E9E9E9",colorInfo:"#1890FF",colorSuccess:"#34b77c",colorError:"#FF4D4F",colorWarning:"#FAAD14",colorLink:"#1890FF",wireframe:!1,colorBgLayout:"#FAFAFA",colorBgSpotlight:"#000000cc",controlItemBgActive:"#f3fbf7",controlItemBgActiveHover:"#e6f6ef",colorBorderSecondary:"#E9E9E9"};exports.adminToken=e;exports.aplusToken=r;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./interface.js");const o={borderRadius:4,fontSize:12,sizeStep:4,lineHeight:1.5,lineHeightSM:1.6,wireframe:!1,sizeUnit:3},r={...o,colorPrimary:"#0070FF",colorPrimaryHover:"#66A9FF",colorPrimaryActive:"#338CFF",colorTextBase:"#182948",colorText:"#182948",colorTextSecondary:"#526A90",colorTextTertiary:"#8896B0",colorTextPlaceholder:"#BFBFBF",colorBorder:"#DEE4ED",colorSplit:"#E9EDF3",colorInfo:"#0070FF",colorSuccess:"#2ED1A3",colorError:"#FF4D4F",colorWarning:"#FFA940",colorBgContainerDisabled:"#F2F6F9",wireframe:!1,colorBgLayout:"#F2F6F9",colorBgSpotlight:"#000000cc",controlItemBgActive:"#F5F9FF",controlItemBgActiveHover:"#EAF2FF",colorBorderSecondary:"#E9EDF3",controlHeight:30},e={...o,colorPrimary:"#34B77C",colorPrimaryHover:"#85D4B0",colorPrimaryActive:"#5DC596",colorBgContainerDisabled:"#f5f5f5",colorTextBase:"#333333",colorText:"#333333",colorTextSecondary:"#666666",colorTextTertiary:"#999999",colorTextPlaceholder:"#ABB7CC",colorBorder:"#D9D9D9",colorSplit:"#E9E9E9",colorInfo:"#1890FF",colorSuccess:"#34b77c",colorError:"#FF4D4F",colorWarning:"#FAAD14",colorLink:"#1890FF",wireframe:!1,colorBgLayout:"#FAFAFA",colorBgSpotlight:"#000000cc",controlItemBgActive:"#f3fbf7",controlItemBgActiveHover:"#e6f6ef",colorBorderSecondary:"#E9E9E9",controlHeight:30};exports.adminToken=e;exports.aplusToken=r;
|
package/lib/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "7.7.
|
|
1
|
+
declare const _default: "7.7.9";
|
|
2
2
|
export default _default;
|
package/lib/src/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.7.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.7.9";exports.default=e;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aplus-frontend/ui",
|
|
3
|
-
"version": "7.7.
|
|
3
|
+
"version": "7.7.9",
|
|
4
4
|
"main": "./lib/index.js",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -43,14 +43,14 @@
|
|
|
43
43
|
"@aplus-frontend/hooks": "1.0.7"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
|
-
"@aplus-frontend/antdv": "^1.3.
|
|
46
|
+
"@aplus-frontend/antdv": "^1.3.2",
|
|
47
47
|
"@aplus-frontend/icon": "^2.0.4",
|
|
48
48
|
"@aplus-frontend/oss": "^1.1.9",
|
|
49
49
|
"vue": "^3.5.21",
|
|
50
50
|
"vxe-table": "^4.13.37"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@aplus-frontend/antdv": "^1.3.
|
|
53
|
+
"@aplus-frontend/antdv": "^1.3.2",
|
|
54
54
|
"@aplus-frontend/icon": "^2.0.4",
|
|
55
55
|
"@aplus-frontend/oss": "^1.1.9",
|
|
56
56
|
"@emotion/serialize": "^1.3.3",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|