@aplus-frontend/ui 0.0.1-beta.6 → 0.0.1-beta.7
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/index.mjs +59 -49
- package/es/src/ap-action/constant.d.ts +0 -0
- package/es/src/ap-action/group/index.vue.d.ts +38 -0
- package/es/src/ap-action/group/index.vue.mjs +64 -0
- package/es/src/ap-action/group/index.vue2.mjs +4 -0
- package/es/src/ap-action/index.d.ts +14 -0
- package/es/src/ap-action/index.mjs +17 -0
- package/es/src/ap-action/interface.d.ts +81 -0
- package/es/src/ap-action/item/index.vue.d.ts +44 -0
- package/es/src/ap-action/item/index.vue.mjs +49 -0
- package/es/src/ap-action/item/index.vue2.mjs +4 -0
- package/es/src/ap-action/item-dropdown/index.vue.d.ts +57 -0
- package/es/src/ap-action/item-dropdown/index.vue.mjs +92 -0
- package/es/src/ap-action/item-dropdown/index.vue2.mjs +4 -0
- package/es/src/ap-action/item-modal/index.vue.d.ts +41 -0
- package/es/src/ap-action/item-modal/index.vue.mjs +34 -0
- package/es/src/ap-action/item-modal/index.vue2.mjs +4 -0
- package/es/src/ap-action/item-popconfirm/index.vue.d.ts +343 -0
- package/es/src/ap-action/item-popconfirm/index.vue.mjs +37 -0
- package/es/src/ap-action/item-popconfirm/index.vue2.mjs +4 -0
- package/es/src/ap-action/style/item-dropdown.css +11 -0
- package/es/src/ap-action/style/item.css +28 -0
- package/es/src/ap-field/date/index.vue.d.ts +1 -1
- package/es/src/ap-field/date-range/index.vue.d.ts +1 -1
- package/es/src/ap-field/interface.d.ts +3 -2
- package/es/src/ap-field/number/index.vue.d.ts +1 -1
- package/es/src/ap-field/select/index.vue.d.ts +1 -1
- package/es/src/ap-field/switch/index.vue.d.ts +1 -1
- package/es/src/ap-field/switch/index.vue.mjs +68 -39
- package/es/src/ap-field/text/index.vue.d.ts +3 -3
- package/es/src/ap-field/text-area/index.vue.d.ts +2 -2
- package/es/src/ap-form/index.d.ts +76 -76
- package/es/src/base-button/index.d.ts +28 -28
- package/es/src/config-provider/config-provider.d.ts +4 -4
- package/es/src/config-provider/index.d.ts +12 -12
- package/es/src/count-down/index.d.ts +12 -12
- package/es/src/cropper/cropper-avatar.vue.d.ts +1 -1
- package/es/src/cropper/cropper-image.vue.d.ts +1 -1
- package/es/src/cropper/index.d.ts +42 -42
- package/es/src/description/description.vue.d.ts +1 -1
- package/es/src/description/index.d.ts +3 -3
- package/es/src/dropdown/dropdown.vue.d.ts +1 -1
- package/es/src/dropdown/index.d.ts +7 -7
- package/es/src/icon/index.d.ts +41 -41
- package/es/src/icon-picker/icon-picker.vue.d.ts +3 -3
- package/es/src/icon-picker/index.d.ts +45 -45
- package/es/src/index.d.ts +1 -0
- package/es/src/index.mjs +98 -88
- package/es/src/modal/basic.vue.d.ts +4 -3
- package/es/src/modal/basic.vue.mjs +53 -49
- package/es/src/modal/components/modal-footer.vue.d.ts +2 -2
- package/es/src/modal/components/modal.d.ts +2 -2
- package/es/src/modal/index.d.ts +10 -11
- package/es/src/modal/index.mjs +2 -3
- package/es/src/modal/props.mjs +1 -1
- package/es/src/modal/style/index.css +29 -30
- package/es/src/pro-form/components/api-radio-group.vue.d.ts +1 -1
- package/es/src/pro-form/components/api-select.vue.d.ts +2 -2
- package/es/src/pro-form/components/api-transfer.vue.d.ts +1 -1
- package/es/src/pro-form/components/api-tree.vue.d.ts +1 -1
- package/es/src/pro-form/hooks/use-label-width.d.ts +8 -8
- package/es/src/pro-form/pro-form.vue.d.ts +1 -1
- package/es/src/strength-meter/index.d.ts +12 -12
- package/es/src/theme/ap-action/item-dropdown.css +11 -0
- package/es/src/theme/ap-action/item.css +28 -0
- package/es/src/theme/modal/index.css +29 -30
- package/lib/index.js +1 -1
- package/lib/src/ap-action/constant.d.ts +0 -0
- package/lib/src/ap-action/group/index.vue.d.ts +38 -0
- package/lib/src/ap-action/group/index.vue.js +1 -0
- package/lib/src/ap-action/group/index.vue2.js +1 -0
- package/lib/src/ap-action/index.d.ts +14 -0
- package/lib/src/ap-action/index.js +1 -0
- package/lib/src/ap-action/interface.d.ts +81 -0
- package/lib/src/ap-action/item/index.vue.d.ts +44 -0
- package/lib/src/ap-action/item/index.vue.js +1 -0
- package/lib/src/ap-action/item/index.vue2.js +1 -0
- package/lib/src/ap-action/item-dropdown/index.vue.d.ts +57 -0
- package/lib/src/ap-action/item-dropdown/index.vue.js +1 -0
- package/lib/src/ap-action/item-dropdown/index.vue2.js +1 -0
- package/lib/src/ap-action/item-modal/index.vue.d.ts +41 -0
- package/lib/src/ap-action/item-modal/index.vue.js +1 -0
- package/lib/src/ap-action/item-modal/index.vue2.js +1 -0
- package/lib/src/ap-action/item-popconfirm/index.vue.d.ts +343 -0
- package/lib/src/ap-action/item-popconfirm/index.vue.js +1 -0
- package/lib/src/ap-action/item-popconfirm/index.vue2.js +1 -0
- package/lib/src/ap-action/style/item-dropdown.css +11 -0
- package/lib/src/ap-action/style/item.css +28 -0
- package/lib/src/ap-field/date/index.vue.d.ts +1 -1
- package/lib/src/ap-field/date-range/index.vue.d.ts +1 -1
- package/lib/src/ap-field/interface.d.ts +3 -2
- package/lib/src/ap-field/number/index.vue.d.ts +1 -1
- package/lib/src/ap-field/select/index.vue.d.ts +1 -1
- package/lib/src/ap-field/switch/index.vue.d.ts +1 -1
- package/lib/src/ap-field/switch/index.vue.js +1 -1
- package/lib/src/ap-field/text/index.vue.d.ts +3 -3
- package/lib/src/ap-field/text-area/index.vue.d.ts +2 -2
- package/lib/src/ap-form/index.d.ts +76 -76
- package/lib/src/base-button/index.d.ts +28 -28
- package/lib/src/config-provider/config-provider.d.ts +4 -4
- package/lib/src/config-provider/index.d.ts +12 -12
- package/lib/src/count-down/index.d.ts +12 -12
- package/lib/src/cropper/cropper-avatar.vue.d.ts +1 -1
- package/lib/src/cropper/cropper-image.vue.d.ts +1 -1
- package/lib/src/cropper/index.d.ts +42 -42
- package/lib/src/description/description.vue.d.ts +1 -1
- package/lib/src/description/index.d.ts +3 -3
- package/lib/src/dropdown/dropdown.vue.d.ts +1 -1
- package/lib/src/dropdown/index.d.ts +7 -7
- package/lib/src/icon/index.d.ts +41 -41
- package/lib/src/icon-picker/icon-picker.vue.d.ts +3 -3
- package/lib/src/icon-picker/index.d.ts +45 -45
- package/lib/src/index.d.ts +1 -0
- package/lib/src/index.js +1 -1
- package/lib/src/modal/basic.vue.d.ts +4 -3
- package/lib/src/modal/basic.vue.js +1 -1
- package/lib/src/modal/components/modal-footer.vue.d.ts +2 -2
- package/lib/src/modal/components/modal.d.ts +2 -2
- package/lib/src/modal/index.d.ts +10 -11
- package/lib/src/modal/index.js +1 -1
- package/lib/src/modal/props.js +1 -1
- package/lib/src/modal/style/index.css +29 -30
- package/lib/src/pro-form/components/api-radio-group.vue.d.ts +1 -1
- package/lib/src/pro-form/components/api-select.vue.d.ts +2 -2
- package/lib/src/pro-form/components/api-transfer.vue.d.ts +1 -1
- package/lib/src/pro-form/components/api-tree.vue.d.ts +1 -1
- package/lib/src/pro-form/hooks/use-label-width.d.ts +8 -8
- package/lib/src/pro-form/pro-form.vue.d.ts +1 -1
- package/lib/src/strength-meter/index.d.ts +12 -12
- package/lib/src/theme/ap-action/item-dropdown.css +11 -0
- package/lib/src/theme/ap-action/item.css +28 -0
- package/lib/src/theme/modal/index.css +29 -30
- package/package.json +3 -3
|
@@ -4,6 +4,7 @@ import { ButtonType, ButtonShape, ButtonSize } from 'ant-design-vue/es/button';
|
|
|
4
4
|
import { ButtonHTMLType } from 'ant-design-vue/es/button/buttonTypes';
|
|
5
5
|
import { VueTypeValidableDef } from '../../node_modules/vue-types';
|
|
6
6
|
import { MouseEventHandler } from 'ant-design-vue/es/_util/EventInterface';
|
|
7
|
+
|
|
7
8
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
|
|
8
9
|
open: {
|
|
9
10
|
type: BooleanConstructor;
|
|
@@ -427,9 +428,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
|
|
|
427
428
|
type: NumberConstructor;
|
|
428
429
|
};
|
|
429
430
|
}>> & {
|
|
431
|
+
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
430
432
|
onOk?: ((...args: any[]) => any) | undefined;
|
|
431
433
|
onCancel?: ((...args: any[]) => any) | undefined;
|
|
432
|
-
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
433
434
|
"onHeight-change"?: ((...args: any[]) => any) | undefined;
|
|
434
435
|
onFullscreen?: ((...args: any[]) => any) | undefined;
|
|
435
436
|
"onOpen-change"?: ((...args: any[]) => any) | undefined;
|
|
@@ -437,12 +438,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
|
|
|
437
438
|
}, {
|
|
438
439
|
loading: boolean;
|
|
439
440
|
open: boolean;
|
|
440
|
-
keyboard: boolean;
|
|
441
|
-
mask: boolean;
|
|
442
441
|
closable: boolean;
|
|
443
442
|
centered: boolean;
|
|
444
443
|
okType: "danger" | ButtonType;
|
|
444
|
+
mask: boolean;
|
|
445
445
|
maskClosable: boolean;
|
|
446
|
+
keyboard: boolean;
|
|
446
447
|
confirmLoading: boolean;
|
|
447
448
|
destroyOnClose: boolean;
|
|
448
449
|
draggable: boolean;
|
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { basicProps as
|
|
8
|
-
import { useFullScreen as
|
|
1
|
+
import { defineComponent as q, useAttrs as G, ref as m, getCurrentInstance as J, computed as d, unref as o, toRef as K, watchEffect as Q, watch as U, nextTick as S, openBlock as X, createBlock as Y, mergeProps as H, createSlots as O, withCtx as s, createVNode as h, renderSlot as $, renderList as R, normalizeProps as N, guardReactiveProps as y } from "vue";
|
|
2
|
+
import Z from "./components/modal.mjs";
|
|
3
|
+
import x from "./components/modal-wrapper.vue.mjs";
|
|
4
|
+
import ee from "./components/modal-close.vue.mjs";
|
|
5
|
+
import oe from "./components/modal-footer.vue.mjs";
|
|
6
|
+
import te from "./components/modal-header.vue.mjs";
|
|
7
|
+
import { basicProps as ne } from "./props.mjs";
|
|
8
|
+
import { useFullScreen as le } from "./hooks/use-moda-full-screen.mjs";
|
|
9
9
|
import { omit as g } from "lodash-unified";
|
|
10
|
-
import { deepMerge as
|
|
11
|
-
import { isFunction as
|
|
10
|
+
import { deepMerge as ae } from "@aplus-frontend/utils";
|
|
11
|
+
import { isFunction as re } from "@fruits-chain/utils";
|
|
12
12
|
import "../config-provider/index.mjs";
|
|
13
|
-
import
|
|
14
|
-
|
|
13
|
+
import "./style/index.css";
|
|
14
|
+
import { useNamespace as se } from "../config-provider/hooks/use-namespace.mjs";
|
|
15
|
+
const $e = /* @__PURE__ */ q({
|
|
15
16
|
name: "BasicModal",
|
|
16
17
|
inheritAttrs: !1,
|
|
17
18
|
__name: "basic",
|
|
18
|
-
props:
|
|
19
|
+
props: ne,
|
|
19
20
|
emits: [
|
|
20
21
|
"open-change",
|
|
21
22
|
"height-change",
|
|
@@ -26,27 +27,27 @@ const ke = /* @__PURE__ */ z({
|
|
|
26
27
|
"fullscreen"
|
|
27
28
|
],
|
|
28
29
|
setup(W, { emit: _ }) {
|
|
29
|
-
const t = W, r = _, B =
|
|
30
|
-
setModalProps:
|
|
30
|
+
const t = W, r = _, B = G(), n = m(!1), v = m(null), i = m(null), { b: T, bm: I } = se("basic-modal"), w = m(0), F = {
|
|
31
|
+
setModalProps: A,
|
|
31
32
|
emitOpen: void 0,
|
|
32
33
|
redoModalHeight: () => {
|
|
33
|
-
|
|
34
|
+
S(() => {
|
|
34
35
|
o(i) && o(i).setModalHeight();
|
|
35
36
|
});
|
|
36
37
|
}
|
|
37
|
-
}, f =
|
|
38
|
+
}, f = J();
|
|
38
39
|
f && r("register", F, f.uid);
|
|
39
40
|
const p = d(() => ({
|
|
40
41
|
...t,
|
|
41
42
|
...o(v)
|
|
42
43
|
})), {
|
|
43
|
-
handleFullScreen:
|
|
44
|
+
handleFullScreen: E,
|
|
44
45
|
getWrapClassName: P,
|
|
45
46
|
fullScreenRef: c
|
|
46
|
-
} =
|
|
47
|
+
} = le({
|
|
47
48
|
modalWrapperRef: i,
|
|
48
49
|
extHeightRef: w,
|
|
49
|
-
wrapClassName:
|
|
50
|
+
wrapClassName: K(p.value, "wrapClassName")
|
|
50
51
|
}), l = d(() => ({
|
|
51
52
|
...{
|
|
52
53
|
...o(p),
|
|
@@ -56,23 +57,23 @@ const ke = /* @__PURE__ */ z({
|
|
|
56
57
|
title: void 0
|
|
57
58
|
},
|
|
58
59
|
wrapClassName: o(P)
|
|
59
|
-
})),
|
|
60
|
+
})), b = d(() => {
|
|
60
61
|
const e = {
|
|
61
62
|
...B,
|
|
62
63
|
...o(p),
|
|
63
64
|
open: o(n)
|
|
64
65
|
};
|
|
65
66
|
return e.wrapClassName = `${(e == null ? void 0 : e.wrapClassName) || ""} ${o(P)}vben-basic-modal-wrap`, o(c) ? g(e, ["height", "title"]) : g(e, "title");
|
|
66
|
-
}),
|
|
67
|
+
}), j = d(() => {
|
|
67
68
|
if (!o(c))
|
|
68
69
|
return o(l).height;
|
|
69
70
|
});
|
|
70
|
-
|
|
71
|
+
Q(() => {
|
|
71
72
|
n.value = !!t.open, c.value = !!t.defaultFullscreen;
|
|
72
|
-
}),
|
|
73
|
+
}), U(
|
|
73
74
|
() => o(n),
|
|
74
75
|
(e) => {
|
|
75
|
-
r("open-change", e), r("update:open", e), f && F.emitOpen && F.emitOpen(e, f.uid),
|
|
76
|
+
r("open-change", e), r("update:open", e), f && F.emitOpen && F.emitOpen(e, f.uid), S(() => {
|
|
76
77
|
t.scrollTop && e && o(i) && o(i).scrollTop();
|
|
77
78
|
});
|
|
78
79
|
},
|
|
@@ -82,8 +83,8 @@ const ke = /* @__PURE__ */ z({
|
|
|
82
83
|
);
|
|
83
84
|
async function C(e) {
|
|
84
85
|
var k, a;
|
|
85
|
-
if (e == null || e.stopPropagation(), !((a = (k = e.target) == null ? void 0 : k.classList) != null && a.contains(
|
|
86
|
-
if (t.closeFunc &&
|
|
86
|
+
if (e == null || e.stopPropagation(), !((a = (k = e.target) == null ? void 0 : k.classList) != null && a.contains(I("close", "custom")))) {
|
|
87
|
+
if (t.closeFunc && re(t.closeFunc)) {
|
|
87
88
|
const u = await t.closeFunc();
|
|
88
89
|
n.value = !u;
|
|
89
90
|
return;
|
|
@@ -91,27 +92,30 @@ const ke = /* @__PURE__ */ z({
|
|
|
91
92
|
n.value = !1, r("cancel", e);
|
|
92
93
|
}
|
|
93
94
|
}
|
|
94
|
-
function j(e) {
|
|
95
|
-
v.value = le(o(v) || {}, e), Reflect.has(e, "open") && (n.value = !!e.open), Reflect.has(e, "defaultFullscreen") && (c.value = !!e.defaultFullscreen);
|
|
96
|
-
}
|
|
97
95
|
function A(e) {
|
|
98
|
-
|
|
96
|
+
v.value = ae(o(v) || {}, e), Reflect.has(e, "open") && (n.value = !!e.open), Reflect.has(e, "defaultFullscreen") && (c.value = !!e.defaultFullscreen);
|
|
99
97
|
}
|
|
100
98
|
function D(e) {
|
|
101
|
-
r("
|
|
99
|
+
r("ok", e);
|
|
102
100
|
}
|
|
103
101
|
function L(e) {
|
|
104
|
-
|
|
102
|
+
r("height-change", e);
|
|
105
103
|
}
|
|
106
104
|
function V(e) {
|
|
107
|
-
|
|
105
|
+
w.value = e;
|
|
106
|
+
}
|
|
107
|
+
function z(e) {
|
|
108
|
+
t.canFullscreen && (e.stopPropagation(), M(e));
|
|
108
109
|
}
|
|
109
|
-
function
|
|
110
|
-
|
|
110
|
+
function M(e) {
|
|
111
|
+
E(e), r("fullscreen");
|
|
111
112
|
}
|
|
112
|
-
return (e, k) => (
|
|
113
|
+
return (e, k) => (X(), Y(o(Z), H(b.value, {
|
|
114
|
+
onCancel: C,
|
|
115
|
+
class: o(T)()
|
|
116
|
+
}), O({
|
|
113
117
|
default: s(() => [
|
|
114
|
-
h(
|
|
118
|
+
h(x, H(
|
|
115
119
|
{
|
|
116
120
|
useWrapper: l.value.useWrapper,
|
|
117
121
|
footerOffset: e.wrapperFooterOffset,
|
|
@@ -121,14 +125,14 @@ const ke = /* @__PURE__ */ z({
|
|
|
121
125
|
loading: l.value.loading,
|
|
122
126
|
"loading-tip": l.value.loadingTip,
|
|
123
127
|
minHeight: l.value.minHeight,
|
|
124
|
-
height:
|
|
128
|
+
height: j.value,
|
|
125
129
|
open: n.value,
|
|
126
130
|
modalFooterHeight: e.footer !== void 0 && !e.footer ? 0 : void 0
|
|
127
131
|
},
|
|
128
132
|
o(g)(l.value.wrapperProps, "open", "height", "modalFooterHeight"),
|
|
129
133
|
{
|
|
130
|
-
onExtHeight:
|
|
131
|
-
onHeightChange:
|
|
134
|
+
onExtHeight: V,
|
|
135
|
+
onHeightChange: L
|
|
132
136
|
}
|
|
133
137
|
), {
|
|
134
138
|
default: s(() => [
|
|
@@ -142,11 +146,11 @@ const ke = /* @__PURE__ */ z({
|
|
|
142
146
|
e.$slots.closeIcon ? void 0 : {
|
|
143
147
|
name: "closeIcon",
|
|
144
148
|
fn: s(() => [
|
|
145
|
-
h(
|
|
149
|
+
h(ee, {
|
|
146
150
|
canFullscreen: l.value.canFullscreen,
|
|
147
151
|
fullScreen: o(c),
|
|
148
152
|
onCancel: C,
|
|
149
|
-
onFullscreen:
|
|
153
|
+
onFullscreen: M
|
|
150
154
|
}, null, 8, ["canFullscreen", "fullScreen"])
|
|
151
155
|
]),
|
|
152
156
|
key: "0"
|
|
@@ -154,10 +158,10 @@ const ke = /* @__PURE__ */ z({
|
|
|
154
158
|
e.$slots.title ? void 0 : {
|
|
155
159
|
name: "title",
|
|
156
160
|
fn: s(() => [
|
|
157
|
-
h(
|
|
161
|
+
h(te, {
|
|
158
162
|
helpMessage: l.value.helpMessage,
|
|
159
163
|
title: p.value.title,
|
|
160
|
-
onDblclick:
|
|
164
|
+
onDblclick: z
|
|
161
165
|
}, null, 8, ["helpMessage", "title"])
|
|
162
166
|
]),
|
|
163
167
|
key: "1"
|
|
@@ -165,8 +169,8 @@ const ke = /* @__PURE__ */ z({
|
|
|
165
169
|
e.$slots.footer ? void 0 : {
|
|
166
170
|
name: "footer",
|
|
167
171
|
fn: s(() => [
|
|
168
|
-
h(
|
|
169
|
-
onOk:
|
|
172
|
+
h(oe, H(b.value, {
|
|
173
|
+
onOk: D,
|
|
170
174
|
onCancel: C
|
|
171
175
|
}), O({ _: 2 }, [
|
|
172
176
|
R(Object.keys(e.$slots), (a) => ({
|
|
@@ -185,9 +189,9 @@ const ke = /* @__PURE__ */ z({
|
|
|
185
189
|
$(e.$slots, a, N(y(u || {})))
|
|
186
190
|
])
|
|
187
191
|
}))
|
|
188
|
-
]), 1040));
|
|
192
|
+
]), 1040, ["class"]));
|
|
189
193
|
}
|
|
190
194
|
});
|
|
191
195
|
export {
|
|
192
|
-
|
|
196
|
+
$e as default
|
|
193
197
|
};
|
|
@@ -428,12 +428,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
|
|
|
428
428
|
}, {
|
|
429
429
|
loading: boolean;
|
|
430
430
|
open: boolean;
|
|
431
|
-
keyboard: boolean;
|
|
432
|
-
mask: boolean;
|
|
433
431
|
closable: boolean;
|
|
434
432
|
centered: boolean;
|
|
435
433
|
okType: "danger" | ButtonType;
|
|
434
|
+
mask: boolean;
|
|
436
435
|
maskClosable: boolean;
|
|
436
|
+
keyboard: boolean;
|
|
437
437
|
confirmLoading: boolean;
|
|
438
438
|
destroyOnClose: boolean;
|
|
439
439
|
draggable: boolean;
|
|
@@ -423,12 +423,12 @@ declare const _default: DefineComponent<{
|
|
|
423
423
|
}, {
|
|
424
424
|
loading: boolean;
|
|
425
425
|
open: boolean;
|
|
426
|
-
keyboard: boolean;
|
|
427
|
-
mask: boolean;
|
|
428
426
|
closable: boolean;
|
|
429
427
|
centered: boolean;
|
|
430
428
|
okType: "danger" | ButtonType;
|
|
429
|
+
mask: boolean;
|
|
431
430
|
maskClosable: boolean;
|
|
431
|
+
keyboard: boolean;
|
|
432
432
|
confirmLoading: boolean;
|
|
433
433
|
destroyOnClose: boolean;
|
|
434
434
|
draggable: boolean;
|
package/es/src/modal/index.d.ts
CHANGED
|
@@ -4,7 +4,6 @@ import { ButtonType, ButtonShape, ButtonSize } from 'ant-design-vue/es/button';
|
|
|
4
4
|
import { ButtonHTMLType } from 'ant-design-vue/es/button/buttonTypes';
|
|
5
5
|
import { VueTypeValidableDef } from '../../node_modules/vue-types';
|
|
6
6
|
import { MouseEventHandler } from 'ant-design-vue/es/_util/EventInterface';
|
|
7
|
-
|
|
8
7
|
export declare const BaseModal: {
|
|
9
8
|
new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
|
|
10
9
|
open: {
|
|
@@ -214,9 +213,9 @@ export declare const BaseModal: {
|
|
|
214
213
|
type: NumberConstructor;
|
|
215
214
|
};
|
|
216
215
|
}>> & {
|
|
216
|
+
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
217
217
|
onOk?: ((...args: any[]) => any) | undefined;
|
|
218
218
|
onCancel?: ((...args: any[]) => any) | undefined;
|
|
219
|
-
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
220
219
|
"onHeight-change"?: ((...args: any[]) => any) | undefined;
|
|
221
220
|
onFullscreen?: ((...args: any[]) => any) | undefined;
|
|
222
221
|
"onOpen-change"?: ((...args: any[]) => any) | undefined;
|
|
@@ -437,9 +436,9 @@ export declare const BaseModal: {
|
|
|
437
436
|
type: NumberConstructor;
|
|
438
437
|
};
|
|
439
438
|
}>> & {
|
|
439
|
+
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
440
440
|
onOk?: ((...args: any[]) => any) | undefined;
|
|
441
441
|
onCancel?: ((...args: any[]) => any) | undefined;
|
|
442
|
-
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
443
442
|
"onHeight-change"?: ((...args: any[]) => any) | undefined;
|
|
444
443
|
onFullscreen?: ((...args: any[]) => any) | undefined;
|
|
445
444
|
"onOpen-change"?: ((...args: any[]) => any) | undefined;
|
|
@@ -447,12 +446,12 @@ export declare const BaseModal: {
|
|
|
447
446
|
}, {
|
|
448
447
|
loading: boolean;
|
|
449
448
|
open: boolean;
|
|
450
|
-
keyboard: boolean;
|
|
451
|
-
mask: boolean;
|
|
452
449
|
closable: boolean;
|
|
453
450
|
centered: boolean;
|
|
454
451
|
okType: "danger" | ButtonType;
|
|
452
|
+
mask: boolean;
|
|
455
453
|
maskClosable: boolean;
|
|
454
|
+
keyboard: boolean;
|
|
456
455
|
confirmLoading: boolean;
|
|
457
456
|
destroyOnClose: boolean;
|
|
458
457
|
draggable: boolean;
|
|
@@ -678,9 +677,9 @@ export declare const BaseModal: {
|
|
|
678
677
|
type: NumberConstructor;
|
|
679
678
|
};
|
|
680
679
|
}>> & {
|
|
680
|
+
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
681
681
|
onOk?: ((...args: any[]) => any) | undefined;
|
|
682
682
|
onCancel?: ((...args: any[]) => any) | undefined;
|
|
683
|
-
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
684
683
|
"onHeight-change"?: ((...args: any[]) => any) | undefined;
|
|
685
684
|
onFullscreen?: ((...args: any[]) => any) | undefined;
|
|
686
685
|
"onOpen-change"?: ((...args: any[]) => any) | undefined;
|
|
@@ -688,12 +687,12 @@ export declare const BaseModal: {
|
|
|
688
687
|
}, {}, {}, {}, {}, {
|
|
689
688
|
loading: boolean;
|
|
690
689
|
open: boolean;
|
|
691
|
-
keyboard: boolean;
|
|
692
|
-
mask: boolean;
|
|
693
690
|
closable: boolean;
|
|
694
691
|
centered: boolean;
|
|
695
692
|
okType: "danger" | ButtonType;
|
|
693
|
+
mask: boolean;
|
|
696
694
|
maskClosable: boolean;
|
|
695
|
+
keyboard: boolean;
|
|
697
696
|
confirmLoading: boolean;
|
|
698
697
|
destroyOnClose: boolean;
|
|
699
698
|
draggable: boolean;
|
|
@@ -916,9 +915,9 @@ export declare const BaseModal: {
|
|
|
916
915
|
type: NumberConstructor;
|
|
917
916
|
};
|
|
918
917
|
}>> & {
|
|
918
|
+
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
919
919
|
onOk?: ((...args: any[]) => any) | undefined;
|
|
920
920
|
onCancel?: ((...args: any[]) => any) | undefined;
|
|
921
|
-
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
922
921
|
"onHeight-change"?: ((...args: any[]) => any) | undefined;
|
|
923
922
|
onFullscreen?: ((...args: any[]) => any) | undefined;
|
|
924
923
|
"onOpen-change"?: ((...args: any[]) => any) | undefined;
|
|
@@ -934,12 +933,12 @@ export declare const BaseModal: {
|
|
|
934
933
|
}, string, {
|
|
935
934
|
loading: boolean;
|
|
936
935
|
open: boolean;
|
|
937
|
-
keyboard: boolean;
|
|
938
|
-
mask: boolean;
|
|
939
936
|
closable: boolean;
|
|
940
937
|
centered: boolean;
|
|
941
938
|
okType: "danger" | ButtonType;
|
|
939
|
+
mask: boolean;
|
|
942
940
|
maskClosable: boolean;
|
|
941
|
+
keyboard: boolean;
|
|
943
942
|
confirmLoading: boolean;
|
|
944
943
|
destroyOnClose: boolean;
|
|
945
944
|
draggable: boolean;
|
package/es/src/modal/index.mjs
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { withInstall as o } from "@aplus-frontend/utils";
|
|
2
|
-
import "./style/index.css";
|
|
3
2
|
import r from "./basic.vue.mjs";
|
|
4
3
|
import "@aplus-frontend/hooks";
|
|
5
4
|
import { useModal as l, useModalInner as n } from "./hooks/use-modal.mjs";
|
|
6
|
-
const
|
|
5
|
+
const e = o(r);
|
|
7
6
|
export {
|
|
8
|
-
|
|
7
|
+
e as BaseModal,
|
|
9
8
|
l as useModal,
|
|
10
9
|
n as useModalInner
|
|
11
10
|
};
|
package/es/src/modal/props.mjs
CHANGED
|
@@ -12,7 +12,7 @@ const e = {
|
|
|
12
12
|
}, t = Object.assign({}, e, {
|
|
13
13
|
defaultFullscreen: { type: Boolean },
|
|
14
14
|
// Can it be full screen
|
|
15
|
-
canFullscreen: { type: Boolean, default: !
|
|
15
|
+
canFullscreen: { type: Boolean, default: !1 },
|
|
16
16
|
// After enabling the wrapper, the bottom can be increased in height
|
|
17
17
|
wrapperFooterOffset: { type: Number, default: 0 },
|
|
18
18
|
// Warm reminder message
|
|
@@ -14,48 +14,50 @@
|
|
|
14
14
|
.fullscreen-modal .ant-modal-footer {
|
|
15
15
|
margin-top: 0;
|
|
16
16
|
}
|
|
17
|
-
.
|
|
17
|
+
.aplus-basic-modal {
|
|
18
18
|
width: 520px;
|
|
19
19
|
padding-bottom: 0;
|
|
20
20
|
}
|
|
21
|
-
.
|
|
22
|
-
padding:
|
|
21
|
+
.aplus-basic-modal .ant-modal-body > .aplus-scrollbar {
|
|
22
|
+
padding: 20px;
|
|
23
|
+
padding-bottom: 0;
|
|
23
24
|
}
|
|
24
|
-
.ant-modal-title {
|
|
25
|
+
.aplus-basic-modal .ant-modal-title {
|
|
25
26
|
font-size: 16px;
|
|
26
27
|
font-weight: bold;
|
|
27
28
|
}
|
|
28
|
-
.ant-modal-title .
|
|
29
|
+
.aplus-basic-modal .ant-modal-title .aplus-basic-title {
|
|
29
30
|
cursor: move !important;
|
|
31
|
+
padding-left: 0;
|
|
30
32
|
}
|
|
31
|
-
.
|
|
33
|
+
.aplus-basic-modal .ant-modal-body {
|
|
32
34
|
padding: 0;
|
|
33
35
|
}
|
|
34
|
-
.
|
|
36
|
+
.aplus-basic-modal .ant-modal-body > .aplus-scrollbar > .aplus-scrollbar__bar.is-horizontal {
|
|
35
37
|
display: none;
|
|
36
38
|
}
|
|
37
|
-
.ant-modal-large {
|
|
39
|
+
.aplus-basic-modal .ant-modal-large {
|
|
38
40
|
top: 60px;
|
|
39
41
|
}
|
|
40
|
-
.ant-modal-large--mini {
|
|
42
|
+
.aplus-basic-modal .ant-modal-large .ant-modal--mini {
|
|
41
43
|
top: 16px;
|
|
42
44
|
}
|
|
43
|
-
.ant-modal-header {
|
|
44
|
-
padding:
|
|
45
|
+
.aplus-basic-modal .ant-modal-header {
|
|
46
|
+
padding: 15px 20px;
|
|
47
|
+
margin-bottom: 0;
|
|
45
48
|
border-bottom: 1px solid #eee;
|
|
46
49
|
}
|
|
47
|
-
.ant-modal-content {
|
|
50
|
+
.aplus-basic-modal .ant-modal-content {
|
|
48
51
|
padding: 0 !important;
|
|
49
|
-
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 #000000;
|
|
50
52
|
}
|
|
51
|
-
.ant-modal-footer {
|
|
52
|
-
padding:
|
|
53
|
-
|
|
53
|
+
.aplus-basic-modal .ant-modal-footer {
|
|
54
|
+
padding: 20px;
|
|
55
|
+
margin-top: 0;
|
|
54
56
|
}
|
|
55
|
-
.ant-modal-footer button + button {
|
|
57
|
+
.aplus-basic-modal .ant-modal-footer button + button {
|
|
56
58
|
margin-left: 10px;
|
|
57
59
|
}
|
|
58
|
-
.ant-modal-close {
|
|
60
|
+
.aplus-basic-modal .ant-modal-close {
|
|
59
61
|
top: 0 !important;
|
|
60
62
|
right: 0 !important;
|
|
61
63
|
width: auto !important;
|
|
@@ -63,41 +65,38 @@
|
|
|
63
65
|
background: transparent !important;
|
|
64
66
|
font-weight: normal;
|
|
65
67
|
}
|
|
66
|
-
.ant-modal-close-x {
|
|
68
|
+
.aplus-basic-modal .ant-modal-close-x {
|
|
67
69
|
display: inline-block;
|
|
68
70
|
width: 96px;
|
|
69
71
|
height: 56px;
|
|
70
72
|
line-height: 56px !important;
|
|
71
73
|
}
|
|
72
|
-
.ant-modal-confirm-body .ant-modal-confirm-content > * {
|
|
74
|
+
.aplus-basic-modal .ant-modal-confirm-body .ant-modal-confirm-content > * {
|
|
73
75
|
color: #909399;
|
|
74
76
|
}
|
|
75
|
-
.ant-modal-confirm-confirm.error .ant-modal-confirm-body > .anticon {
|
|
77
|
+
.aplus-basic-modal .ant-modal-confirm-confirm.error .ant-modal-confirm-body > .anticon {
|
|
76
78
|
color: #ed6f6f;
|
|
77
79
|
}
|
|
78
|
-
.ant-modal-confirm-btns .ant-btn:last-child {
|
|
80
|
+
.aplus-basic-modal .ant-modal-confirm-btns .ant-btn:last-child {
|
|
79
81
|
margin-right: 0;
|
|
80
82
|
}
|
|
81
|
-
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
|
|
83
|
+
.aplus-basic-modal .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
|
|
82
84
|
color: #efbd47;
|
|
83
85
|
}
|
|
84
|
-
.ant-modal-confirm-confirm.success .ant-modal-confirm-body > .anticon {
|
|
86
|
+
.aplus-basic-modal .ant-modal-confirm-confirm.success .ant-modal-confirm-body > .anticon {
|
|
85
87
|
color: #34b77c;
|
|
86
88
|
}
|
|
87
|
-
|
|
88
|
-
padding: 24px !important;
|
|
89
|
-
}
|
|
90
|
-
@media screen and (max-height: 600px) {
|
|
89
|
+
@media screen and (height <= 600px) {
|
|
91
90
|
.ant-modal {
|
|
92
91
|
top: 60px;
|
|
93
92
|
}
|
|
94
93
|
}
|
|
95
|
-
@media screen and (
|
|
94
|
+
@media screen and (height <= 540px) {
|
|
96
95
|
.ant-modal {
|
|
97
96
|
top: 30px;
|
|
98
97
|
}
|
|
99
98
|
}
|
|
100
|
-
@media screen and (
|
|
99
|
+
@media screen and (height <= 480px) {
|
|
101
100
|
.ant-modal {
|
|
102
101
|
top: 10px;
|
|
103
102
|
}
|
|
@@ -21,8 +21,8 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
|
|
|
21
21
|
immediate: boolean;
|
|
22
22
|
}>>> & {
|
|
23
23
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
24
|
-
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
25
24
|
"onOptions-change"?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
26
26
|
}, {
|
|
27
27
|
immediate: boolean;
|
|
28
28
|
params: string | Record<string, any>;
|
|
@@ -37,11 +37,11 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
37
37
|
options: () => never[];
|
|
38
38
|
}>>> & {
|
|
39
39
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
40
|
-
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
41
40
|
"onOptions-change"?: ((...args: any[]) => any) | undefined;
|
|
41
|
+
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
42
42
|
}, {
|
|
43
|
-
options: ApiSelectOption[];
|
|
44
43
|
immediate: boolean;
|
|
44
|
+
options: ApiSelectOption[];
|
|
45
45
|
params: Record<string, any>;
|
|
46
46
|
resultField: string;
|
|
47
47
|
labelField: string;
|
|
@@ -27,12 +27,12 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
|
|
|
27
27
|
"onOptions-change"?: ((...args: any[]) => any) | undefined;
|
|
28
28
|
}, {
|
|
29
29
|
disabled: boolean;
|
|
30
|
-
showSearch: boolean;
|
|
31
30
|
immediate: boolean;
|
|
32
31
|
resultField: string;
|
|
33
32
|
labelField: string;
|
|
34
33
|
valueField: string;
|
|
35
34
|
alwaysLoad: boolean;
|
|
35
|
+
showSearch: boolean;
|
|
36
36
|
showSelectAll: boolean;
|
|
37
37
|
}, {}>;
|
|
38
38
|
export default _default;
|
|
@@ -14,8 +14,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
14
14
|
resultField: string;
|
|
15
15
|
}>>> & {
|
|
16
16
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
17
|
-
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
18
17
|
"onOptions-change"?: ((...args: any[]) => any) | undefined;
|
|
18
|
+
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
19
19
|
}, {
|
|
20
20
|
immediate: boolean;
|
|
21
21
|
resultField: string;
|
|
@@ -96,10 +96,10 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
|
|
|
96
96
|
offset: string | number;
|
|
97
97
|
} | ColSize | undefined;
|
|
98
98
|
prefixCls?: string | undefined;
|
|
99
|
-
order?: (string | number) | undefined;
|
|
100
99
|
span?: (string | number) | undefined;
|
|
101
100
|
push?: (string | number) | undefined;
|
|
102
101
|
flex?: (string | number) | undefined;
|
|
102
|
+
order?: (string | number) | undefined;
|
|
103
103
|
offset?: (string | number) | undefined;
|
|
104
104
|
pull?: (string | number) | undefined;
|
|
105
105
|
innerHTML?: string | undefined;
|
|
@@ -110,7 +110,7 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
|
|
|
110
110
|
contextmenu?: string | undefined;
|
|
111
111
|
dir?: string | undefined;
|
|
112
112
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
113
|
-
hidden?: "" |
|
|
113
|
+
hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
|
|
114
114
|
id?: string | undefined;
|
|
115
115
|
inert?: (boolean | "true" | "false") | undefined;
|
|
116
116
|
lang?: string | undefined;
|
|
@@ -141,27 +141,27 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
|
|
|
141
141
|
results?: (string | number) | undefined;
|
|
142
142
|
security?: string | undefined;
|
|
143
143
|
unselectable?: "on" | "off" | undefined;
|
|
144
|
-
inputmode?: "text" | "search" | "
|
|
144
|
+
inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
145
145
|
is?: string | undefined;
|
|
146
146
|
'aria-activedescendant'?: string | undefined;
|
|
147
147
|
'aria-atomic'?: (boolean | "true" | "false") | undefined;
|
|
148
|
-
'aria-autocomplete'?: "
|
|
148
|
+
'aria-autocomplete'?: "inline" | "none" | "both" | "list" | undefined;
|
|
149
149
|
'aria-busy'?: (boolean | "true" | "false") | undefined;
|
|
150
150
|
'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
|
|
151
151
|
'aria-colcount'?: (string | number) | undefined;
|
|
152
152
|
'aria-colindex'?: (string | number) | undefined;
|
|
153
153
|
'aria-colspan'?: (string | number) | undefined;
|
|
154
154
|
'aria-controls'?: string | undefined;
|
|
155
|
-
'aria-current'?: "time" | "date" |
|
|
155
|
+
'aria-current'?: "time" | "date" | (boolean | "true" | "false") | "page" | "step" | "location" | undefined;
|
|
156
156
|
'aria-describedby'?: string | undefined;
|
|
157
157
|
'aria-details'?: string | undefined;
|
|
158
158
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
159
|
-
'aria-dropeffect'?: "
|
|
159
|
+
'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
160
160
|
'aria-errormessage'?: string | undefined;
|
|
161
161
|
'aria-expanded'?: (boolean | "true" | "false") | undefined;
|
|
162
162
|
'aria-flowto'?: string | undefined;
|
|
163
163
|
'aria-grabbed'?: (boolean | "true" | "false") | undefined;
|
|
164
|
-
'aria-haspopup'?: "
|
|
164
|
+
'aria-haspopup'?: "menu" | "dialog" | (boolean | "true" | "false") | "grid" | "listbox" | "tree" | undefined;
|
|
165
165
|
'aria-hidden'?: (boolean | "true" | "false") | undefined;
|
|
166
166
|
'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
|
|
167
167
|
'aria-keyshortcuts'?: string | undefined;
|
|
@@ -301,10 +301,10 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
|
|
|
301
301
|
offset: string | number;
|
|
302
302
|
} | ColSize | undefined;
|
|
303
303
|
prefixCls?: string | undefined;
|
|
304
|
-
order?: (string | number) | undefined;
|
|
305
304
|
span?: (string | number) | undefined;
|
|
306
305
|
push?: (string | number) | undefined;
|
|
307
306
|
flex?: (string | number) | undefined;
|
|
307
|
+
order?: (string | number) | undefined;
|
|
308
308
|
offset?: (string | number) | undefined;
|
|
309
309
|
pull?: (string | number) | undefined;
|
|
310
310
|
style: any;
|
|
@@ -66,7 +66,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
66
66
|
"onAdvanced-change"?: ((...args: any[]) => any) | undefined;
|
|
67
67
|
"onField-value-change"?: ((...args: any[]) => any) | undefined;
|
|
68
68
|
}, {
|
|
69
|
-
size: "
|
|
69
|
+
size: "default" | "small" | "large";
|
|
70
70
|
layout: "inline" | "horizontal" | "vertical";
|
|
71
71
|
labelWidth: string | number;
|
|
72
72
|
rulesMessageJoinLabel: boolean;
|