@aplus-frontend/ui 0.5.14 → 0.5.16

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.
Files changed (43) hide show
  1. package/es/index.mjs +41 -39
  2. package/es/src/ap-field/date/constant.d.ts +1 -1
  3. package/es/src/ap-field/date/constant.mjs +14 -2
  4. package/es/src/ap-field/date/index.vue.mjs +59 -58
  5. package/es/src/ap-field/date/interface.d.ts +1 -1
  6. package/es/src/ap-field/date-range/index.vue.mjs +67 -66
  7. package/es/src/ap-field/interface.d.ts +8 -0
  8. package/es/src/ap-field/select/index.vue.mjs +2 -1
  9. package/es/src/index.d.ts +1 -0
  10. package/es/src/index.mjs +239 -236
  11. package/es/src/mask/index.d.ts +2 -0
  12. package/es/src/mask/index.mjs +1 -0
  13. package/es/src/mask/index.vue.d.ts +31 -0
  14. package/es/src/mask/index.vue.mjs +116 -0
  15. package/es/src/mask/index.vue2.mjs +4 -0
  16. package/es/src/mask/interface.d.ts +21 -0
  17. package/es/src/mask/utils.d.ts +2 -0
  18. package/es/src/mask/utils.mjs +21 -0
  19. package/lib/index.js +1 -1
  20. package/lib/src/ap-field/date/constant.d.ts +1 -1
  21. package/lib/src/ap-field/date/constant.js +1 -1
  22. package/lib/src/ap-field/date/index.vue.js +1 -1
  23. package/lib/src/ap-field/date/interface.d.ts +1 -1
  24. package/lib/src/ap-field/date-range/index.vue.js +1 -1
  25. package/lib/src/ap-field/interface.d.ts +8 -0
  26. package/lib/src/ap-field/select/index.vue.js +1 -1
  27. package/lib/src/index.d.ts +1 -0
  28. package/lib/src/index.js +1 -1
  29. package/lib/src/mask/index.d.ts +2 -0
  30. package/lib/src/mask/index.js +1 -0
  31. package/lib/src/mask/index.vue.d.ts +31 -0
  32. package/lib/src/mask/index.vue.js +1 -0
  33. package/lib/src/mask/index.vue2.js +1 -0
  34. package/lib/src/mask/interface.d.ts +21 -0
  35. package/lib/src/mask/utils.d.ts +2 -0
  36. package/lib/src/mask/utils.js +6 -0
  37. package/package.json +3 -3
  38. package/theme/index.css +54 -0
  39. package/theme/index.less +1 -0
  40. package/theme/mask/index.css +54 -0
  41. package/theme/mask/index.less +28 -0
  42. package/theme/mixins/animations.css +24 -0
  43. package/theme/mixins/animations.less +38 -0
package/theme/index.css CHANGED
@@ -2335,3 +2335,57 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
2335
2335
  .aplus-ap-text-group--horizontal .ant-typography {
2336
2336
  white-space: nowrap;
2337
2337
  }
2338
+ @keyframes loadingCircle {
2339
+ 100% {
2340
+ transform: rotate(360deg);
2341
+ }
2342
+ }
2343
+ @keyframes aplus-fade-enter {
2344
+ 0% {
2345
+ opacity: 0;
2346
+ }
2347
+ 100% {
2348
+ opacity: 1;
2349
+ }
2350
+ }
2351
+ @keyframes aplus-fade-leave {
2352
+ 0% {
2353
+ opacity: 1;
2354
+ }
2355
+ 100% {
2356
+ opacity: 0;
2357
+ }
2358
+ }
2359
+ .aplus-fade-enter-active {
2360
+ animation-name: aplus-fade-enter;
2361
+ animation-duration: 0.25s;
2362
+ }
2363
+ .aplus-fade-leave-active {
2364
+ animation-name: aplus-fade-leave;
2365
+ animation-duration: 0.25s;
2366
+ }
2367
+ .aplus-mask {
2368
+ position: fixed;
2369
+ top: 0;
2370
+ left: 0;
2371
+ right: 0;
2372
+ bottom: 0;
2373
+ }
2374
+ .aplus-mask__mask {
2375
+ position: fixed;
2376
+ top: 0;
2377
+ left: 0;
2378
+ right: 0;
2379
+ bottom: 0;
2380
+ color: #000;
2381
+ transform: translateZ(0);
2382
+ }
2383
+ .aplus-mask__mask--disabled {
2384
+ color: transparent;
2385
+ }
2386
+ .aplus-mask__mask-inner {
2387
+ width: 100%;
2388
+ height: 100%;
2389
+ background-color: currentColor;
2390
+ opacity: 0.45;
2391
+ }
package/theme/index.less CHANGED
@@ -40,3 +40,4 @@
40
40
  @import './ap-grid/editable.less';
