antdv-next 1.0.0-alpha.4 → 1.0.0-alpha.5
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/dist/_util/tools.js +2 -1
- package/dist/_util/wave/WaveEffect.js +6 -1
- package/dist/_util/wave/style.js +4 -3
- package/dist/affix/index.d.ts +3 -3
- package/dist/alert/Alert.d.ts +4 -3
- package/dist/alert/Alert.js +1 -1
- package/dist/anchor/Anchor.d.ts +5 -5
- package/dist/anchor/AnchorLink.js +2 -2
- package/dist/anchor/index.d.ts +1 -1
- package/dist/antd.js +76 -76
- package/dist/app/App.d.ts +2 -2
- package/dist/auto-complete/index.d.ts +77 -0
- package/dist/auto-complete/index.js +627 -0
- package/dist/avatar/Avatar.d.ts +3 -3
- package/dist/avatar/AvatarGroup.d.ts +2 -2
- package/dist/badge/Ribbon.d.ts +3 -3
- package/dist/badge/index.d.ts +3 -3
- package/dist/breadcrumb/Breadcrumb.d.ts +5 -5
- package/dist/breadcrumb/Breadcrumb.js +0 -8
- package/dist/breadcrumb/BreadcrumbItem.d.ts +1 -1
- package/dist/breadcrumb/BreadcrumbItem.js +1 -17
- package/dist/breadcrumb/index.d.ts +1 -1
- package/dist/button/Button.d.ts +3 -3
- package/dist/button/style/variant.js +116 -104
- package/dist/calendar/Header.js +1 -1
- package/dist/calendar/generateCalendar.d.ts +3 -3
- package/dist/calendar/index.d.ts +3 -3
- package/dist/card/Card.d.ts +3 -3
- package/dist/card/CardGrid.d.ts +2 -2
- package/dist/card/CardMeta.d.ts +3 -3
- package/dist/carousel/index.d.ts +3 -3
- package/dist/cascader/Panel.d.ts +3 -3
- package/dist/cascader/index.d.ts +3 -3
- package/dist/cascader/index.js +1 -1
- package/dist/checkbox/Checkbox.d.ts +3 -3
- package/dist/checkbox/Group.d.ts +3 -3
- package/dist/collapse/Collapse.d.ts +3 -3
- package/dist/color-picker/ColorPicker.d.ts +4 -4
- package/dist/color-picker/ColorPicker.js +2 -2
- package/dist/components.d.ts +3 -2
- package/dist/components.js +7 -4
- package/dist/config-provider/context.js +2 -2
- package/dist/config-provider/index.d.ts +3 -3
- package/dist/date-picker/generatePicker/generateRangePicker.js +1 -1
- package/dist/date-picker/generatePicker/generateSinglePicker.js +1 -1
- package/dist/date-picker/generatePicker/index.d.ts +15 -15
- package/dist/date-picker/index.d.ts +25 -25
- package/dist/descriptions/index.d.ts +3 -3
- package/dist/divider/index.d.ts +2 -2
- package/dist/drawer/index.d.ts +3 -3
- package/dist/dropdown/dropdown.d.ts +4 -4
- package/dist/dropdown/dropdown.js +5 -3
- package/dist/empty/index.d.ts +3 -3
- package/dist/flex/index.d.ts +3 -3
- package/dist/float-button/BackTop.d.ts +3 -3
- package/dist/float-button/FloatButton.d.ts +3 -3
- package/dist/float-button/FloatButtonGroup.d.ts +3 -3
- package/dist/float-button/style/button.js +4 -4
- package/dist/float-button/style/group.js +12 -12
- package/dist/form/Form.d.ts +3 -3
- package/dist/form/FormItem/index.d.ts +3 -3
- package/dist/form/style/index.js +3 -2
- package/dist/grid/row.d.ts +2 -2
- package/dist/grid/style/index.js +5 -4
- package/dist/image/PreviewGroup.d.ts +2 -2
- package/dist/image/index.d.ts +4 -4
- package/dist/index.d.ts +5 -4
- package/dist/index.js +5 -4
- package/dist/input/Input.js +1 -1
- package/dist/input/OTP/index.js +1 -1
- package/dist/input/TextArea.d.ts +3 -3
- package/dist/input/TextArea.js +1 -1
- package/dist/input/index.d.ts +11 -11
- package/dist/input-number/index.d.ts +3 -3
- package/dist/input-number/index.js +1 -1
- package/dist/input-number/style/index.js +18 -17
- package/dist/layout/index.d.ts +6 -6
- package/dist/layout/layout.d.ts +2 -2
- package/dist/masonry/Masonry.d.ts +3 -3
- package/dist/masonry/Masonry.js +8 -6
- package/dist/mentions/index.d.ts +3 -3
- package/dist/mentions/index.js +1 -1
- package/dist/mentions/style/index.js +18 -17
- package/dist/menu/MenuDivider.d.ts +2 -2
- package/dist/menu/SubMenu.d.ts +3 -3
- package/dist/menu/index.d.ts +5 -5
- package/dist/message/PurePanel.d.ts +2 -2
- package/dist/modal/Modal.d.ts +3 -3
- package/dist/notification/PurePanel.d.ts +2 -2
- package/dist/notification/useNotification.d.ts +2 -2
- package/dist/package.d.ts +109 -3
- package/dist/package.js +1 -1
- package/dist/pagination/Pagination.d.ts +3 -3
- package/dist/pagination/Pagination.js +1 -1
- package/dist/pagination/style/index.js +61 -50
- package/dist/popconfirm/PurePanel.d.ts +2 -2
- package/dist/popconfirm/index.d.ts +3 -3
- package/dist/popover/index.d.ts +3 -3
- package/dist/popover/style/index.js +11 -8
- package/dist/progress/progress.d.ts +3 -3
- package/dist/qrcode/index.d.ts +3 -3
- package/dist/radio/index.d.ts +5 -5
- package/dist/radio/radio.d.ts +3 -3
- package/dist/rate/index.d.ts +3 -3
- package/dist/result/index.d.ts +3 -3
- package/dist/result/noFound.d.ts +2 -2
- package/dist/result/serverError.d.ts +2 -2
- package/dist/segmented/index.d.ts +3 -3
- package/dist/select/index.d.ts +6 -6
- package/dist/select/index.js +2 -2
- package/dist/select/style/select-input-multiple.js +31 -29
- package/dist/select/style/select-input.js +50 -44
- package/dist/skeleton/Button.d.ts +2 -2
- package/dist/skeleton/Input.d.ts +2 -2
- package/dist/skeleton/Node.d.ts +3 -3
- package/dist/skeleton/Skeleton.d.ts +3 -3
- package/dist/slider/index.d.ts +3 -3
- package/dist/space/Compact.d.ts +2 -0
- package/dist/space/Compact.js +17 -4
- package/dist/space/index.d.ts +5 -5
- package/dist/space/style/addon.js +20 -19
- package/dist/spin/index.d.ts +3 -3
- package/dist/splitter/SplitBar.js +9 -2
- package/dist/splitter/Splitter.d.ts +3 -3
- package/dist/splitter/Splitter.js +2 -1
- package/dist/splitter/index.d.ts +2 -2
- package/dist/splitter/style/index.js +6 -6
- package/dist/statistic/Statistic.d.ts +3 -3
- package/dist/statistic/Timer.d.ts +5 -5
- package/dist/statistic/index.d.ts +5 -5
- package/dist/steps/ProgressIcon.js +9 -2
- package/dist/steps/index.d.ts +3 -3
- package/dist/steps/index.js +7 -4
- package/dist/steps/style/horizontal.js +13 -10
- package/dist/steps/style/icon.js +11 -8
- package/dist/steps/style/index.js +19 -18
- package/dist/steps/style/inline.js +19 -16
- package/dist/steps/style/label-placement.js +22 -20
- package/dist/steps/style/nav.js +7 -5
- package/dist/steps/style/panel.js +34 -32
- package/dist/steps/style/progress-dot.js +10 -8
- package/dist/steps/style/progress.js +29 -58
- package/dist/steps/style/rtl.js +6 -4
- package/dist/steps/style/small.js +10 -8
- package/dist/steps/style/status.js +124 -121
- package/dist/steps/style/util.js +7 -4
- package/dist/steps/style/vertical.js +17 -14
- package/dist/style/placementArrow.js +7 -5
- package/dist/switch/index.d.ts +3 -3
- package/dist/table/Column.d.ts +3 -3
- package/dist/table/ColumnGroup.d.ts +3 -3
- package/dist/table/InternalTable.js +1 -1
- package/dist/table/Table.d.ts +3 -3
- package/dist/table/hooks/useFilter/FilterDropdown.js +1 -1
- package/dist/tabs/TabPane.d.ts +3 -3
- package/dist/tabs/index.d.ts +3 -3
- package/dist/tag/CheckableTag.d.ts +3 -3
- package/dist/tag/CheckableTagGroup.d.ts +3 -3
- package/dist/tag/index.d.ts +3 -3
- package/dist/theme/index.d.ts +4 -4
- package/dist/theme/util/genStyleUtils.js +8 -5
- package/dist/time-picker/index.d.ts +7 -7
- package/dist/timeline/Timeline.d.ts +3 -3
- package/dist/tooltip/PurePanel.d.ts +2 -2
- package/dist/tooltip/PurePanel.js +3 -3
- package/dist/tooltip/UniqueProvider/index.d.ts +2 -2
- package/dist/tooltip/index.d.ts +3 -3
- package/dist/tooltip/index.js +2 -3
- package/dist/tooltip/style/index.js +10 -8
- package/dist/tooltip/util.js +5 -3
- package/dist/tour/index.d.ts +3 -3
- package/dist/tour/style/index.js +5 -4
- package/dist/transfer/Actions.d.ts +2 -2
- package/dist/transfer/Section.d.ts +2 -2
- package/dist/transfer/Transfer.d.ts +3 -3
- package/dist/transfer/Transfer.js +1 -1
- package/dist/transfer/search.d.ts +3 -3
- package/dist/tree/DirectoryTree.d.ts +3 -3
- package/dist/tree/Tree.d.ts +3 -3
- package/dist/tree-select/index.d.ts +4 -4
- package/dist/tree-select/index.js +1 -1
- package/dist/typography/Link.d.ts +3 -3
- package/dist/typography/Paragraph.d.ts +3 -3
- package/dist/typography/Text.d.ts +3 -3
- package/dist/typography/Title.d.ts +3 -3
- package/dist/typography/Typography.d.ts +3 -3
- package/dist/typography/index.d.ts +9 -9
- package/dist/upload/Dragger.d.ts +6 -3
- package/dist/upload/Upload.d.ts +3 -3
- package/dist/upload/index.d.ts +6 -3
- package/dist/watermark/index.d.ts +2 -2
- package/global.d.ts +2 -0
- package/package.json +22 -4
- package/web-tags.json +4524 -0
- package/web-types.json +12779 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { genFocusOutline, genFocusStyle, resetComponent } from "../../style/index.js";
|
|
2
|
-
import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
|
|
2
|
+
import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
|
|
3
3
|
import { mergeToken } from "../../theme/internal.js";
|
|
4
4
|
import { initComponentToken, initInputToken } from "../../input/style/token.js";
|
|
5
5
|
import { genBaseOutlinedStyle, genDisabledStyle } from "../../input/style/variants.js";
|
|
@@ -63,23 +63,24 @@ const genPaginationDisabledStyle = (token) => {
|
|
|
63
63
|
};
|
|
64
64
|
};
|
|
65
65
|
const genPaginationMiniStyle = (token) => {
|
|
66
|
-
const { componentCls } = token;
|
|
66
|
+
const { componentCls, antCls } = token;
|
|
67
|
+
const [, varRef] = genCssVar(antCls, "pagination");
|
|
67
68
|
return {
|
|
68
69
|
[`&${componentCls}-mini ${componentCls}-total-text, &${componentCls}-mini ${componentCls}-simple-pager`]: {
|
|
69
|
-
height:
|
|
70
|
-
lineHeight:
|
|
70
|
+
height: varRef("item-size-actual"),
|
|
71
|
+
lineHeight: varRef("item-size-actual")
|
|
71
72
|
},
|
|
72
73
|
[`&${componentCls}-mini ${componentCls}-item`]: {
|
|
73
|
-
minWidth:
|
|
74
|
-
height:
|
|
74
|
+
minWidth: varRef("item-size-actual"),
|
|
75
|
+
height: varRef("item-size-actual"),
|
|
75
76
|
margin: 0,
|
|
76
|
-
lineHeight: unit(token.calc(
|
|
77
|
+
lineHeight: unit(token.calc(varRef("item-size-actual")).sub(2).equal())
|
|
77
78
|
},
|
|
78
79
|
[`&${componentCls}-mini ${componentCls}-prev, &${componentCls}-mini ${componentCls}-next`]: {
|
|
79
|
-
minWidth:
|
|
80
|
-
height:
|
|
80
|
+
minWidth: varRef("item-size-actual"),
|
|
81
|
+
height: varRef("item-size-actual"),
|
|
81
82
|
margin: 0,
|
|
82
|
-
lineHeight:
|
|
83
|
+
lineHeight: varRef("item-size-actual")
|
|
83
84
|
},
|
|
84
85
|
[`&${componentCls}-mini:not(${componentCls}-disabled)`]: { [`${componentCls}-prev, ${componentCls}-next`]: {
|
|
85
86
|
[`&:hover ${componentCls}-item-link`]: { backgroundColor: token.colorBgTextHover },
|
|
@@ -93,21 +94,21 @@ const genPaginationMiniStyle = (token) => {
|
|
|
93
94
|
"backgroundColor": "transparent",
|
|
94
95
|
"borderColor": "transparent",
|
|
95
96
|
"&::after": {
|
|
96
|
-
height:
|
|
97
|
-
lineHeight:
|
|
97
|
+
height: varRef("item-size-actual"),
|
|
98
|
+
lineHeight: varRef("item-size-actual")
|
|
98
99
|
}
|
|
99
100
|
},
|
|
100
101
|
[`&${componentCls}-mini ${componentCls}-jump-prev, &${componentCls}-mini ${componentCls}-jump-next`]: {
|
|
101
|
-
height:
|
|
102
|
+
height: varRef("item-size-actual"),
|
|
102
103
|
marginInlineEnd: 0,
|
|
103
|
-
lineHeight:
|
|
104
|
+
lineHeight: varRef("item-size-actual")
|
|
104
105
|
},
|
|
105
106
|
[`&${componentCls}-mini ${componentCls}-options`]: {
|
|
106
107
|
"marginInlineStart": token.paginationMiniOptionsMarginInlineStart,
|
|
107
108
|
"&-size-changer": { top: token.miniOptionsSizeChangerTop },
|
|
108
109
|
"&-quick-jumper": {
|
|
109
|
-
height:
|
|
110
|
-
lineHeight:
|
|
110
|
+
height: varRef("item-size-actual"),
|
|
111
|
+
lineHeight: varRef("item-size-actual"),
|
|
111
112
|
input: {
|
|
112
113
|
...genInputSmallStyle(token),
|
|
113
114
|
width: token.paginationMiniQuickJumperInputWidth,
|
|
@@ -118,29 +119,30 @@ const genPaginationMiniStyle = (token) => {
|
|
|
118
119
|
};
|
|
119
120
|
};
|
|
120
121
|
const genPaginationSimpleStyle = (token) => {
|
|
121
|
-
const { componentCls } = token;
|
|
122
|
+
const { componentCls, antCls } = token;
|
|
123
|
+
const [, varRef] = genCssVar(antCls, "pagination");
|
|
122
124
|
return { [`&${componentCls}-simple`]: {
|
|
123
125
|
[`${componentCls}-prev, ${componentCls}-next`]: {
|
|
124
|
-
height:
|
|
125
|
-
lineHeight:
|
|
126
|
+
height: varRef("item-size-actual"),
|
|
127
|
+
lineHeight: varRef("item-size-actual"),
|
|
126
128
|
verticalAlign: "top",
|
|
127
129
|
[`${componentCls}-item-link`]: {
|
|
128
|
-
"height":
|
|
130
|
+
"height": varRef("item-size-actual"),
|
|
129
131
|
"backgroundColor": "transparent",
|
|
130
132
|
"border": 0,
|
|
131
133
|
"&:hover": { backgroundColor: token.colorBgTextHover },
|
|
132
134
|
"&:active": { backgroundColor: token.colorBgTextActive },
|
|
133
135
|
"&::after": {
|
|
134
|
-
height:
|
|
135
|
-
lineHeight:
|
|
136
|
+
height: varRef("item-size-actual"),
|
|
137
|
+
lineHeight: varRef("item-size-actual")
|
|
136
138
|
}
|
|
137
139
|
}
|
|
138
140
|
},
|
|
139
141
|
[`${componentCls}-simple-pager`]: {
|
|
140
142
|
display: "inline-flex",
|
|
141
143
|
alignItems: "center",
|
|
142
|
-
height:
|
|
143
|
-
marginInlineEnd:
|
|
144
|
+
height: varRef("item-size-actual"),
|
|
145
|
+
marginInlineEnd: varRef("item-spacing-actual"),
|
|
144
146
|
input: {
|
|
145
147
|
"boxSizing": "border-box",
|
|
146
148
|
"height": "100%",
|
|
@@ -169,25 +171,26 @@ const genPaginationSimpleStyle = (token) => {
|
|
|
169
171
|
[`&${componentCls}-disabled`]: { [`${componentCls}-prev, ${componentCls}-next`]: { [`${componentCls}-item-link`]: { "&:hover, &:active": { backgroundColor: "transparent" } } } },
|
|
170
172
|
[`&${componentCls}-mini`]: {
|
|
171
173
|
[`${componentCls}-prev, ${componentCls}-next`]: {
|
|
172
|
-
height:
|
|
173
|
-
lineHeight:
|
|
174
|
+
height: varRef("item-size-actual"),
|
|
175
|
+
lineHeight: varRef("item-size-actual"),
|
|
174
176
|
[`${componentCls}-item-link`]: {
|
|
175
|
-
"height":
|
|
177
|
+
"height": varRef("item-size-actual"),
|
|
176
178
|
"&::after": {
|
|
177
|
-
height:
|
|
178
|
-
lineHeight:
|
|
179
|
+
height: varRef("item-size-actual"),
|
|
180
|
+
lineHeight: varRef("item-size-actual")
|
|
179
181
|
}
|
|
180
182
|
}
|
|
181
183
|
},
|
|
182
184
|
[`${componentCls}-simple-pager`]: {
|
|
183
|
-
height:
|
|
185
|
+
height: varRef("item-size-actual"),
|
|
184
186
|
input: { width: token.paginationMiniQuickJumperInputWidth }
|
|
185
187
|
}
|
|
186
188
|
}
|
|
187
189
|
} };
|
|
188
190
|
};
|
|
189
191
|
const genPaginationJumpStyle = (token) => {
|
|
190
|
-
const { componentCls } = token;
|
|
192
|
+
const { componentCls, antCls } = token;
|
|
193
|
+
const [, varRef] = genCssVar(antCls, "pagination");
|
|
191
194
|
return {
|
|
192
195
|
[`${componentCls}-jump-prev, ${componentCls}-jump-next`]: {
|
|
193
196
|
"outline": 0,
|
|
@@ -231,7 +234,7 @@ const genPaginationJumpStyle = (token) => {
|
|
|
231
234
|
${componentCls}-prev,
|
|
232
235
|
${componentCls}-jump-prev,
|
|
233
236
|
${componentCls}-jump-next
|
|
234
|
-
`]: { marginInlineEnd:
|
|
237
|
+
`]: { marginInlineEnd: varRef("item-spacing-actual") },
|
|
235
238
|
[`
|
|
236
239
|
${componentCls}-prev,
|
|
237
240
|
${componentCls}-next,
|
|
@@ -239,11 +242,11 @@ const genPaginationJumpStyle = (token) => {
|
|
|
239
242
|
${componentCls}-jump-next
|
|
240
243
|
`]: {
|
|
241
244
|
display: "inline-block",
|
|
242
|
-
minWidth:
|
|
243
|
-
height:
|
|
245
|
+
minWidth: varRef("item-size-actual"),
|
|
246
|
+
height: varRef("item-size-actual"),
|
|
244
247
|
color: token.colorText,
|
|
245
248
|
fontFamily: token.fontFamily,
|
|
246
|
-
lineHeight:
|
|
249
|
+
lineHeight: varRef("item-size-actual"),
|
|
247
250
|
textAlign: "center",
|
|
248
251
|
verticalAlign: "middle",
|
|
249
252
|
listStyle: "none",
|
|
@@ -286,9 +289,9 @@ const genPaginationJumpStyle = (token) => {
|
|
|
286
289
|
"&-size-changer": { width: "auto" },
|
|
287
290
|
"&-quick-jumper": {
|
|
288
291
|
display: "inline-block",
|
|
289
|
-
height:
|
|
290
|
-
marginInlineStart:
|
|
291
|
-
lineHeight:
|
|
292
|
+
height: varRef("item-size-actual"),
|
|
293
|
+
marginInlineStart: varRef("item-spacing-actual"),
|
|
294
|
+
lineHeight: varRef("item-size-actual"),
|
|
292
295
|
verticalAlign: "top",
|
|
293
296
|
input: {
|
|
294
297
|
...genBasicInputStyle(token),
|
|
@@ -300,25 +303,26 @@ const genPaginationJumpStyle = (token) => {
|
|
|
300
303
|
}),
|
|
301
304
|
"&[disabled]": { ...genDisabledStyle(token) },
|
|
302
305
|
"width": token.quickJumperInputWidth,
|
|
303
|
-
"height":
|
|
306
|
+
"height": varRef("item-size-actual"),
|
|
304
307
|
"boxSizing": "border-box",
|
|
305
308
|
"margin": 0,
|
|
306
|
-
"marginInlineStart":
|
|
307
|
-
"marginInlineEnd":
|
|
309
|
+
"marginInlineStart": varRef("item-spacing-actual"),
|
|
310
|
+
"marginInlineEnd": varRef("item-spacing-actual")
|
|
308
311
|
}
|
|
309
312
|
}
|
|
310
313
|
}
|
|
311
314
|
};
|
|
312
315
|
};
|
|
313
316
|
const genPaginationItemStyle = (token) => {
|
|
314
|
-
const { componentCls } = token;
|
|
317
|
+
const { componentCls, antCls } = token;
|
|
318
|
+
const [, varRef] = genCssVar(antCls, "pagination");
|
|
315
319
|
return { [`${componentCls}-item`]: {
|
|
316
320
|
"display": "inline-block",
|
|
317
|
-
"minWidth":
|
|
318
|
-
"height":
|
|
319
|
-
"marginInlineEnd":
|
|
321
|
+
"minWidth": varRef("item-size-actual"),
|
|
322
|
+
"height": varRef("item-size-actual"),
|
|
323
|
+
"marginInlineEnd": varRef("item-spacing-actual"),
|
|
320
324
|
"fontFamily": token.fontFamily,
|
|
321
|
-
"lineHeight": unit(token.calc(
|
|
325
|
+
"lineHeight": unit(token.calc(varRef("item-size-actual")).sub(2).equal()),
|
|
322
326
|
"textAlign": "center",
|
|
323
327
|
"verticalAlign": "middle",
|
|
324
328
|
"listStyle": "none",
|
|
@@ -352,9 +356,16 @@ const genPaginationItemStyle = (token) => {
|
|
|
352
356
|
} };
|
|
353
357
|
};
|
|
354
358
|
const genPaginationStyle = (token) => {
|
|
355
|
-
const { componentCls } = token;
|
|
359
|
+
const { componentCls, antCls } = token;
|
|
360
|
+
const [varName, varRef] = genCssVar(antCls, "pagination");
|
|
356
361
|
return {
|
|
357
362
|
[componentCls]: {
|
|
363
|
+
[varName("item-size-actual")]: unit(token.itemSize),
|
|
364
|
+
[varName("item-spacing-actual")]: unit(token.marginXS),
|
|
365
|
+
"&-mini": {
|
|
366
|
+
[varName("item-size-actual")]: unit(token.itemSizeSM),
|
|
367
|
+
[varName("item-spacing-actual")]: unit(token.marginXXS)
|
|
368
|
+
},
|
|
358
369
|
...resetComponent(token),
|
|
359
370
|
"display": "flex",
|
|
360
371
|
"&-start": { justifyContent: "start" },
|
|
@@ -375,9 +386,9 @@ const genPaginationStyle = (token) => {
|
|
|
375
386
|
},
|
|
376
387
|
[`${componentCls}-total-text`]: {
|
|
377
388
|
display: "inline-block",
|
|
378
|
-
height:
|
|
379
|
-
marginInlineEnd:
|
|
380
|
-
lineHeight: unit(token.calc(
|
|
389
|
+
height: varRef("item-size-actual"),
|
|
390
|
+
marginInlineEnd: varRef("item-spacing-actual"),
|
|
391
|
+
lineHeight: unit(token.calc(varRef("item-size-actual")).sub(2).equal()),
|
|
381
392
|
verticalAlign: "middle"
|
|
382
393
|
},
|
|
383
394
|
...genPaginationItemStyle(token),
|
|
@@ -2,7 +2,7 @@ import { SemanticClassNames, SemanticStyles } from "../_util/hooks/useMergeSeman
|
|
|
2
2
|
import "../_util/hooks/index.js";
|
|
3
3
|
import { PopoverSemanticName } from "../popover/index.js";
|
|
4
4
|
import { PopconfirmProps } from "./index.js";
|
|
5
|
-
import * as
|
|
5
|
+
import * as vue13 from "vue";
|
|
6
6
|
import { CSSProperties } from "vue";
|
|
7
7
|
|
|
8
8
|
//#region src/popconfirm/PurePanel.d.ts
|
|
@@ -23,6 +23,6 @@ interface PurePanelProps extends Omit<OverlayProps, 'prefixCls'>, Pick<Popconfir
|
|
|
23
23
|
class?: string;
|
|
24
24
|
style?: CSSProperties;
|
|
25
25
|
}
|
|
26
|
-
declare const PurePanel:
|
|
26
|
+
declare const PurePanel: vue13.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue13.PublicProps>;
|
|
27
27
|
//#endregion
|
|
28
28
|
export { PopconfirmLocale, PurePanel };
|
|
@@ -6,7 +6,7 @@ import { ButtonProps, LegacyButtonType } from "../button/Button.js";
|
|
|
6
6
|
import "../button/index.js";
|
|
7
7
|
import { PopoverProps, PopoverSemanticName } from "../popover/index.js";
|
|
8
8
|
import { PurePanel } from "./PurePanel.js";
|
|
9
|
-
import * as
|
|
9
|
+
import * as vue88 from "vue";
|
|
10
10
|
import { App, SlotsType } from "vue";
|
|
11
11
|
|
|
12
12
|
//#region src/popconfirm/index.d.ts
|
|
@@ -40,9 +40,9 @@ interface PopconfirmSlots {
|
|
|
40
40
|
okText?: () => any;
|
|
41
41
|
cancelText?: () => any;
|
|
42
42
|
}
|
|
43
|
-
declare const InternalPopconfirm:
|
|
43
|
+
declare const InternalPopconfirm: vue88.DefineSetupFnComponent<PopconfirmProps, PopconfirmEmits, SlotsType<PopconfirmSlots>, PopconfirmProps & {
|
|
44
44
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
45
|
-
},
|
|
45
|
+
}, vue88.PublicProps>;
|
|
46
46
|
type PopconfirmType = typeof InternalPopconfirm & {
|
|
47
47
|
install: (app: App) => void;
|
|
48
48
|
_InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
|
package/dist/popover/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { VueNode } from "../_util/type.js";
|
|
|
2
2
|
import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
|
|
3
3
|
import "../_util/hooks/index.js";
|
|
4
4
|
import { SemanticName, TooltipEmits, TooltipProps } from "../tooltip/index.js";
|
|
5
|
-
import * as
|
|
5
|
+
import * as vue90 from "vue";
|
|
6
6
|
import { SlotsType } from "vue";
|
|
7
7
|
|
|
8
8
|
//#region src/popover/index.d.ts
|
|
@@ -23,9 +23,9 @@ interface PopoverSlots {
|
|
|
23
23
|
content: () => any;
|
|
24
24
|
default: () => any;
|
|
25
25
|
}
|
|
26
|
-
declare const InternalPopover:
|
|
26
|
+
declare const InternalPopover: vue90.DefineSetupFnComponent<PopoverProps, PopoverEmits, SlotsType<PopoverSlots>, PopoverProps & {
|
|
27
27
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
28
|
-
},
|
|
28
|
+
}, vue90.PublicProps>;
|
|
29
29
|
declare const _default: typeof InternalPopover;
|
|
30
30
|
//#endregion
|
|
31
31
|
export { PopoverProps, PopoverSemanticName, _default };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PresetColors } from "../../theme/interface/presetColors.js";
|
|
2
2
|
import { resetComponent } from "../../style/index.js";
|
|
3
|
-
import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
|
|
3
|
+
import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
|
|
4
4
|
import { mergeToken } from "../../theme/internal.js";
|
|
5
5
|
import { getArrowToken } from "../../style/roundedArrow.js";
|
|
6
6
|
import getArrowStyle, { getArrowOffsetToken } from "../../style/placementArrow.js";
|
|
@@ -8,8 +8,10 @@ import { initZoomMotion } from "../../style/motion/zoom.js";
|
|
|
8
8
|
import "../../style/motion/index.js";
|
|
9
9
|
|
|
10
10
|
//#region src/popover/style/index.ts
|
|
11
|
+
const FALL_BACK_ORIGIN = "50%";
|
|
11
12
|
const genBaseStyle = (token) => {
|
|
12
|
-
const { componentCls, popoverColor, titleMinWidth, fontWeightStrong, innerPadding, boxShadowSecondary, colorTextHeading, borderRadiusLG, zIndexPopup, titleMarginBottom, colorBgElevated, popoverBg, titleBorderBottom, innerContentPadding, titlePadding } = token;
|
|
13
|
+
const { componentCls, popoverColor, titleMinWidth, fontWeightStrong, innerPadding, boxShadowSecondary, colorTextHeading, borderRadiusLG, zIndexPopup, titleMarginBottom, colorBgElevated, popoverBg, titleBorderBottom, innerContentPadding, titlePadding, antCls } = token;
|
|
14
|
+
const [varName, varRef] = genCssVar(antCls, "tooltip");
|
|
13
15
|
return [
|
|
14
16
|
{ [componentCls]: {
|
|
15
17
|
...resetComponent(token),
|
|
@@ -25,9 +27,9 @@ const genBaseStyle = (token) => {
|
|
|
25
27
|
"textAlign": "start",
|
|
26
28
|
"cursor": "auto",
|
|
27
29
|
"userSelect": "text",
|
|
28
|
-
"
|
|
29
|
-
"transformOrigin": [
|
|
30
|
-
"
|
|
30
|
+
[varName("valid-offset-x")]: varRef("arrow-offset-horizontal", "var(--arrow-x)"),
|
|
31
|
+
"transformOrigin": [varRef("valid-offset-x", FALL_BACK_ORIGIN), `var(--arrow-y, ${FALL_BACK_ORIGIN})`].join(" "),
|
|
32
|
+
[varName("arrow-background-color")]: colorBgElevated,
|
|
31
33
|
"width": "max-content",
|
|
32
34
|
"maxWidth": "100vw",
|
|
33
35
|
"&-rtl": { direction: "rtl" },
|
|
@@ -53,7 +55,7 @@ const genBaseStyle = (token) => {
|
|
|
53
55
|
padding: innerContentPadding
|
|
54
56
|
}
|
|
55
57
|
} },
|
|
56
|
-
getArrowStyle(token, "
|
|
58
|
+
getArrowStyle(token, varRef("arrow-background-color")),
|
|
57
59
|
{ [`${componentCls}-pure`]: {
|
|
58
60
|
position: "relative",
|
|
59
61
|
maxWidth: "none",
|
|
@@ -63,11 +65,12 @@ const genBaseStyle = (token) => {
|
|
|
63
65
|
];
|
|
64
66
|
};
|
|
65
67
|
const genColorStyle = (token) => {
|
|
66
|
-
const { componentCls } = token;
|
|
68
|
+
const { componentCls, antCls } = token;
|
|
69
|
+
const [varName] = genCssVar(antCls, "tooltip");
|
|
67
70
|
return { [componentCls]: PresetColors.map((colorKey) => {
|
|
68
71
|
const lightColor = token[`${colorKey}6`];
|
|
69
72
|
return { [`&${componentCls}-${colorKey}`]: {
|
|
70
|
-
"
|
|
73
|
+
[varName("arrow-background-color")]: lightColor,
|
|
71
74
|
[`${componentCls}-inner`]: { backgroundColor: lightColor },
|
|
72
75
|
[`${componentCls}-arrow`]: { background: "transparent" }
|
|
73
76
|
} };
|
|
@@ -2,7 +2,7 @@ import { EmptyEmit } from "../_util/type.js";
|
|
|
2
2
|
import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
|
|
3
3
|
import "../_util/hooks/index.js";
|
|
4
4
|
import { ComponentBaseProps } from "../config-provider/context.js";
|
|
5
|
-
import * as
|
|
5
|
+
import * as vue94 from "vue";
|
|
6
6
|
import { AriaAttributes, SlotsType } from "vue";
|
|
7
7
|
|
|
8
8
|
//#region src/progress/progress.d.ts
|
|
@@ -67,8 +67,8 @@ interface ProgressProps extends ComponentBaseProps, ProgressAriaProps {
|
|
|
67
67
|
interface ProgressSlots {
|
|
68
68
|
default?: () => any;
|
|
69
69
|
}
|
|
70
|
-
declare const Progress:
|
|
70
|
+
declare const Progress: vue94.DefineSetupFnComponent<ProgressProps, EmptyEmit, SlotsType<ProgressSlots>, ProgressProps & {
|
|
71
71
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
72
|
-
},
|
|
72
|
+
}, vue94.PublicProps>;
|
|
73
73
|
//#endregion
|
|
74
74
|
export { Progress, ProgressAriaProps, ProgressProps };
|
package/dist/qrcode/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { QRCodeEmits, QRCodeProps, QRCodeSlots } from "./interface.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as vue96 from "vue";
|
|
3
3
|
import { SlotsType } from "vue";
|
|
4
4
|
|
|
5
5
|
//#region src/qrcode/index.d.ts
|
|
6
|
-
declare const QRCode:
|
|
6
|
+
declare const QRCode: vue96.DefineSetupFnComponent<QRCodeProps, QRCodeEmits, SlotsType<QRCodeSlots>, QRCodeProps & {
|
|
7
7
|
[x: `on${Capitalize<string>}`]: (() => any) | undefined;
|
|
8
|
-
},
|
|
8
|
+
}, vue96.PublicProps>;
|
|
9
9
|
//#endregion
|
|
10
10
|
export { QRCode };
|
package/dist/radio/index.d.ts
CHANGED
|
@@ -4,15 +4,15 @@ import "../checkbox/index.js";
|
|
|
4
4
|
import { RadioChangeEvent, RadioEmits, RadioGroupEmits, RadioGroupOptionType, RadioGroupProps, RadioGroupSlots, RadioProps, RadioSlots } from "./interface.js";
|
|
5
5
|
import { InternalRadio } from "./radio.js";
|
|
6
6
|
import "../index.js";
|
|
7
|
-
import * as
|
|
7
|
+
import * as vue98 from "vue";
|
|
8
8
|
|
|
9
9
|
//#region src/radio/index.d.ts
|
|
10
10
|
type RadioOptionType = CheckboxOptionType;
|
|
11
|
-
declare const RadioGroup:
|
|
11
|
+
declare const RadioGroup: vue98.DefineSetupFnComponent<RadioGroupProps, RadioGroupEmits, vue98.SlotsType<RadioGroupSlots>, RadioGroupProps & {
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
|
-
},
|
|
14
|
-
declare const RadioButton:
|
|
13
|
+
}, vue98.PublicProps>;
|
|
14
|
+
declare const RadioButton: vue98.DefineSetupFnComponent<AbstractCheckboxProps, CheckboxEmits, vue98.SlotsType<CheckboxSlots>, AbstractCheckboxProps & {
|
|
15
15
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
16
|
-
},
|
|
16
|
+
}, vue98.PublicProps>;
|
|
17
17
|
//#endregion
|
|
18
18
|
export { RadioButton, RadioGroup, RadioOptionType };
|
package/dist/radio/radio.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { RadioEmits, RadioProps, RadioSlots } from "./interface.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as vue396 from "vue";
|
|
3
3
|
import { SlotsType } from "vue";
|
|
4
4
|
|
|
5
5
|
//#region src/radio/radio.d.ts
|
|
6
|
-
declare const InternalRadio:
|
|
6
|
+
declare const InternalRadio: vue396.DefineSetupFnComponent<RadioProps, RadioEmits, SlotsType<RadioSlots>, RadioProps & {
|
|
7
7
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
8
|
-
},
|
|
8
|
+
}, vue396.PublicProps>;
|
|
9
9
|
//#endregion
|
|
10
10
|
export { InternalRadio };
|
package/dist/rate/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TooltipProps } from "../tooltip/index.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as vue132 from "vue";
|
|
3
3
|
import { RateProps } from "@v-c/rate";
|
|
4
4
|
|
|
5
5
|
//#region src/rate/index.d.ts
|
|
@@ -18,8 +18,8 @@ interface RateEmits {
|
|
|
18
18
|
'mouseleave': (e: FocusEvent) => void;
|
|
19
19
|
[key: string]: (...args: any[]) => void;
|
|
20
20
|
}
|
|
21
|
-
declare const Rate:
|
|
21
|
+
declare const Rate: vue132.DefineSetupFnComponent<RateProps$1, RateEmits, {}, RateProps$1 & {
|
|
22
22
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
23
|
-
},
|
|
23
|
+
}, vue132.PublicProps>;
|
|
24
24
|
//#endregion
|
|
25
25
|
export { Rate, RateEmits, RateProps$1 as RateProps };
|
package/dist/result/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import { NoFound } from "./noFound.js";
|
|
|
5
5
|
import { ServerError } from "./serverError.js";
|
|
6
6
|
import { Unauthorized } from "./unauthorized.js";
|
|
7
7
|
import { ComponentBaseProps } from "../config-provider/context.js";
|
|
8
|
-
import * as
|
|
8
|
+
import * as vue138 from "vue";
|
|
9
9
|
import { SlotsType } from "vue";
|
|
10
10
|
|
|
11
11
|
//#region src/result/index.d.ts
|
|
@@ -36,9 +36,9 @@ interface ResultSlots {
|
|
|
36
36
|
extra?: () => any;
|
|
37
37
|
default?: () => any;
|
|
38
38
|
}
|
|
39
|
-
declare const Result:
|
|
39
|
+
declare const Result: vue138.DefineSetupFnComponent<ResultProps, EmptyEmit, SlotsType<ResultSlots>, ResultProps & {
|
|
40
40
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
41
|
-
},
|
|
41
|
+
}, vue138.PublicProps>;
|
|
42
42
|
declare const _default: typeof Result & {
|
|
43
43
|
PRESENTED_IMAGE_403: (typeof ExceptionMap)["403"];
|
|
44
44
|
PRESENTED_IMAGE_404: (typeof ExceptionMap)["404"];
|
package/dist/result/noFound.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as vue_jsx_runtime14 from "vue/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region src/result/noFound.d.ts
|
|
4
|
-
declare function NoFound():
|
|
4
|
+
declare function NoFound(): vue_jsx_runtime14.JSX.Element;
|
|
5
5
|
//#endregion
|
|
6
6
|
export { NoFound };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as vue_jsx_runtime13 from "vue/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region src/result/serverError.d.ts
|
|
4
|
-
declare function ServerError():
|
|
4
|
+
declare function ServerError(): vue_jsx_runtime13.JSX.Element;
|
|
5
5
|
//#endregion
|
|
6
6
|
export { ServerError };
|
|
@@ -4,7 +4,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
|
|
|
4
4
|
import { Orientation } from "../_util/hooks/useOrientation.js";
|
|
5
5
|
import "../_util/hooks/index.js";
|
|
6
6
|
import { TooltipProps } from "../tooltip/index.js";
|
|
7
|
-
import * as
|
|
7
|
+
import * as vue142 from "vue";
|
|
8
8
|
import { App, SlotsType } from "vue";
|
|
9
9
|
import { SegmentedLabeledOption, SegmentedProps, SegmentedRawOption, SegmentedValue } from "@v-c/segmented";
|
|
10
10
|
|
|
@@ -48,9 +48,9 @@ interface SegmentedSlots {
|
|
|
48
48
|
iconRender: (option: SegmentedLabeledOption$1) => any;
|
|
49
49
|
labelRender: (option: SegmentedLabeledOption$1) => any;
|
|
50
50
|
}
|
|
51
|
-
declare const InternalSegmented:
|
|
51
|
+
declare const InternalSegmented: vue142.DefineSetupFnComponent<SegmentedProps$1, SegmentedEmits, SlotsType<SegmentedSlots>, SegmentedProps$1 & {
|
|
52
52
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
53
|
-
},
|
|
53
|
+
}, vue142.PublicProps>;
|
|
54
54
|
declare const Segmented: typeof InternalSegmented & {
|
|
55
55
|
install: (app: App) => void;
|
|
56
56
|
};
|
package/dist/select/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import "../_util/hooks/index.js";
|
|
|
5
5
|
import { InputStatus } from "../_util/statusUtils.js";
|
|
6
6
|
import { SelectCommonPlacement } from "../_util/motion.js";
|
|
7
7
|
import { ComponentBaseProps, Variant } from "../config-provider/context.js";
|
|
8
|
-
import * as
|
|
8
|
+
import * as vue161 from "vue";
|
|
9
9
|
import { CSSProperties, SlotsType } from "vue";
|
|
10
10
|
import { SelectProps } from "@v-c/select";
|
|
11
11
|
import * as _v_c_select_dist_Option_js0 from "@v-c/select/dist/Option.js";
|
|
@@ -110,10 +110,10 @@ interface SelectSlots {
|
|
|
110
110
|
maxTagPlaceholder?: (data: any[]) => any;
|
|
111
111
|
notFoundContent?: () => any;
|
|
112
112
|
}
|
|
113
|
-
declare const Select:
|
|
113
|
+
declare const Select: vue161.DefineSetupFnComponent<SelectProps$1, SelectEmits, SlotsType<SelectSlots>, SelectProps$1 & {
|
|
114
114
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
115
|
-
},
|
|
116
|
-
declare const SelectOption:
|
|
117
|
-
declare const SelectOptGroup:
|
|
115
|
+
}, vue161.PublicProps>;
|
|
116
|
+
declare const SelectOption: vue161.FunctionalComponent<_v_c_select_dist_Option_js0.OptionProps, {}, any, {}>;
|
|
117
|
+
declare const SelectOptGroup: vue161.FunctionalComponent<_v_c_select_dist_OptGroup_js0.OptGroupProps, {}, any, {}>;
|
|
118
118
|
//#endregion
|
|
119
|
-
export { Select, SelectEmits, SelectOptGroup, SelectOption, SelectProps$1 as SelectProps, SelectSlots, SelectValue };
|
|
119
|
+
export { InternalSelectProps, Select, SelectEmits, SelectOptGroup, SelectOption, SelectProps$1 as SelectProps, SelectSlots, SelectValue };
|
package/dist/select/index.js
CHANGED
|
@@ -10,9 +10,9 @@ import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
|
|
|
10
10
|
import { useSize } from "../config-provider/hooks/useSize.js";
|
|
11
11
|
import { useCompactItemContext } from "../space/Compact.js";
|
|
12
12
|
import { useDisabledContext } from "../config-provider/DisabledContext.js";
|
|
13
|
-
import { useFormItemInputContext } from "../form/context.js";
|
|
14
13
|
import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils.js";
|
|
15
14
|
import { DefaultRenderEmpty } from "../config-provider/defaultRenderEmpty.js";
|
|
15
|
+
import { useFormItemInputContext } from "../form/context.js";
|
|
16
16
|
import { useVariants } from "../form/hooks/useVariant.js";
|
|
17
17
|
import mergedBuiltinPlacements_default from "./mergedBuiltinPlacements.js";
|
|
18
18
|
import style_default from "./style/index.js";
|
|
@@ -219,7 +219,7 @@ const Select = /* @__PURE__ */ defineComponent((props, { slots, emit, expose, at
|
|
|
219
219
|
info
|
|
220
220
|
});
|
|
221
221
|
};
|
|
222
|
-
if (
|
|
222
|
+
if (mergedNotFound !== void 0) selectProps.notFoundContent = mergedNotFound;
|
|
223
223
|
return createVNode(VcSelect, mergeProps(restAttrs, onAttrs, {
|
|
224
224
|
"virtual": virtual.value,
|
|
225
225
|
"classNames": mergedClassNames.value,
|