@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.
Files changed (133) hide show
  1. package/es/index.mjs +59 -49
  2. package/es/src/ap-action/constant.d.ts +0 -0
  3. package/es/src/ap-action/group/index.vue.d.ts +38 -0
  4. package/es/src/ap-action/group/index.vue.mjs +64 -0
  5. package/es/src/ap-action/group/index.vue2.mjs +4 -0
  6. package/es/src/ap-action/index.d.ts +14 -0
  7. package/es/src/ap-action/index.mjs +17 -0
  8. package/es/src/ap-action/interface.d.ts +81 -0
  9. package/es/src/ap-action/item/index.vue.d.ts +44 -0
  10. package/es/src/ap-action/item/index.vue.mjs +49 -0
  11. package/es/src/ap-action/item/index.vue2.mjs +4 -0
  12. package/es/src/ap-action/item-dropdown/index.vue.d.ts +57 -0
  13. package/es/src/ap-action/item-dropdown/index.vue.mjs +92 -0
  14. package/es/src/ap-action/item-dropdown/index.vue2.mjs +4 -0
  15. package/es/src/ap-action/item-modal/index.vue.d.ts +41 -0
  16. package/es/src/ap-action/item-modal/index.vue.mjs +34 -0
  17. package/es/src/ap-action/item-modal/index.vue2.mjs +4 -0
  18. package/es/src/ap-action/item-popconfirm/index.vue.d.ts +343 -0
  19. package/es/src/ap-action/item-popconfirm/index.vue.mjs +37 -0
  20. package/es/src/ap-action/item-popconfirm/index.vue2.mjs +4 -0
  21. package/es/src/ap-action/style/item-dropdown.css +11 -0
  22. package/es/src/ap-action/style/item.css +28 -0
  23. package/es/src/ap-field/date/index.vue.d.ts +1 -1
  24. package/es/src/ap-field/date-range/index.vue.d.ts +1 -1
  25. package/es/src/ap-field/interface.d.ts +3 -2
  26. package/es/src/ap-field/number/index.vue.d.ts +1 -1
  27. package/es/src/ap-field/select/index.vue.d.ts +1 -1
  28. package/es/src/ap-field/switch/index.vue.d.ts +1 -1
  29. package/es/src/ap-field/switch/index.vue.mjs +68 -39
  30. package/es/src/ap-field/text/index.vue.d.ts +3 -3
  31. package/es/src/ap-field/text-area/index.vue.d.ts +2 -2
  32. package/es/src/ap-form/index.d.ts +76 -76
  33. package/es/src/base-button/index.d.ts +28 -28
  34. package/es/src/config-provider/config-provider.d.ts +4 -4
  35. package/es/src/config-provider/index.d.ts +12 -12
  36. package/es/src/count-down/index.d.ts +12 -12
  37. package/es/src/cropper/cropper-avatar.vue.d.ts +1 -1
  38. package/es/src/cropper/cropper-image.vue.d.ts +1 -1
  39. package/es/src/cropper/index.d.ts +42 -42
  40. package/es/src/description/description.vue.d.ts +1 -1
  41. package/es/src/description/index.d.ts +3 -3
  42. package/es/src/dropdown/dropdown.vue.d.ts +1 -1
  43. package/es/src/dropdown/index.d.ts +7 -7
  44. package/es/src/icon/index.d.ts +41 -41
  45. package/es/src/icon-picker/icon-picker.vue.d.ts +3 -3
  46. package/es/src/icon-picker/index.d.ts +45 -45
  47. package/es/src/index.d.ts +1 -0
  48. package/es/src/index.mjs +98 -88
  49. package/es/src/modal/basic.vue.d.ts +4 -3
  50. package/es/src/modal/basic.vue.mjs +53 -49
  51. package/es/src/modal/components/modal-footer.vue.d.ts +2 -2
  52. package/es/src/modal/components/modal.d.ts +2 -2
  53. package/es/src/modal/index.d.ts +10 -11
  54. package/es/src/modal/index.mjs +2 -3
  55. package/es/src/modal/props.mjs +1 -1
  56. package/es/src/modal/style/index.css +29 -30
  57. package/es/src/pro-form/components/api-radio-group.vue.d.ts +1 -1
  58. package/es/src/pro-form/components/api-select.vue.d.ts +2 -2
  59. package/es/src/pro-form/components/api-transfer.vue.d.ts +1 -1
  60. package/es/src/pro-form/components/api-tree.vue.d.ts +1 -1
  61. package/es/src/pro-form/hooks/use-label-width.d.ts +8 -8
  62. package/es/src/pro-form/pro-form.vue.d.ts +1 -1
  63. package/es/src/strength-meter/index.d.ts +12 -12
  64. package/es/src/theme/ap-action/item-dropdown.css +11 -0
  65. package/es/src/theme/ap-action/item.css +28 -0
  66. package/es/src/theme/modal/index.css +29 -30
  67. package/lib/index.js +1 -1
  68. package/lib/src/ap-action/constant.d.ts +0 -0
  69. package/lib/src/ap-action/group/index.vue.d.ts +38 -0
  70. package/lib/src/ap-action/group/index.vue.js +1 -0
  71. package/lib/src/ap-action/group/index.vue2.js +1 -0
  72. package/lib/src/ap-action/index.d.ts +14 -0
  73. package/lib/src/ap-action/index.js +1 -0
  74. package/lib/src/ap-action/interface.d.ts +81 -0
  75. package/lib/src/ap-action/item/index.vue.d.ts +44 -0
  76. package/lib/src/ap-action/item/index.vue.js +1 -0
  77. package/lib/src/ap-action/item/index.vue2.js +1 -0
  78. package/lib/src/ap-action/item-dropdown/index.vue.d.ts +57 -0
  79. package/lib/src/ap-action/item-dropdown/index.vue.js +1 -0
  80. package/lib/src/ap-action/item-dropdown/index.vue2.js +1 -0
  81. package/lib/src/ap-action/item-modal/index.vue.d.ts +41 -0
  82. package/lib/src/ap-action/item-modal/index.vue.js +1 -0
  83. package/lib/src/ap-action/item-modal/index.vue2.js +1 -0
  84. package/lib/src/ap-action/item-popconfirm/index.vue.d.ts +343 -0
  85. package/lib/src/ap-action/item-popconfirm/index.vue.js +1 -0
  86. package/lib/src/ap-action/item-popconfirm/index.vue2.js +1 -0
  87. package/lib/src/ap-action/style/item-dropdown.css +11 -0
  88. package/lib/src/ap-action/style/item.css +28 -0
  89. package/lib/src/ap-field/date/index.vue.d.ts +1 -1
  90. package/lib/src/ap-field/date-range/index.vue.d.ts +1 -1
  91. package/lib/src/ap-field/interface.d.ts +3 -2
  92. package/lib/src/ap-field/number/index.vue.d.ts +1 -1
  93. package/lib/src/ap-field/select/index.vue.d.ts +1 -1
  94. package/lib/src/ap-field/switch/index.vue.d.ts +1 -1
  95. package/lib/src/ap-field/switch/index.vue.js +1 -1
  96. package/lib/src/ap-field/text/index.vue.d.ts +3 -3
  97. package/lib/src/ap-field/text-area/index.vue.d.ts +2 -2
  98. package/lib/src/ap-form/index.d.ts +76 -76
  99. package/lib/src/base-button/index.d.ts +28 -28
  100. package/lib/src/config-provider/config-provider.d.ts +4 -4
  101. package/lib/src/config-provider/index.d.ts +12 -12
  102. package/lib/src/count-down/index.d.ts +12 -12
  103. package/lib/src/cropper/cropper-avatar.vue.d.ts +1 -1
  104. package/lib/src/cropper/cropper-image.vue.d.ts +1 -1
  105. package/lib/src/cropper/index.d.ts +42 -42
  106. package/lib/src/description/description.vue.d.ts +1 -1
  107. package/lib/src/description/index.d.ts +3 -3
  108. package/lib/src/dropdown/dropdown.vue.d.ts +1 -1
  109. package/lib/src/dropdown/index.d.ts +7 -7
  110. package/lib/src/icon/index.d.ts +41 -41
  111. package/lib/src/icon-picker/icon-picker.vue.d.ts +3 -3
  112. package/lib/src/icon-picker/index.d.ts +45 -45
  113. package/lib/src/index.d.ts +1 -0
  114. package/lib/src/index.js +1 -1
  115. package/lib/src/modal/basic.vue.d.ts +4 -3
  116. package/lib/src/modal/basic.vue.js +1 -1
  117. package/lib/src/modal/components/modal-footer.vue.d.ts +2 -2
  118. package/lib/src/modal/components/modal.d.ts +2 -2
  119. package/lib/src/modal/index.d.ts +10 -11
  120. package/lib/src/modal/index.js +1 -1
  121. package/lib/src/modal/props.js +1 -1
  122. package/lib/src/modal/style/index.css +29 -30
  123. package/lib/src/pro-form/components/api-radio-group.vue.d.ts +1 -1
  124. package/lib/src/pro-form/components/api-select.vue.d.ts +2 -2
  125. package/lib/src/pro-form/components/api-transfer.vue.d.ts +1 -1
  126. package/lib/src/pro-form/components/api-tree.vue.d.ts +1 -1
  127. package/lib/src/pro-form/hooks/use-label-width.d.ts +8 -8
  128. package/lib/src/pro-form/pro-form.vue.d.ts +1 -1
  129. package/lib/src/strength-meter/index.d.ts +12 -12
  130. package/lib/src/theme/ap-action/item-dropdown.css +11 -0
  131. package/lib/src/theme/ap-action/item.css +28 -0
  132. package/lib/src/theme/modal/index.css +29 -30
  133. package/package.json +3 -3