41
41
  @import './text/index.less';
42
42
  @import './text/group.less';
43
+ @import './mask/index.less';
package/theme/mask/index.css ADDED
@@ -0,0 +1,54 @@
1
+ @keyframes loadingCircle {
2
+ 100% {
3
+ transform: rotate(360deg);
4
+ }
5
+ }
6
+ @keyframes aplus-fade-enter {
7
+ 0% {
8
+ opacity: 0;
9
+ }
10
+ 100% {
11
+ opacity: 1;
12
+ }
13
+ }
14
+ @keyframes aplus-fade-leave {
15
+ 0% {
16
+ opacity: 1;
17
+ }
18
+ 100% {
19
+ opacity: 0;
20
+ }
21
+ }
22
+ .aplus-fade-enter-active {
23
+ animation-name: aplus-fade-enter;
24
+ animation-duration: 0.25s;
25
+ }
26
+ .aplus-fade-leave-active {
27
+ animation-name: aplus-fade-leave;
28
+ animation-duration: 0.25s;
29
+ }
30
+ .aplus-mask {
31
+ position: fixed;
32
+ top: 0;
33
+ left: 0;
34
+ right: 0;
35
+ bottom: 0;
36
+ }
37
+ .aplus-mask__mask {
38
+ position: fixed;
39
+ top: 0;
40
+ left: 0;
41
+ right: 0;
42
+ bottom: 0;
43
+ color: #000;
44
+ transform: translateZ(0);
45
+ }
46
+ .aplus-mask__mask--disabled {
47
+ color: transparent;
48
+ }
49
+ .aplus-mask__mask-inner {
50
+ width: 100%;
51
+ height: 100%;
52
+ background-color: currentColor;
53
+ opacity: 0.45;
54
+ }
package/theme/mask/index.less ADDED
@@ -0,0 +1,28 @@
1
+ @import '../mixins/animations.less';
2
+ @import '../mixins/mixins.less';
3
+
4
+ .b(mask, {
5
+ position: fixed;
6
+ top: 0;
7
+ left: 0;
8
+ right: 0;
9
+ bottom: 0;
10
+ &__mask {
11
+ position: fixed;
12
+ top: 0;
13
+ left: 0;
14
+ right: 0;
15
+ bottom: 0;
16
+ color: #000;
17
+ transform: translateZ(0);
18
+ }
19
+ &__mask--disabled {
20
+ color: transparent;
21
+ }
22
+ &__mask-inner {
23
+ width: 100%;
24
+ height: 100%;
25
+ background-color: currentColor;
26
+ opacity: 0.45;
27
+ }
28
+ });
package/theme/mixins/animations.css CHANGED
@@ -3,3 +3,27 @@
3
3
  transform: rotate(360deg);
4
4
  }
5
5
  }
6
+ @keyframes aplus-fade-enter {
7
+ 0% {
8
+ opacity: 0;
9
+ }
10
+ 100% {
11
+ opacity: 1;
12
+ }
13
+ }
14
+ @keyframes aplus-fade-leave {
15
+ 0% {
16
+ opacity: 1;
17
+ }
18
+ 100% {
19
+ opacity: 0;
20
+ }
21
+ }
22
+ .aplus-fade-enter-active {
23
+ animation-name: aplus-fade-enter;
24
+ animation-duration: 0.25s;
25
+ }
26
+ .aplus-fade-leave-active {
27
+ animation-name: aplus-fade-leave;
28
+ animation-duration: 0.25s;
29
+ }
package/theme/mixins/animations.less CHANGED
@@ -1,5 +1,43 @@
1
+ @import './config.less';
2
+
3
+ @fade: ~'@{ns}-fade';
4
+ @fadeEnter: ~'@{fade}-enter';
5
+ @fadeLeave: ~'@{fade}-leave';
6
+
1
7
  @keyframes loadingCircle {
2
8
  100% {
3
9
  transform: rotate(360deg);
4
10
  }
5
11
  }
12
+
13
+ @keyframes @fadeEnter {
14
+ 0% {
15
+ opacity: 0;
16
+ }
17
+
18
+ 100% {
19
+ opacity: 1;
20
+ }
21
+ }
22
+
23
+ @keyframes @fadeLeave {
24
+ 0% {
25
+ opacity: 1;
26
+ }
27
+
28
+ 100% {
29
+ opacity: 0;
30
+ }
31
+ }
32
+
33
+ .@{fade} {
34
+ &-enter-active {
35
+ animation-name: @fadeEnter;
36
+ animation-duration: 0.25s;
37
+ }
38
+
39
+ &-leave-active {
40
+ animation-name: @fadeLeave;
41
+ animation-duration: 0.25s;
42
+ }
43
+ }