@web-utils/form-ui 1.0.0-beta16 → 1.0.0-beta18
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/base.css +1 -1
- package/chunks/53gSZ624.mjs +41 -0
- package/chunks/7Desvoh-.mjs +222 -0
- package/chunks/7vQ29mMd.mjs +53 -0
- package/chunks/8ORg8rrN.mjs +108 -0
- package/chunks/B4LDPAZu.mjs +98 -0
- package/chunks/B5B9au3z.mjs +180 -0
- package/chunks/BVzpe2oN.mjs +76 -0
- package/chunks/Bb5BT11-.mjs +26 -0
- package/chunks/Bh_CMUlo.mjs +12 -0
- package/chunks/Bj5l6sFx.mjs +73 -0
- package/chunks/BsbfEk0E.mjs +26 -0
- package/chunks/C1DlzLpD.mjs +222 -0
- package/chunks/CFwUzdTu.mjs +95 -0
- package/chunks/CKw_uzPc.mjs +108 -0
- package/chunks/D2WviyxF.mjs +166 -0
- package/chunks/D9GcEl6r.mjs +8 -0
- package/chunks/DCKxvrCR.mjs +189 -0
- package/chunks/DH1_fmkX.mjs +26 -0
- package/chunks/DUDm42gn.mjs +100 -0
- package/chunks/DgbDpRQg.mjs +51 -0
- package/chunks/DkqF25wT.mjs +106 -0
- package/chunks/DynLjTwi.mjs +17 -0
- package/chunks/Q9EsFJ4H.mjs +88 -0
- package/chunks/wfL1FAwc.mjs +1360 -0
- package/constants.d.ts +26 -1
- package/constants.mjs +2 -2
- package/element-dialog/index.d.ts +58 -15
- package/element-dialog/index.mjs +2 -94
- package/form-cascader/index.d.ts +2 -0
- package/form-cascader/index.mjs +10 -0
- package/form-check-box-group/index.d.ts +196 -22
- package/form-check-box-group/index.mjs +1 -1
- package/form-checkbox/index.d.ts +188 -24
- package/form-checkbox/index.mjs +1 -1
- package/form-date-picker/index.d.ts +307 -20
- package/form-date-picker/index.mjs +1 -1
- package/form-holder/index.d.ts +92 -21
- package/form-holder/index.mjs +1 -1
- package/form-holder/style.css +1 -1
- package/form-image/index.d.ts +138 -20
- package/form-image/index.mjs +1 -1
- package/form-input/index.d.ts +281 -40
- package/form-input/index.mjs +1 -1
- package/form-input-cron-expression/index.d.ts +215 -0
- package/form-input-cron-expression/index.mjs +2 -0
- package/form-input-cron-expression/style.css +1 -0
- package/form-input-email/index.d.ts +279 -21
- package/form-input-email/index.mjs +1 -1
- package/form-input-id-card/index.d.ts +279 -21
- package/form-input-id-card/index.mjs +1 -1
- package/form-input-number/index.d.ts +228 -24
- package/form-input-number/index.mjs +1 -1
- package/form-input-phone-number/index.d.ts +279 -21
- package/form-input-phone-number/index.mjs +1 -1
- package/form-item-config-provider/index.d.ts +3 -1
- package/form-item-config-provider/index.mjs +1 -1
- package/form-item-group/index.mjs +46 -30
- package/form-item-x/index.d.ts +124 -15
- package/form-item-x/index.mjs +1 -1
- package/form-radio-group/index.d.ts +196 -22
- package/form-radio-group/index.mjs +1 -1
- package/form-rate/index.d.ts +232 -18
- package/form-rate/index.mjs +1 -1
- package/form-row/index.mjs +1 -1
- package/form-select/index.d.ts +455 -22
- package/form-select/index.mjs +1 -1
- package/form-slider/index.d.ts +261 -18
- package/form-slider/index.mjs +1 -1
- package/form-switch/index.d.ts +238 -20
- package/form-switch/index.mjs +1 -1
- package/form-text/index.d.ts +144 -20
- package/form-text/index.mjs +1 -1
- package/index.d.ts +4 -1
- package/index.mjs +37 -60
- package/month-calendar/index.mjs +312 -2
- package/month-calendar/style.css +1 -1
- package/package.json +3 -1
- package/vue-cron/index.d.ts +191 -0
- package/vue-cron/index.mjs +2 -0
- package/vue-cron/style.css +1 -0
- package/web-types.json +1 -1
- package/year-calendar/index.mjs +2 -1
- package/chunks/B5BIQCcK.mjs +0 -149
- package/chunks/BDhGvPmU.mjs +0 -32
- package/chunks/BXOvvlL2.mjs +0 -35
- package/chunks/C6tYoDfK.mjs +0 -43
- package/chunks/CAYDWMXC.mjs +0 -47
- package/chunks/CXHvVx2H.mjs +0 -54
- package/chunks/CykRgGj0.mjs +0 -90
- package/chunks/D4SiGR5u.mjs +0 -28
- package/chunks/DAEpRn3D.mjs +0 -28
- package/chunks/DK2YoEOD.mjs +0 -167
- package/chunks/DL4ovOwO.mjs +0 -36
- package/chunks/DXrQ5tWJ.mjs +0 -35
- package/chunks/Xww4oyW1.mjs +0 -47
- package/chunks/ciEWoJ1U.mjs +0 -23
- package/chunks/dwnrVqcq.mjs +0 -315
- package/chunks/jpMiw_3M.mjs +0 -74
- package/chunks/vlkluoXb.mjs +0 -32
- package/chunks/wo0ekOcp.mjs +0 -28
- /package/chunks/{CI_28Uw4.mjs → 98bTmBOR.mjs} +0 -0
package/form-text/index.d.ts
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
-
|
|
2
|
+
type: StringConstructor;
|
|
3
|
+
size: {
|
|
4
|
+
type: StringConstructor;
|
|
5
|
+
default: string;
|
|
6
|
+
};
|
|
7
|
+
truncated: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
default: boolean;
|
|
10
|
+
};
|
|
11
|
+
lineClamp: (StringConstructor | NumberConstructor)[];
|
|
12
|
+
tag: {
|
|
13
|
+
type: StringConstructor;
|
|
14
|
+
default: string;
|
|
15
|
+
};
|
|
3
16
|
wrapFormItem: {
|
|
4
17
|
type: BooleanConstructor;
|
|
5
18
|
default: boolean;
|
|
@@ -9,11 +22,60 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
9
22
|
default: undefined;
|
|
10
23
|
};
|
|
11
24
|
col: BooleanConstructor;
|
|
12
|
-
|
|
25
|
+
span: {
|
|
26
|
+
type: NumberConstructor;
|
|
27
|
+
default: number;
|
|
28
|
+
};
|
|
29
|
+
offset: {
|
|
30
|
+
type: NumberConstructor;
|
|
31
|
+
default: number;
|
|
32
|
+
};
|
|
33
|
+
push: {
|
|
34
|
+
type: NumberConstructor;
|
|
35
|
+
default: number;
|
|
36
|
+
};
|
|
37
|
+
pull: {
|
|
38
|
+
type: NumberConstructor;
|
|
39
|
+
default: number;
|
|
40
|
+
};
|
|
41
|
+
xs: {
|
|
42
|
+
type: (NumberConstructor | ObjectConstructor)[];
|
|
43
|
+
};
|
|
44
|
+
sm: {
|
|
45
|
+
type: (NumberConstructor | ObjectConstructor)[];
|
|
46
|
+
};
|
|
47
|
+
md: {
|
|
48
|
+
type: (NumberConstructor | ObjectConstructor)[];
|
|
49
|
+
};
|
|
50
|
+
lg: {
|
|
51
|
+
type: (NumberConstructor | ObjectConstructor)[];
|
|
52
|
+
};
|
|
53
|
+
xl: {
|
|
54
|
+
type: (NumberConstructor | ObjectConstructor)[];
|
|
55
|
+
};
|
|
56
|
+
prop: (StringConstructor | ArrayConstructor)[];
|
|
13
57
|
label: StringConstructor;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
58
|
+
labelPosition: {
|
|
59
|
+
type: StringConstructor;
|
|
60
|
+
default: string;
|
|
61
|
+
};
|
|
62
|
+
labelWidth: (StringConstructor | NumberConstructor)[];
|
|
63
|
+
required: {
|
|
64
|
+
type: BooleanConstructor;
|
|
65
|
+
default: boolean;
|
|
66
|
+
};
|
|
67
|
+
rules: ObjectConstructor;
|
|
68
|
+
error: StringConstructor;
|
|
69
|
+
showMessage: {
|
|
70
|
+
type: BooleanConstructor;
|
|
71
|
+
default: boolean;
|
|
72
|
+
};
|
|
73
|
+
inlineMessage: {
|
|
74
|
+
type: BooleanConstructor;
|
|
75
|
+
default: boolean;
|
|
76
|
+
};
|
|
77
|
+
for: StringConstructor;
|
|
78
|
+
validateStatus: StringConstructor;
|
|
17
79
|
messagePrefix: StringConstructor;
|
|
18
80
|
message: StringConstructor;
|
|
19
81
|
wrapCol: {
|
|
@@ -21,10 +83,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
21
83
|
default: boolean;
|
|
22
84
|
};
|
|
23
85
|
fixedSpan: NumberConstructor;
|
|
24
|
-
span: {
|
|
25
|
-
type: NumberConstructor;
|
|
26
|
-
default: number;
|
|
27
|
-
};
|
|
28
86
|
block: BooleanConstructor;
|
|
29
87
|
unwrap: BooleanConstructor;
|
|
30
88
|
half: BooleanConstructor;
|
|
@@ -42,7 +100,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
42
100
|
labelRowspan: (StringConstructor | NumberConstructor)[];
|
|
43
101
|
inputRowspan: (StringConstructor | NumberConstructor)[];
|
|
44
102
|
}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
45
|
-
|
|
103
|
+
type: StringConstructor;
|
|
104
|
+
size: {
|
|
105
|
+
type: StringConstructor;
|
|
106
|
+
default: string;
|
|
107
|
+
};
|
|
108
|
+
truncated: {
|
|
109
|
+
type: BooleanConstructor;
|
|
110
|
+
default: boolean;
|
|
111
|
+
};
|
|
112
|
+
lineClamp: (StringConstructor | NumberConstructor)[];
|
|
113
|
+
tag: {
|
|
114
|
+
type: StringConstructor;
|
|
115
|
+
default: string;
|
|
116
|
+
};
|
|
46
117
|
wrapFormItem: {
|
|
47
118
|
type: BooleanConstructor;
|
|
48
119
|
default: boolean;
|
|
@@ -52,11 +123,60 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
52
123
|
default: undefined;
|
|
53
124
|
};
|
|
54
125
|
col: BooleanConstructor;
|
|
55
|
-
|
|
126
|
+
span: {
|
|
127
|
+
type: NumberConstructor;
|
|
128
|
+
default: number;
|
|
129
|
+
};
|
|
130
|
+
offset: {
|
|
131
|
+
type: NumberConstructor;
|
|
132
|
+
default: number;
|
|
133
|
+
};
|
|
134
|
+
push: {
|
|
135
|
+
type: NumberConstructor;
|
|
136
|
+
default: number;
|
|
137
|
+
};
|
|
138
|
+
pull: {
|
|
139
|
+
type: NumberConstructor;
|
|
140
|
+
default: number;
|
|
141
|
+
};
|
|
142
|
+
xs: {
|
|
143
|
+
type: (NumberConstructor | ObjectConstructor)[];
|
|
144
|
+
};
|
|
145
|
+
sm: {
|
|
146
|
+
type: (NumberConstructor | ObjectConstructor)[];
|
|
147
|
+
};
|
|
148
|
+
md: {
|
|
149
|
+
type: (NumberConstructor | ObjectConstructor)[];
|
|
150
|
+
};
|
|
151
|
+
lg: {
|
|
152
|
+
type: (NumberConstructor | ObjectConstructor)[];
|
|
153
|
+
};
|
|
154
|
+
xl: {
|
|
155
|
+
type: (NumberConstructor | ObjectConstructor)[];
|
|
156
|
+
};
|
|
157
|
+
prop: (StringConstructor | ArrayConstructor)[];
|
|
56
158
|
label: StringConstructor;
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
159
|
+
labelPosition: {
|
|
160
|
+
type: StringConstructor;
|
|
161
|
+
default: string;
|
|
162
|
+
};
|
|
163
|
+
labelWidth: (StringConstructor | NumberConstructor)[];
|
|
164
|
+
required: {
|
|
165
|
+
type: BooleanConstructor;
|
|
166
|
+
default: boolean;
|
|
167
|
+
};
|
|
168
|
+
rules: ObjectConstructor;
|
|
169
|
+
error: StringConstructor;
|
|
170
|
+
showMessage: {
|
|
171
|
+
type: BooleanConstructor;
|
|
172
|
+
default: boolean;
|
|
173
|
+
};
|
|
174
|
+
inlineMessage: {
|
|
175
|
+
type: BooleanConstructor;
|
|
176
|
+
default: boolean;
|
|
177
|
+
};
|
|
178
|
+
for: StringConstructor;
|
|
179
|
+
validateStatus: StringConstructor;
|
|
60
180
|
messagePrefix: StringConstructor;
|
|
61
181
|
message: StringConstructor;
|
|
62
182
|
wrapCol: {
|
|
@@ -64,10 +184,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
64
184
|
default: boolean;
|
|
65
185
|
};
|
|
66
186
|
fixedSpan: NumberConstructor;
|
|
67
|
-
span: {
|
|
68
|
-
type: NumberConstructor;
|
|
69
|
-
default: number;
|
|
70
|
-
};
|
|
71
187
|
block: BooleanConstructor;
|
|
72
188
|
unwrap: BooleanConstructor;
|
|
73
189
|
half: BooleanConstructor;
|
|
@@ -85,9 +201,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
85
201
|
labelRowspan: (StringConstructor | NumberConstructor)[];
|
|
86
202
|
inputRowspan: (StringConstructor | NumberConstructor)[];
|
|
87
203
|
}>> & Readonly<{}>, {
|
|
204
|
+
push: number;
|
|
205
|
+
span: number;
|
|
206
|
+
offset: number;
|
|
207
|
+
pull: number;
|
|
208
|
+
tag: string;
|
|
209
|
+
labelPosition: string;
|
|
88
210
|
required: boolean;
|
|
211
|
+
showMessage: boolean;
|
|
212
|
+
inlineMessage: boolean;
|
|
213
|
+
size: string;
|
|
89
214
|
wrapCol: boolean;
|
|
90
|
-
span: number;
|
|
91
215
|
block: boolean;
|
|
92
216
|
unwrap: boolean;
|
|
93
217
|
half: boolean;
|
|
@@ -96,6 +220,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
96
220
|
disabled: boolean;
|
|
97
221
|
wrapFormItem: boolean;
|
|
98
222
|
col: boolean;
|
|
99
|
-
|
|
223
|
+
truncated: boolean;
|
|
100
224
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
101
225
|
export default _default;
|
package/form-text/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/
|
|
1
|
+
import { t as e } from "../chunks/53gSZ624.mjs";
|
|
2
2
|
export { e as default };
|
package/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import { default as ElementDialog } from './element-dialog/index.js';
|
|
|
3
3
|
import { default as EmptyView } from './empty-view/index.js';
|
|
4
4
|
import { default as FlexScrollArea } from './flex-scroll-area/index.js';
|
|
5
5
|
import { default as FormAdvice } from './form-advice/index.js';
|
|
6
|
+
import { default as FormCascader } from './form-cascader/index.js';
|
|
6
7
|
import { default as FormCell } from './form-cell/index.js';
|
|
7
8
|
import { default as FormCheckbox } from './form-checkbox/index.js';
|
|
8
9
|
import { default as FormCheckBoxGroup } from './form-check-box-group/index.js';
|
|
@@ -10,6 +11,7 @@ import { default as FormDatePicker } from './form-date-picker/index.js';
|
|
|
10
11
|
import { default as FormHolder } from './form-holder/index.js';
|
|
11
12
|
import { default as FormImage } from './form-image/index.js';
|
|
12
13
|
import { default as FormInput } from './form-input/index.js';
|
|
14
|
+
import { default as FormInputCronExpression } from './form-input-cron-expression/index.js';
|
|
13
15
|
import { default as FormInputEmail } from './form-input-email/index.js';
|
|
14
16
|
import { default as FormInputIdCard } from './form-input-id-card/index.js';
|
|
15
17
|
import { default as FormInputNumber } from './form-input-number/index.js';
|
|
@@ -32,8 +34,9 @@ import { default as MonthCalendar } from './month-calendar/index.js';
|
|
|
32
34
|
import { default as TableView } from './table-view/index.js';
|
|
33
35
|
import { default as Toolbar } from './toolbar/index.js';
|
|
34
36
|
import { default as ToolbarButton } from './toolbar-button/index.js';
|
|
37
|
+
import { default as VueCron } from './vue-cron/index.js';
|
|
35
38
|
import { default as YearCalendar } from './year-calendar/index.js';
|
|
36
|
-
export { ElementDialog, EmptyView, FlexScrollArea, FormAdvice, FormCell, FormCheckbox, FormCheckBoxGroup, FormDatePicker, FormHolder, FormImage, FormInput, FormInputEmail, FormInputIdCard, FormInputNumber, FormInputPhoneNumber, FormInputTag, FormInputTime, FormItemConfigProvider, FormItemGroup, FormItemX, FormRadioGroup, FormRate, FormRedTable, FormRow, FormSelect, FormSlider, FormSwitch, FormText, FormView, MonthCalendar, TableView, Toolbar, ToolbarButton, YearCalendar };
|
|
39
|
+
export { ElementDialog, EmptyView, FlexScrollArea, FormAdvice, FormCascader, FormCell, FormCheckbox, FormCheckBoxGroup, FormDatePicker, FormHolder, FormImage, FormInput, FormInputCronExpression, FormInputEmail, FormInputIdCard, FormInputNumber, FormInputPhoneNumber, FormInputTag, FormInputTime, FormItemConfigProvider, FormItemGroup, FormItemX, FormRadioGroup, FormRate, FormRedTable, FormRow, FormSelect, FormSlider, FormSwitch, FormText, FormView, MonthCalendar, TableView, Toolbar, ToolbarButton, VueCron, YearCalendar };
|
|
37
40
|
export declare const componentNames: string[];
|
|
38
41
|
export declare const noStylesComponents: string[];
|
|
39
42
|
export declare const install: (app: App) => void;
|
package/index.mjs
CHANGED
|
@@ -1,66 +1,43 @@
|
|
|
1
|
-
import e from "./
|
|
1
|
+
import { t as e } from "./chunks/B5B9au3z.mjs";
|
|
2
2
|
import t from "./empty-view/index.mjs";
|
|
3
3
|
import n from "./flex-scroll-area/index.mjs";
|
|
4
4
|
import r from "./form-advice/index.mjs";
|
|
5
|
-
import i from "./form-
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import { t as s } from "./chunks/
|
|
9
|
-
import { t as c } from "./chunks/
|
|
10
|
-
import l from "./
|
|
11
|
-
import
|
|
12
|
-
import { t as d } from "./chunks/
|
|
13
|
-
import { t as f } from "./chunks/
|
|
14
|
-
import { t as p } from "./chunks/
|
|
15
|
-
import { t as m } from "./chunks/
|
|
16
|
-
import { t as h } from "./chunks/
|
|
17
|
-
import { t as g } from "./chunks/
|
|
18
|
-
import _ from "./
|
|
19
|
-
import v from "./
|
|
20
|
-
import y from "./
|
|
21
|
-
import b from "./form-
|
|
22
|
-
import
|
|
23
|
-
import
|
|
24
|
-
import
|
|
25
|
-
import { t as w } from "./chunks/
|
|
26
|
-
import { t as T } from "./chunks/
|
|
27
|
-
import { t as E } from "./chunks/
|
|
28
|
-
import { t as D } from "./chunks/
|
|
29
|
-
import O from "./
|
|
30
|
-
import { t as k } from "./chunks/
|
|
31
|
-
import A from "./
|
|
32
|
-
import j from "./
|
|
33
|
-
import M from "./
|
|
34
|
-
import N from "./
|
|
5
|
+
import i from "./form-cascader/index.mjs";
|
|
6
|
+
import a from "./form-cell/index.mjs";
|
|
7
|
+
import { a as o } from "./chunks/C1DlzLpD.mjs";
|
|
8
|
+
import { t as s } from "./chunks/BVzpe2oN.mjs";
|
|
9
|
+
import { t as c } from "./chunks/8ORg8rrN.mjs";
|
|
10
|
+
import { t as l } from "./chunks/D2WviyxF.mjs";
|
|
11
|
+
import u from "./form-red-table/index.mjs";
|
|
12
|
+
import { t as d } from "./chunks/DCKxvrCR.mjs";
|
|
13
|
+
import { t as f } from "./chunks/DgbDpRQg.mjs";
|
|
14
|
+
import { t as p } from "./chunks/Bj5l6sFx.mjs";
|
|
15
|
+
import { t as m } from "./chunks/wfL1FAwc.mjs";
|
|
16
|
+
import { t as h } from "./chunks/7vQ29mMd.mjs";
|
|
17
|
+
import { t as g } from "./chunks/Bb5BT11-.mjs";
|
|
18
|
+
import { t as _ } from "./chunks/DH1_fmkX.mjs";
|
|
19
|
+
import { t as v } from "./chunks/CKw_uzPc.mjs";
|
|
20
|
+
import { t as y } from "./chunks/BsbfEk0E.mjs";
|
|
21
|
+
import b from "./form-input-tag/index.mjs";
|
|
22
|
+
import x from "./form-input-time/index.mjs";
|
|
23
|
+
import S from "./form-item-config-provider/index.mjs";
|
|
24
|
+
import C from "./form-item-group/index.mjs";
|
|
25
|
+
import { t as w } from "./chunks/B4LDPAZu.mjs";
|
|
26
|
+
import { t as T } from "./chunks/Q9EsFJ4H.mjs";
|
|
27
|
+
import { t as E } from "./chunks/98bTmBOR.mjs";
|
|
28
|
+
import { t as D } from "./chunks/7Desvoh-.mjs";
|
|
29
|
+
import { t as O } from "./chunks/CFwUzdTu.mjs";
|
|
30
|
+
import { t as k } from "./chunks/DUDm42gn.mjs";
|
|
31
|
+
import { t as A } from "./chunks/53gSZ624.mjs";
|
|
32
|
+
import j from "./form-view/index.mjs";
|
|
33
|
+
import M from "./month-calendar/index.mjs";
|
|
34
|
+
import N from "./table-view/index.mjs";
|
|
35
|
+
import P from "./toolbar/index.mjs";
|
|
36
|
+
import F from "./toolbar-button/index.mjs";
|
|
37
|
+
import I from "./year-calendar/index.mjs";
|
|
35
38
|
//#region src/components/index.ts
|
|
36
|
-
var
|
|
37
|
-
|
|
38
|
-
"FormAdvice",
|
|
39
|
-
"FormCell",
|
|
40
|
-
"FormCheckbox",
|
|
41
|
-
"FormCheckBoxGroup",
|
|
42
|
-
"FormDatePicker",
|
|
43
|
-
"FormImage",
|
|
44
|
-
"FormInputEmail",
|
|
45
|
-
"FormInputIdCard",
|
|
46
|
-
"FormInputNumber",
|
|
47
|
-
"FormInputPhoneNumber",
|
|
48
|
-
"FormInputTag",
|
|
49
|
-
"FormInputTime",
|
|
50
|
-
"FormItemConfigProvider",
|
|
51
|
-
"FormRadioGroup",
|
|
52
|
-
"FormRate",
|
|
53
|
-
"FormSelect",
|
|
54
|
-
"FormSlider",
|
|
55
|
-
"FormSwitch",
|
|
56
|
-
"FormText",
|
|
57
|
-
"FormView",
|
|
58
|
-
"MonthCalendar",
|
|
59
|
-
"TableView",
|
|
60
|
-
"Toolbar",
|
|
61
|
-
"ToolbarButton"
|
|
62
|
-
], I = (P) => {
|
|
63
|
-
P.component(e.name, e), P.component(t.name, t), P.component(n.name, n), P.component(r.name, r), P.component(i.name, i), P.component(o.name, o), P.component(s.name, s), P.component(c.name, c), P.component(u.name, u), P.component(d.name, d), P.component(f.name, f), P.component(p.name, p), P.component(m.name, m), P.component(h.name, h), P.component(g.name, g), P.component(_.name, _), P.component(v.name, v), P.component(y.name, y), P.component(b.name, b), P.component(a.name, a), P.component(x.name, x), P.component(S.name, S), P.component(l.name, l), P.component(C.name, C), P.component(w.name, w), P.component(T.name, T), P.component(E.name, E), P.component(D.name, D), P.component(O.name, O), P.component(k.name, k), P.component(A.name, A), P.component(j.name, j), P.component(M.name, M), P.component(N.name, N);
|
|
39
|
+
var L = /* @__PURE__ */ "ElementDialog.EmptyView.FlexScrollArea.FormAdvice.FormCascader.FormCell.FormCheckbox.FormCheckBoxGroup.FormDatePicker.FormHolder.FormImage.FormInput.FormInputCronExpression.FormInputEmail.FormInputIdCard.FormInputNumber.FormInputPhoneNumber.FormInputTag.FormInputTime.FormItemConfigProvider.FormItemGroup.FormItemX.FormRadioGroup.FormRate.FormRedTable.FormRow.FormSelect.FormSlider.FormSwitch.FormText.FormView.MonthCalendar.TableView.Toolbar.ToolbarButton.VueCron.YearCalendar".split("."), R = /* @__PURE__ */ "FlexScrollArea.FormAdvice.FormCascader.FormCell.FormCheckbox.FormCheckBoxGroup.FormDatePicker.FormImage.FormInputEmail.FormInputIdCard.FormInputNumber.FormInputPhoneNumber.FormInputTag.FormInputTime.FormItemConfigProvider.FormRadioGroup.FormRate.FormSelect.FormSlider.FormSwitch.FormText.FormView.MonthCalendar.TableView.Toolbar.ToolbarButton".split("."), z = (L) => {
|
|
40
|
+
L.component(e.name, e), L.component(t.name, t), L.component(n.name, n), L.component(r.name, r), L.component(i.name, i), L.component(a.name, a), L.component(s.name, s), L.component(c.name, c), L.component(l.name, l), L.component(d.name, d), L.component(f.name, f), L.component(p.name, p), L.component(h.name, h), L.component(g.name, g), L.component(_.name, _), L.component(v.name, v), L.component(y.name, y), L.component(b.name, b), L.component(x.name, x), L.component(S.name, S), L.component(C.name, C), L.component(o.name, o), L.component(w.name, w), L.component(T.name, T), L.component(u.name, u), L.component(E.name, E), L.component(D.name, D), L.component(O.name, O), L.component(k.name, k), L.component(A.name, A), L.component(j.name, j), L.component(M.name, M), L.component(N.name, N), L.component(P.name, P), L.component(F.name, F), L.component(m.name, m), L.component(I.name, I);
|
|
64
41
|
};
|
|
65
42
|
//#endregion
|
|
66
|
-
export { e as ElementDialog, t as EmptyView, n as FlexScrollArea, r as FormAdvice, i as FormCell,
|
|
43
|
+
export { e as ElementDialog, t as EmptyView, n as FlexScrollArea, r as FormAdvice, i as FormCascader, a as FormCell, c as FormCheckBoxGroup, s as FormCheckbox, l as FormDatePicker, d as FormHolder, f as FormImage, p as FormInput, h as FormInputCronExpression, g as FormInputEmail, _ as FormInputIdCard, v as FormInputNumber, y as FormInputPhoneNumber, b as FormInputTag, x as FormInputTime, S as FormItemConfigProvider, C as FormItemGroup, o as FormItemX, w as FormRadioGroup, T as FormRate, u as FormRedTable, E as FormRow, D as FormSelect, O as FormSlider, k as FormSwitch, A as FormText, j as FormView, M as MonthCalendar, N as TableView, P as Toolbar, F as ToolbarButton, m as VueCron, I as YearCalendar, L as componentNames, z as install, R as noStylesComponents };
|
package/month-calendar/index.mjs
CHANGED
|
@@ -1,2 +1,312 @@
|
|
|
1
|
-
import { t as e } from "../chunks/
|
|
2
|
-
|
|
1
|
+
import { t as e } from "../chunks/D9GcEl6r.mjs";
|
|
2
|
+
import { Fragment as t, createElementBlock as n, createElementVNode as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderList as s, toDisplayString as c, withModifiers as l } from "vue";
|
|
3
|
+
import u from "dayjs";
|
|
4
|
+
//#region src/components/material-year-calendar/MonthCalendar.vue
|
|
5
|
+
var d = {
|
|
6
|
+
name: "MonthCalendar",
|
|
7
|
+
props: {
|
|
8
|
+
activeDates: {
|
|
9
|
+
type: Array,
|
|
10
|
+
default: () => []
|
|
11
|
+
},
|
|
12
|
+
month: {
|
|
13
|
+
type: [String, Number],
|
|
14
|
+
default: () => u().month() + 1
|
|
15
|
+
},
|
|
16
|
+
year: {
|
|
17
|
+
type: [String, Number],
|
|
18
|
+
default: () => u().year()
|
|
19
|
+
},
|
|
20
|
+
lang: {
|
|
21
|
+
type: String,
|
|
22
|
+
default: "en"
|
|
23
|
+
},
|
|
24
|
+
activeClass: {
|
|
25
|
+
type: String,
|
|
26
|
+
default: () => ""
|
|
27
|
+
},
|
|
28
|
+
prefixClass: {
|
|
29
|
+
type: String,
|
|
30
|
+
default: () => "calendar--active"
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
emits: ["toggleDate", "monthClickEvent"],
|
|
34
|
+
data() {
|
|
35
|
+
return {
|
|
36
|
+
showDays: [],
|
|
37
|
+
isMouseDown: !1
|
|
38
|
+
};
|
|
39
|
+
},
|
|
40
|
+
computed: {
|
|
41
|
+
weekTitleFontSizeAdjustLang() {
|
|
42
|
+
return {
|
|
43
|
+
tw: "16px",
|
|
44
|
+
en: "14px",
|
|
45
|
+
pt: "14px",
|
|
46
|
+
de: "14px",
|
|
47
|
+
es: "14px",
|
|
48
|
+
pl: "12px",
|
|
49
|
+
ru: "14px"
|
|
50
|
+
}[this.lang];
|
|
51
|
+
},
|
|
52
|
+
monthTitle() {
|
|
53
|
+
return {
|
|
54
|
+
tw: [
|
|
55
|
+
"一月",
|
|
56
|
+
"二月",
|
|
57
|
+
"三月",
|
|
58
|
+
"四月",
|
|
59
|
+
"五月",
|
|
60
|
+
"六月",
|
|
61
|
+
"七月",
|
|
62
|
+
"八月",
|
|
63
|
+
"九月",
|
|
64
|
+
"十月",
|
|
65
|
+
"十一月",
|
|
66
|
+
"十二月"
|
|
67
|
+
],
|
|
68
|
+
en: [
|
|
69
|
+
"January",
|
|
70
|
+
"February",
|
|
71
|
+
"March",
|
|
72
|
+
"April",
|
|
73
|
+
"May",
|
|
74
|
+
"June",
|
|
75
|
+
"July",
|
|
76
|
+
"August",
|
|
77
|
+
"September",
|
|
78
|
+
"October",
|
|
79
|
+
"November",
|
|
80
|
+
"December"
|
|
81
|
+
],
|
|
82
|
+
pt: [
|
|
83
|
+
"Janeiro",
|
|
84
|
+
"Fevereiro",
|
|
85
|
+
"Março",
|
|
86
|
+
"Abril",
|
|
87
|
+
"Maio",
|
|
88
|
+
"Junho",
|
|
89
|
+
"Julho",
|
|
90
|
+
"Agosto",
|
|
91
|
+
"Setembro",
|
|
92
|
+
"Outubro",
|
|
93
|
+
"Novembro",
|
|
94
|
+
"Dezembro"
|
|
95
|
+
],
|
|
96
|
+
de: [
|
|
97
|
+
"Januar",
|
|
98
|
+
"Februar",
|
|
99
|
+
"März",
|
|
100
|
+
"April",
|
|
101
|
+
"Mai",
|
|
102
|
+
"Juni",
|
|
103
|
+
"Juli",
|
|
104
|
+
"August",
|
|
105
|
+
"September",
|
|
106
|
+
"Oktober",
|
|
107
|
+
"November",
|
|
108
|
+
"Dezember"
|
|
109
|
+
],
|
|
110
|
+
es: [
|
|
111
|
+
"Enero",
|
|
112
|
+
"Febrero",
|
|
113
|
+
"Marzo",
|
|
114
|
+
"Abril",
|
|
115
|
+
"Mayo",
|
|
116
|
+
"Junio",
|
|
117
|
+
"Julio",
|
|
118
|
+
"Agosto",
|
|
119
|
+
"Septiembre",
|
|
120
|
+
"Octubre",
|
|
121
|
+
"Noviembre",
|
|
122
|
+
"Diciembre"
|
|
123
|
+
],
|
|
124
|
+
pl: [
|
|
125
|
+
"Styczeń",
|
|
126
|
+
"Luty",
|
|
127
|
+
"Marzec",
|
|
128
|
+
"Kwiecień",
|
|
129
|
+
"Maj",
|
|
130
|
+
"Czerwiec",
|
|
131
|
+
"Lipiec",
|
|
132
|
+
"Sierpień",
|
|
133
|
+
"Wrzesień",
|
|
134
|
+
"Październik",
|
|
135
|
+
"Listopad",
|
|
136
|
+
"Grudzień"
|
|
137
|
+
],
|
|
138
|
+
ru: [
|
|
139
|
+
"Январь",
|
|
140
|
+
"Февраль",
|
|
141
|
+
"Март",
|
|
142
|
+
"Апрель",
|
|
143
|
+
"Май",
|
|
144
|
+
"Июнь",
|
|
145
|
+
"Июль",
|
|
146
|
+
"Август",
|
|
147
|
+
"Сентябрь",
|
|
148
|
+
"Октябрь",
|
|
149
|
+
"Ноябрь",
|
|
150
|
+
"Декабрь"
|
|
151
|
+
]
|
|
152
|
+
}[this.lang][this.month - 1];
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
watch: {
|
|
156
|
+
year(e) {
|
|
157
|
+
this.initCalendar();
|
|
158
|
+
},
|
|
159
|
+
activeDates(e, t) {
|
|
160
|
+
this.initCalendar();
|
|
161
|
+
}
|
|
162
|
+
},
|
|
163
|
+
created() {
|
|
164
|
+
this.initCalendar();
|
|
165
|
+
},
|
|
166
|
+
methods: {
|
|
167
|
+
initCalendar() {
|
|
168
|
+
if (!this.year || !this.month) return [];
|
|
169
|
+
let e = u().set("date", 1).set("year", this.year).set("month", this.month - 1), t = e.startOf("month").day() - 1;
|
|
170
|
+
t < 0 && (t += 7);
|
|
171
|
+
let n = e.endOf("month").date(), r = t >= 5 ? 6 : 5, i = 0;
|
|
172
|
+
this.showDays = Array.from(Array(r * 7).keys()).map((e) => ({
|
|
173
|
+
value: t <= e ? i++ % n + 1 : "",
|
|
174
|
+
active: !1,
|
|
175
|
+
isOtherMonth: t > e || i > n
|
|
176
|
+
})), this.activeDates.forEach((e) => {
|
|
177
|
+
let n;
|
|
178
|
+
typeof e == "string" ? n = {
|
|
179
|
+
date: e,
|
|
180
|
+
className: this.activeClass
|
|
181
|
+
} : typeof e == "object" && (n = e);
|
|
182
|
+
let r = u(n.date);
|
|
183
|
+
if (r.year() !== this.year) return;
|
|
184
|
+
let i = r.date(), a = Math.floor(i / 7), o = i % 7 - 1 + t + 7 * a;
|
|
185
|
+
this.showDays[o].active = !0, this.showDays[o].className = n.className;
|
|
186
|
+
});
|
|
187
|
+
},
|
|
188
|
+
showDayTitle(e) {
|
|
189
|
+
return {
|
|
190
|
+
tw: [
|
|
191
|
+
"一",
|
|
192
|
+
"二",
|
|
193
|
+
"三",
|
|
194
|
+
"四",
|
|
195
|
+
"五",
|
|
196
|
+
"六",
|
|
197
|
+
"日"
|
|
198
|
+
],
|
|
199
|
+
en: [
|
|
200
|
+
"Mo",
|
|
201
|
+
"Tu",
|
|
202
|
+
"We",
|
|
203
|
+
"Th",
|
|
204
|
+
"Fr",
|
|
205
|
+
"Sa",
|
|
206
|
+
"Su"
|
|
207
|
+
],
|
|
208
|
+
pt: [
|
|
209
|
+
"2ª",
|
|
210
|
+
"3ª",
|
|
211
|
+
"4ª",
|
|
212
|
+
"5ª",
|
|
213
|
+
"6ª",
|
|
214
|
+
"Sa",
|
|
215
|
+
"Do"
|
|
216
|
+
],
|
|
217
|
+
de: [
|
|
218
|
+
"Mo",
|
|
219
|
+
"Di",
|
|
220
|
+
"Mi",
|
|
221
|
+
"Do",
|
|
222
|
+
"Fr",
|
|
223
|
+
"Sa",
|
|
224
|
+
"So"
|
|
225
|
+
],
|
|
226
|
+
es: [
|
|
227
|
+
"Lu",
|
|
228
|
+
"Ma",
|
|
229
|
+
"Mi",
|
|
230
|
+
"Ju",
|
|
231
|
+
"Vi",
|
|
232
|
+
"Sá",
|
|
233
|
+
"Do"
|
|
234
|
+
],
|
|
235
|
+
pl: [
|
|
236
|
+
"Pon",
|
|
237
|
+
"Wt",
|
|
238
|
+
"Śr",
|
|
239
|
+
"Czw",
|
|
240
|
+
"Pt",
|
|
241
|
+
"Sob",
|
|
242
|
+
"Nie"
|
|
243
|
+
],
|
|
244
|
+
ru: [
|
|
245
|
+
"Пн",
|
|
246
|
+
"Вт",
|
|
247
|
+
"Ср",
|
|
248
|
+
"Чт",
|
|
249
|
+
"Пт",
|
|
250
|
+
"Сб",
|
|
251
|
+
"Вс"
|
|
252
|
+
]
|
|
253
|
+
}[this.lang][e];
|
|
254
|
+
},
|
|
255
|
+
toggleDay(e) {
|
|
256
|
+
e.isOtherMonth || this.$emit("toggleDate", {
|
|
257
|
+
month: this.month,
|
|
258
|
+
date: e.value,
|
|
259
|
+
selected: !e.active,
|
|
260
|
+
className: this.activeClass
|
|
261
|
+
});
|
|
262
|
+
},
|
|
263
|
+
dragDay(e) {
|
|
264
|
+
this.isMouseDown && this.toggleDay(e);
|
|
265
|
+
},
|
|
266
|
+
mouseDown(e) {
|
|
267
|
+
this.toggleDay(e), this.isMouseDown = !0;
|
|
268
|
+
},
|
|
269
|
+
mouseUp() {
|
|
270
|
+
this.isMouseDown = !1;
|
|
271
|
+
},
|
|
272
|
+
classList(e) {
|
|
273
|
+
let t = {
|
|
274
|
+
"calendar__day--otherMonth": e.isOtherMonth,
|
|
275
|
+
[this.prefixClass]: e.active
|
|
276
|
+
};
|
|
277
|
+
return e.active && (t[e.className] = !0), t;
|
|
278
|
+
},
|
|
279
|
+
monthClickEvent(e) {
|
|
280
|
+
let t = {
|
|
281
|
+
monthTitle: this.monthTitle,
|
|
282
|
+
month: this.month,
|
|
283
|
+
year: e
|
|
284
|
+
};
|
|
285
|
+
this.$emit("monthClickEvent", t);
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
}, f = { class: "c-wrapper" }, p = { class: "calendar__body" }, m = ["onMouseover", "onMousedown"];
|
|
289
|
+
function h(e, u, d, h, g, _) {
|
|
290
|
+
return o(), n("div", f, [r("div", {
|
|
291
|
+
class: "calendar",
|
|
292
|
+
onMouseup: u[1] || (u[1] = (...e) => _.mouseUp && _.mouseUp(...e)),
|
|
293
|
+
onMouseleave: u[2] || (u[2] = l((...e) => _.mouseUp && _.mouseUp(...e), ["stop"]))
|
|
294
|
+
}, [r("div", {
|
|
295
|
+
class: "calendar__title",
|
|
296
|
+
onClick: u[0] || (u[0] = (e) => _.monthClickEvent(d.year))
|
|
297
|
+
}, c(_.monthTitle), 1), r("div", p, [(o(), n(t, null, s(7, (e, t) => r("div", {
|
|
298
|
+
key: `title${e}`,
|
|
299
|
+
class: "calendar__day day__weektitle",
|
|
300
|
+
style: a({ fontSize: _.weekTitleFontSizeAdjustLang })
|
|
301
|
+
}, c(_.showDayTitle(t)), 5)), 64)), (o(!0), n(t, null, s(g.showDays, (e, t) => (o(), n("div", {
|
|
302
|
+
key: `day${t}`,
|
|
303
|
+
class: "calendar__day"
|
|
304
|
+
}, [r("div", {
|
|
305
|
+
class: i(["day", _.classList(e)]),
|
|
306
|
+
onMouseover: (t) => _.dragDay(e),
|
|
307
|
+
onMousedown: (t) => _.mouseDown(e)
|
|
308
|
+
}, c(e.value), 43, m)]))), 128))])], 32)]);
|
|
309
|
+
}
|
|
310
|
+
var g = /* @__PURE__ */ e(d, [["render", h], ["__scopeId", "data-v-2a7f150d"]]);
|
|
311
|
+
//#endregion
|
|
312
|
+
export { g as default };
|