@@ -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?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
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" | "url" | "email" | "tel" | "none" | "numeric" | "decimal" | undefined;
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'?: "none" | "inline" | "both" | "list" | undefined;
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" | "step" | (boolean | "true" | "false") | "page" | "location" | undefined;
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'?: "none" | "copy" | "link" | "move" | "execute" | "popup" | undefined;
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'?: "dialog" | "menu" | (boolean | "true" | "false") | "grid" | "listbox" | "tree" | undefined;
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: "small" | "large" | "default";
69
+ size: "default" | "small" | "large";
70
70
  layout: "inline" | "horizontal" | "vertical";
71
71
  labelWidth: string | number;
72
72
  rulesMessageJoinLabel: boolean;
@@ -2,12 +2,12 @@ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOpt
2
2
  export * from './interface';
3
3
  export declare const StrengthMeter: {
4
4
  new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
5
- value: {
6
- type: PropType<string>;
7
- };
8
5
  disabled: {
9
6
  type: PropType<boolean>;
10
7
  };
8
+ value: {
9
+ type: PropType<string>;
10
+ };
11
11
  showInput: {
12
12
  type: PropType<boolean>;
13
13
  default: boolean;
@@ -19,12 +19,12 @@ export declare const StrengthMeter: {
19
19
  change: (...args: any[]) => void;
20
20
  "score-change": (...args: any[]) => void;
21
21
  }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
22
- value: {
23
- type: PropType<string>;
24
- };
25
22
  disabled: {
26
23
  type: PropType<boolean>;
27
24
  };
25
+ value: {
26
+ type: PropType<string>;
27
+ };
28
28
  showInput: {
29
29
  type: PropType<boolean>;
30
30
  default: boolean;
@@ -42,12 +42,12 @@ export declare const StrengthMeter: {
42
42
  M: {};
43
43
  Defaults: {};
44
44
  }, Readonly< ExtractPropTypes<{
45
- value: {
46
- type: PropType<string>;
47
- };
48
45
  disabled: {
49
46
  type: PropType<boolean>;
50
47
  };
48
+ value: {
49
+ type: PropType<string>;
50
+ };
51
51
  showInput: {
52
52
  type: PropType<boolean>;
53
53
  default: boolean;
@@ -62,12 +62,12 @@ export declare const StrengthMeter: {
62
62
  __isTeleport?: undefined;
63
63
  __isSuspense?: undefined;
64
64
  } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
65
- value: {
66
- type: PropType<string>;
67
- };
68
65
  disabled: {
69
66
  type: PropType<boolean>;
70
67
  };
68
+ value: {
69
+ type: PropType<string>;
70
+ };
71
71
  showInput: {
72
72
  type: PropType<boolean>;
73
73
  default: boolean;
@@ -0,0 +1,11 @@
1
+ .aplus-action-item-dropdown__item .aplus-action-item {
2
+ width: 100%;
3
+ }
4
+ .aplus-action-item-dropdown__wrapper {
5
+ display: inline-flex;
6
+ flex-direction: row;
7
+ align-items: center;
8
+ }
9
+ .aplus-action-item-dropdown__icon {
10
+ margin-left: 4px;
11
+ }
@@ -0,0 +1,28 @@
1
+ .aplus-action-item {
2
+ display: inline-block;
3
+ font-size: 14px;
4
+ line-height: 22px;
5
+ cursor: pointer;
6
+ }
7
+ .aplus-action-item--primary {
8
+ color: #0070ff;
9
+ }
10
+ .aplus-action-item--success {
11
+ color: #2ed1a3;
12
+ }
13
+ .aplus-action-item--error {
14
+ color: #FF4D4F;
15
+ }
16
+ .aplus-action-item--warn {
17
+ color: #FFA940;
18
+ }
19
+ .aplus-action-item--loading {
20
+ opacity: 0.35;
21
+ transition: opacity 0.2s;
22
+ }
23
+ .aplus-action-item--loading .btn-loading-icon {
24
+ margin-right: 4px;
25
+ }
26
+ .aplus-action-item--disabled {
27
+ color: #ABB7CC;
28
+ }
@@ -14,48 +14,50 @@
14
14
  .fullscreen-modal .ant-modal-footer {
15
15
  margin-top: 0;
16
16
  }
17
- .ant-modal {
17
+ .aplus-basic-modal {
18
18
  width: 520px;
19
19
  padding-bottom: 0;
20
20
  }
21
- .ant-modal .ant-modal-body > .aplus-scrollbar {
22
- padding: 14px;
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 .base-title {
29
+ .aplus-basic-modal .ant-modal-title .aplus-basic-title {
29
30
  cursor: move !important;
31
+ padding-left: 0;
30
32
  }
31
- .ant-modal .ant-modal-body {
33
+ .aplus-basic-modal .ant-modal-body {
32
34
  padding: 0;
33
35
  }
34
- .ant-modal .ant-modal-body > .aplus-scrollbar > .aplus-scrollbar__bar.is-horizontal {
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: 16px;
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: 10px 16px;
53
- border-top: 1px solid #eee;
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
- .ant-modal-confirm .ant-modal-body {
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 (max-height: 540px) {
94
+ @media screen and (height <= 540px) {
96
95
  .ant-modal {
97
96
  top: 30px;
98
97
  }
99
98
  }
100
- @media screen and (max-height: 480px) {
99
+ @media screen and (height <= 480px) {
101
100
  .ant-modal {
102
101
  top: 10px;
103
102
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aplus-frontend/ui",
3
- "version": "0.0.1-beta.6",
3
+ "version": "0.0.1-beta.7",
4
4
  "main": "lib/index.js",
5
5
  "module": "es/index.mjs",
6
6
  "files": [
@@ -51,8 +51,8 @@
51
51
  "dayjs": "^1.11.11",
52
52
  "lodash-unified": "^1.0.3",
53
53
  "sortablejs": "^1.15.2",
54
- "@aplus-frontend/utils": "1.0.13",
55
- "@aplus-frontend/hooks": "1.0.2"
54
+ "@aplus-frontend/hooks": "1.0.2",
55
+ "@aplus-frontend/utils": "1.0.14"
56
56
  },
57
57
  "peerDependencies": {
58
58
  "ant-design-vue": "^4.2.1"