antdv-next 1.5.3 → 1.5.4
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/hooks/useMergedMask.js +1 -1
- package/dist/_util/vueNode.d.ts +6 -2
- package/dist/alert/Alert.js +7 -7
- package/dist/anchor/AnchorLink.d.ts +4 -3
- package/dist/antd-with-locales.esm.js +14779 -13866
- package/dist/antd-with-locales.js +81 -81
- package/dist/antd.css +1 -1
- package/dist/antd.esm.js +11089 -10516
- package/dist/antd.js +81 -81
- package/dist/auto-complete/index.d.ts +3 -3
- package/dist/auto-complete/index.js +4 -0
- package/dist/breadcrumb/Breadcrumb.js +4 -3
- package/dist/breadcrumb/BreadcrumbItem.js +1 -1
- package/dist/card/Card.d.ts +5 -1
- package/dist/card/Card.js +5 -2
- package/dist/cascader/index.d.ts +6 -6
- package/dist/cascader/index.js +9 -0
- package/dist/color-picker/ColorPicker.js +7 -7
- package/dist/config-provider/SizeContext.d.ts +1 -1
- package/dist/config-provider/SizeContext.js +1 -1
- package/dist/config-provider/hooks/useTheme.js +2 -1
- package/dist/date-picker/generatePicker/generateRangePicker.js +15 -2
- package/dist/date-picker/generatePicker/generateSinglePicker.js +14 -1
- package/dist/date-picker/generatePicker/useComponents.d.ts +2 -2
- package/dist/date-picker/locale/ar_EG.js +8 -0
- package/dist/date-picker/locale/bg_BG.js +8 -0
- package/dist/date-picker/locale/ca_ES.js +8 -0
- package/dist/date-picker/locale/cs_CZ.js +8 -0
- package/dist/date-picker/locale/da_DK.js +8 -0
- package/dist/date-picker/locale/de_DE.js +11 -1
- package/dist/date-picker/locale/es_ES.js +8 -0
- package/dist/date-picker/locale/fi_FI.js +8 -0
- package/dist/date-picker/locale/fr_BE.js +1 -0
- package/dist/date-picker/locale/fr_CA.js +1 -0
- package/dist/date-picker/locale/fr_FR.js +1 -0
- package/dist/date-picker/locale/gl_ES.js +8 -0
- package/dist/date-picker/locale/he_IL.js +8 -0
- package/dist/date-picker/locale/hi_IN.js +1 -0
- package/dist/date-picker/locale/hr_HR.js +1 -0
- package/dist/date-picker/locale/hu_HU.js +8 -0
- package/dist/date-picker/locale/it_IT.js +8 -0
- package/dist/date-picker/locale/ms_MY.js +8 -0
- package/dist/date-picker/locale/nb_NO.js +1 -0
- package/dist/date-picker/locale/nl_BE.js +1 -0
- package/dist/date-picker/locale/nl_NL.js +1 -0
- package/dist/date-picker/locale/pl_PL.js +8 -0
- package/dist/date-picker/locale/pt_BR.js +8 -0
- package/dist/date-picker/locale/pt_PT.js +8 -0
- package/dist/date-picker/locale/ro_RO.js +8 -0
- package/dist/date-picker/locale/ru_RU.js +1 -0
- package/dist/date-picker/locale/sk_SK.js +8 -0
- package/dist/date-picker/locale/sr_RS.js +1 -0
- package/dist/date-picker/locale/sv_SE.js +1 -0
- package/dist/date-picker/locale/th_TH.js +1 -0
- package/dist/date-picker/locale/tr_TR.js +1 -0
- package/dist/date-picker/locale/uk_UA.js +1 -0
- package/dist/date-picker/locale/zh_TW.js +1 -1
- package/dist/date-picker/util.d.ts +4 -4
- package/dist/descriptions/Row.js +4 -3
- package/dist/descriptions/hooks/useItems.d.ts +4 -4
- package/dist/drawer/DrawerPanel.js +7 -4
- package/dist/drawer/index.js +2 -1
- package/dist/dropdown/dropdown.d.ts +3 -6
- package/dist/dropdown/dropdown.js +8 -4
- package/dist/empty/index.js +2 -1
- package/dist/float-button/FloatButton.js +1 -1
- package/dist/float-button/style/group.js +31 -5
- package/dist/form/FormItemLabel.js +1 -1
- package/dist/form/style/index.js +4 -1
- package/dist/image/hooks/usePreviewConfig.d.ts +3 -3
- package/dist/input/Password.js +2 -2
- package/dist/input/Search.js +1 -4
- package/dist/input-number/index.d.ts +11 -0
- package/dist/input-number/index.js +21 -0
- package/dist/input-number/style/index.js +25 -2
- package/dist/listy/index.js +4 -0
- package/dist/locale/ar_EG.js +4 -0
- package/dist/locale/bg_BG.js +4 -0
- package/dist/locale/ca_ES.js +4 -0
- package/dist/locale/cs_CZ.js +4 -0
- package/dist/locale/da_DK.js +4 -0
- package/dist/locale/de_DE.js +4 -0
- package/dist/locale/el_GR.js +4 -0
- package/dist/locale/en_GB.js +4 -0
- package/dist/locale/es_ES.js +4 -0
- package/dist/locale/et_EE.js +4 -0
- package/dist/locale/fa_IR.js +4 -0
- package/dist/locale/fi_FI.js +4 -0
- package/dist/locale/fr_BE.js +4 -0
- package/dist/locale/fr_CA.js +4 -0
- package/dist/locale/fr_FR.js +4 -0
- package/dist/locale/gl_ES.js +4 -0
- package/dist/locale/he_IL.js +4 -0
- package/dist/locale/hi_IN.js +4 -0
- package/dist/locale/hr_HR.js +4 -0
- package/dist/locale/hu_HU.js +4 -0
- package/dist/locale/id_ID.js +4 -0
- package/dist/locale/it_IT.js +4 -0
- package/dist/locale/ja_JP.js +4 -0
- package/dist/locale/ko_KR.js +4 -0
- package/dist/locale/lt_LT.js +4 -0
- package/dist/locale/lv_LV.js +4 -0
- package/dist/locale/ms_MY.js +4 -0
- package/dist/locale/nb_NO.js +4 -0
- package/dist/locale/nl_BE.js +4 -0
- package/dist/locale/nl_NL.js +4 -0
- package/dist/locale/pl_PL.js +4 -0
- package/dist/locale/pt_BR.js +4 -0
- package/dist/locale/pt_PT.js +4 -0
- package/dist/locale/ro_RO.js +4 -0
- package/dist/locale/ru_RU.js +4 -0
- package/dist/locale/sk_SK.js +4 -0
- package/dist/locale/sl_SI.js +4 -0
- package/dist/locale/sr_RS.js +4 -0
- package/dist/locale/sv_SE.js +4 -0
- package/dist/locale/th_TH.js +4 -0
- package/dist/locale/tr_TR.js +4 -0
- package/dist/locale/uk_UA.js +4 -0
- package/dist/locale/vi_VN.js +4 -0
- package/dist/locale/zh_HK.js +4 -0
- package/dist/locale/zh_TW.js +5 -1
- package/dist/menu/style/theme.js +1 -0
- package/dist/modal/components/NormalCancelBtn.js +6 -1
- package/dist/modal/interface.d.ts +1 -0
- package/dist/notification/useNotification.js +1 -1
- package/dist/package.js +1 -1
- package/dist/popconfirm/PurePanel.js +1 -1
- package/dist/popconfirm/index.js +6 -6
- package/dist/popover/index.js +6 -6
- package/dist/radio/radio.js +2 -1
- package/dist/segmented/index.js +1 -4
- package/dist/segmented/style/index.js +5 -1
- package/dist/select/index.d.ts +3 -2
- package/dist/select/index.js +8 -4
- package/dist/skeleton/Image.js +3 -1
- package/dist/slider/index.d.ts +1 -0
- package/dist/slider/index.js +4 -0
- package/dist/space/Compact.d.ts +1 -1
- package/dist/statistic/Statistic.js +4 -3
- package/dist/steps/ProgressIcon.js +7 -10
- package/dist/table/hooks/useFilter/FilterDropdown.js +14 -14
- package/dist/table/interface.d.ts +1 -1
- package/dist/table/style/virtual.js +2 -1
- package/dist/tabs/index.js +4 -1
- package/dist/tag/CheckableTag.js +5 -3
- package/dist/tag/CheckableTagGroup.js +1 -1
- package/dist/tag/index.js +2 -2
- package/dist/time-picker/index.js +26 -0
- package/dist/tooltip/index.js +4 -4
- package/dist/tree/DirectoryTree.js +1 -0
- package/dist/tree-select/index.d.ts +4 -4
- package/dist/tree-select/index.js +4 -0
- package/dist/version/token.json +1 -1
- package/dist/watermark/useClips.js +1 -0
- package/package.json +30 -30
- package/web-tags.json +1436 -1408
- package/web-types.json +5187 -5102
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { useComponentBaseConfig, useConfig } from "../config-provider/context.js";
|
|
2
|
+
import { isRenderable } from "../_util/is.js";
|
|
2
3
|
import localeValues from "../locale/en_US.js";
|
|
3
4
|
import useLocale from "../locale/useLocale.js";
|
|
4
5
|
import button_default from "../button/index.js";
|
|
5
6
|
import ActionButton from "../_util/ActionButton.js";
|
|
6
|
-
import { isRenderable } from "../_util/is.js";
|
|
7
7
|
import PurePanel$1 from "../popover/PurePanel.js";
|
|
8
8
|
import style_default from "./style/index.js";
|
|
9
9
|
import { computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
|
package/dist/popconfirm/index.js
CHANGED
|
@@ -47,10 +47,10 @@ const Popconfirm = /* @__PURE__ */ defineComponent((props, { slots, attrs, expos
|
|
|
47
47
|
if (val !== void 0) open.value = val;
|
|
48
48
|
else if (prevVal !== void 0) open.value = false;
|
|
49
49
|
}, { immediate: true });
|
|
50
|
-
const settingOpen = (
|
|
51
|
-
if (props.open === void 0) open.value =
|
|
52
|
-
emit("openChange",
|
|
53
|
-
emit("update:open",
|
|
50
|
+
const settingOpen = (nextOpen, e) => {
|
|
51
|
+
if (props.open === void 0) open.value = nextOpen;
|
|
52
|
+
emit("openChange", nextOpen, e);
|
|
53
|
+
emit("update:open", nextOpen);
|
|
54
54
|
};
|
|
55
55
|
const close = (e) => {
|
|
56
56
|
settingOpen(false, e);
|
|
@@ -62,9 +62,9 @@ const Popconfirm = /* @__PURE__ */ defineComponent((props, { slots, attrs, expos
|
|
|
62
62
|
const handlePopupClick = (e) => {
|
|
63
63
|
emit("popupClick", e);
|
|
64
64
|
};
|
|
65
|
-
const onInternalOpenChange = (
|
|
65
|
+
const onInternalOpenChange = (nextOpen, e) => {
|
|
66
66
|
if (props.disabled) return;
|
|
67
|
-
settingOpen(
|
|
67
|
+
settingOpen(nextOpen, e);
|
|
68
68
|
};
|
|
69
69
|
const handleConfirm = useLiveListener("confirm");
|
|
70
70
|
expose({
|
package/dist/popover/index.js
CHANGED
|
@@ -48,16 +48,16 @@ const Popover = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose,
|
|
|
48
48
|
if (val !== void 0) open.value = val;
|
|
49
49
|
else if (prevVal !== void 0) open.value = false;
|
|
50
50
|
}, { immediate: true });
|
|
51
|
-
const settingOpen = (
|
|
52
|
-
if (props.open === void 0) open.value =
|
|
53
|
-
emit("openChange",
|
|
54
|
-
emit("update:open",
|
|
51
|
+
const settingOpen = (nextOpen, e) => {
|
|
52
|
+
if (props.open === void 0) open.value = nextOpen;
|
|
53
|
+
emit("openChange", nextOpen, e);
|
|
54
|
+
emit("update:open", nextOpen);
|
|
55
55
|
};
|
|
56
56
|
const onKeyDown = (e) => {
|
|
57
57
|
if (e.keyCode === KeyCode.ESC) settingOpen(false, e);
|
|
58
58
|
};
|
|
59
|
-
const onInternalOpenChange = (
|
|
60
|
-
settingOpen(
|
|
59
|
+
const onInternalOpenChange = (nextOpen) => {
|
|
60
|
+
settingOpen(nextOpen);
|
|
61
61
|
};
|
|
62
62
|
return () => {
|
|
63
63
|
const children = filterEmpty(slots?.default?.() ?? [])?.[0];
|
package/dist/radio/radio.js
CHANGED
|
@@ -59,7 +59,8 @@ const InternalRadio = /* @__PURE__ */ defineComponent((props, { slots, expose, a
|
|
|
59
59
|
return {
|
|
60
60
|
...props,
|
|
61
61
|
...radioProps.value,
|
|
62
|
-
disabled:
|
|
62
|
+
disabled: radioProps.value.disabled,
|
|
63
|
+
checked: mergedChecked.value
|
|
63
64
|
};
|
|
64
65
|
});
|
|
65
66
|
const contextStyleRoot = useSemanticRootStyle(contextStyle);
|
package/dist/segmented/index.js
CHANGED
|
@@ -158,10 +158,7 @@ const InternalSegmented = /* @__PURE__ */ defineComponent((props, { attrs, emit,
|
|
|
158
158
|
type: String,
|
|
159
159
|
required: false
|
|
160
160
|
}
|
|
161
|
-
}, {
|
|
162
|
-
size: "middle",
|
|
163
|
-
shape: "default"
|
|
164
|
-
}),
|
|
161
|
+
}, { shape: "default" }),
|
|
165
162
|
emits: ["change", "update:value"],
|
|
166
163
|
name: "ASegmented",
|
|
167
164
|
inheritAttrs: false
|
|
@@ -66,6 +66,10 @@ const genSegmentedStyle = (token) => {
|
|
|
66
66
|
...getItemSelectedStyle(token),
|
|
67
67
|
color: token.itemSelectedColor
|
|
68
68
|
},
|
|
69
|
+
"&-selected-text": {
|
|
70
|
+
color: token.itemSelectedColor,
|
|
71
|
+
transition: `color ${motionDurationMid}`
|
|
72
|
+
},
|
|
69
73
|
"&-focused": genFocusOutline(token),
|
|
70
74
|
"&::after": {
|
|
71
75
|
content: "\"\"",
|
|
@@ -80,7 +84,7 @@ const genSegmentedStyle = (token) => {
|
|
|
80
84
|
pointerEvents: "none",
|
|
81
85
|
transition: ["opacity", "background-color"].map((prop) => `${prop} ${motionDurationMid}`).join(", ")
|
|
82
86
|
},
|
|
83
|
-
[`&:not(${componentCls}-item-selected):not(${componentCls}-item-disabled)`]: {
|
|
87
|
+
[`&:not(${componentCls}-item-selected):not(${componentCls}-item-selected-text):not(${componentCls}-item-disabled)`]: {
|
|
84
88
|
"&:hover, &:active": { color: token.itemHoverColor },
|
|
85
89
|
"&:hover::after": {
|
|
86
90
|
opacity: 1,
|
package/dist/select/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import { SizeType } from "../config-provider/SizeContext.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 { CSSProperties, SlotsType } from "vue";
|
|
8
|
+
import { CSSProperties, SlotsType, VNode, VNodeChild } from "vue";
|
|
9
9
|
import { SearchConfig, SelectProps as SelectProps$1 } from "@v-c/select";
|
|
10
10
|
//#region src/select/index.d.ts
|
|
11
11
|
type RawValue = string | number;
|
|
@@ -15,7 +15,7 @@ interface LabeledValue {
|
|
|
15
15
|
label: VueNode;
|
|
16
16
|
}
|
|
17
17
|
type SelectValue = RawValue | RawValue[] | LabeledValue | LabeledValue[] | undefined;
|
|
18
|
-
interface InternalSelectProps extends ComponentBaseProps, Omit<SelectProps$1, 'mode' | 'classNames' | 'className' | 'style' | 'prefix' | 'styles' | 'onPopupVisibleChange'> {
|
|
18
|
+
interface InternalSelectProps extends ComponentBaseProps, Omit<SelectProps$1, 'mode' | 'classNames' | 'className' | 'style' | 'prefix' | 'styles' | 'onPopupVisibleChange' | 'popupRender'> {
|
|
19
19
|
prefix?: VueNode;
|
|
20
20
|
suffixIcon?: VueNode;
|
|
21
21
|
size?: SizeType;
|
|
@@ -35,6 +35,7 @@ interface InternalSelectProps extends ComponentBaseProps, Omit<SelectProps$1, 'm
|
|
|
35
35
|
variant?: Variant;
|
|
36
36
|
styles?: SelectStylesType;
|
|
37
37
|
classes?: SelectClassNamesType;
|
|
38
|
+
popupRender?: (menu: VNode) => VNodeChild;
|
|
38
39
|
}
|
|
39
40
|
interface SelectSemanticClassNames {
|
|
40
41
|
root?: string;
|
package/dist/select/index.js
CHANGED
|
@@ -370,6 +370,10 @@ const Select = /* @__PURE__ */ defineComponent((props, { slots, emit, expose, at
|
|
|
370
370
|
type: String,
|
|
371
371
|
required: false
|
|
372
372
|
},
|
|
373
|
+
popupRender: {
|
|
374
|
+
type: Function,
|
|
375
|
+
required: false
|
|
376
|
+
},
|
|
373
377
|
rootClass: {
|
|
374
378
|
type: String,
|
|
375
379
|
required: false
|
|
@@ -484,6 +488,10 @@ const Select = /* @__PURE__ */ defineComponent((props, { slots, emit, expose, at
|
|
|
484
488
|
required: false,
|
|
485
489
|
default: void 0
|
|
486
490
|
},
|
|
491
|
+
autoComplete: {
|
|
492
|
+
type: String,
|
|
493
|
+
required: false
|
|
494
|
+
},
|
|
487
495
|
placeholder: {
|
|
488
496
|
type: [
|
|
489
497
|
Object,
|
|
@@ -627,10 +635,6 @@ const Select = /* @__PURE__ */ defineComponent((props, { slots, emit, expose, at
|
|
|
627
635
|
type: Object,
|
|
628
636
|
required: false
|
|
629
637
|
},
|
|
630
|
-
popupRender: {
|
|
631
|
-
type: Function,
|
|
632
|
-
required: false
|
|
633
|
-
},
|
|
634
638
|
popupAlign: {
|
|
635
639
|
type: Object,
|
|
636
640
|
required: false
|
package/dist/skeleton/Image.js
CHANGED
|
@@ -9,7 +9,9 @@ const SkeletonImage = /* @__PURE__ */ defineComponent((props, { attrs }) => {
|
|
|
9
9
|
return createVNode(SkeletonNode, mergeProps(props, attrs, { "internalClassName": `${prefixCls.value}-image` }), { default: () => [createVNode("svg", {
|
|
10
10
|
"viewBox": "0 0 1098 1024",
|
|
11
11
|
"xmlns": "http://www.w3.org/2000/svg",
|
|
12
|
-
"class": `${prefixCls.value}-image-svg
|
|
12
|
+
"class": `${prefixCls.value}-image-svg`,
|
|
13
|
+
"aria-hidden": "true",
|
|
14
|
+
"focusable": "false"
|
|
13
15
|
}, [createVNode("title", null, [createTextVNode("Image placeholder")]), createVNode("path", {
|
|
14
16
|
"d": path,
|
|
15
17
|
"class": `${prefixCls.value}-image-path`
|
package/dist/slider/index.d.ts
CHANGED
|
@@ -69,6 +69,7 @@ interface SliderBaseProps {
|
|
|
69
69
|
tabIndex?: SliderProps['tabIndex'];
|
|
70
70
|
ariaLabelForHandle?: SliderProps['ariaLabelForHandle'];
|
|
71
71
|
ariaLabelledByForHandle?: SliderProps['ariaLabelledByForHandle'];
|
|
72
|
+
ariaDescribedByForHandle?: SliderProps['ariaDescribedByForHandle'];
|
|
72
73
|
ariaRequired?: SliderProps['ariaRequired'];
|
|
73
74
|
ariaValueTextFormatterForHandle?: SliderProps['ariaValueTextFormatterForHandle'];
|
|
74
75
|
}
|
package/dist/slider/index.js
CHANGED
|
@@ -297,6 +297,10 @@ const Slider = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose })
|
|
|
297
297
|
type: [String, Array],
|
|
298
298
|
required: false
|
|
299
299
|
},
|
|
300
|
+
ariaDescribedByForHandle: {
|
|
301
|
+
type: [String, Array],
|
|
302
|
+
required: false
|
|
303
|
+
},
|
|
300
304
|
ariaRequired: {
|
|
301
305
|
type: Boolean,
|
|
302
306
|
required: false,
|
package/dist/space/Compact.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ interface SpaceCompactItemContextType {
|
|
|
21
21
|
declare function useSpaceCompactItemContext(): Ref<SpaceCompactItemContextType | null, SpaceCompactItemContextType | null>;
|
|
22
22
|
declare function useCompactItemContext(prefixCls: Ref<string>, direction: Ref<DirectionType>): {
|
|
23
23
|
compactSize: import("vue").ComputedRef<SizeType>;
|
|
24
|
-
compactDirection: import("vue").ComputedRef<"
|
|
24
|
+
compactDirection: import("vue").ComputedRef<"vertical" | "horizontal" | undefined>;
|
|
25
25
|
compactItemClassnames: import("vue").ComputedRef<string>;
|
|
26
26
|
};
|
|
27
27
|
declare const NoCompactStyle: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { useComponentBaseConfig } from "../config-provider/context.js";
|
|
2
2
|
import { useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
|
|
3
3
|
import { clsx as clsx$1, getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
|
|
4
|
+
import { isRenderable } from "../_util/is.js";
|
|
4
5
|
import skeleton_default from "../skeleton/index.js";
|
|
5
6
|
import StatisticNumber from "./Number.js";
|
|
6
7
|
import style_default from "./style/index.js";
|
|
@@ -55,7 +56,7 @@ const Statistic = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit,
|
|
|
55
56
|
"style": [mergedStyles.value.root, attrs.style],
|
|
56
57
|
"onMouseenter": handleMouseEnter,
|
|
57
58
|
"onMouseleave": handleMouseLeave
|
|
58
|
-
}), [
|
|
59
|
+
}), [isRenderable(title) && createVNode("div", {
|
|
59
60
|
"class": headerClassNames,
|
|
60
61
|
"style": mergedStyles.value.header
|
|
61
62
|
}, [createVNode("div", {
|
|
@@ -70,12 +71,12 @@ const Statistic = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit,
|
|
|
70
71
|
"style": [valueStyle, mergedStyles.value.content],
|
|
71
72
|
"class": contentClassNames
|
|
72
73
|
}, [
|
|
73
|
-
|
|
74
|
+
isRenderable(prefix) && createVNode("span", {
|
|
74
75
|
"class": prefixClassNames,
|
|
75
76
|
"style": mergedStyles.value.prefix
|
|
76
77
|
}, [prefix]),
|
|
77
78
|
valueRender ? valueRender(valueNode) : valueNode,
|
|
78
|
-
|
|
79
|
+
isRenderable(suffix) && createVNode("span", {
|
|
79
80
|
"class": suffixClassNames,
|
|
80
81
|
"style": mergedStyles.value.suffix
|
|
81
82
|
}, [suffix])
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { genCssVar } from "../theme/util/genStyleUtils.js";
|
|
2
|
-
import { Fragment,
|
|
2
|
+
import { Fragment, createVNode, defineComponent } from "vue";
|
|
3
3
|
import { clsx } from "@v-c/util";
|
|
4
4
|
//#region src/steps/ProgressIcon.tsx
|
|
5
5
|
const ProgressIcon = /* @__PURE__ */ defineComponent((props, { slots }) => {
|
|
@@ -15,18 +15,15 @@ const ProgressIcon = /* @__PURE__ */ defineComponent((props, { slots }) => {
|
|
|
15
15
|
"width": "100%",
|
|
16
16
|
"height": "100%",
|
|
17
17
|
"xmlns": "http://www.w3.org/2000/svg",
|
|
18
|
+
"role": "progressbar",
|
|
18
19
|
"aria-valuemax": 100,
|
|
19
20
|
"aria-valuemin": 0,
|
|
20
21
|
"aria-valuenow": percent
|
|
21
|
-
}, [
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
"stroke-dasharray": dashArray,
|
|
27
|
-
"transform": "rotate(-90 50 50)"
|
|
28
|
-
}, null)
|
|
29
|
-
]), slots?.default?.()]);
|
|
22
|
+
}, [createVNode("circle", { "class": clsx(circleCls, `${circleCls}-rail`) }, null), createVNode("circle", {
|
|
23
|
+
"class": clsx(circleCls, `${circleCls}-ptg`),
|
|
24
|
+
"stroke-dasharray": dashArray,
|
|
25
|
+
"transform": "rotate(-90 50 50)"
|
|
26
|
+
}, null)]), slots?.default?.()]);
|
|
30
27
|
};
|
|
31
28
|
}, {
|
|
32
29
|
props: {
|
|
@@ -87,10 +87,10 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
|
|
|
87
87
|
const filterState = props.filterState;
|
|
88
88
|
return !!(filterState && (filterState.filteredKeys?.length || filterState.forceFiltered));
|
|
89
89
|
});
|
|
90
|
-
const
|
|
91
|
-
visible.value =
|
|
92
|
-
filterDropdownProps.value.onOpenChange?.(
|
|
93
|
-
column.value.onFilterDropdownOpenChange?.(
|
|
90
|
+
const triggerOpen = (nextOpen) => {
|
|
91
|
+
visible.value = nextOpen;
|
|
92
|
+
filterDropdownProps.value.onOpenChange?.(nextOpen);
|
|
93
|
+
column.value.onFilterDropdownOpenChange?.(nextOpen);
|
|
94
94
|
};
|
|
95
95
|
if (isDev) {
|
|
96
96
|
const warning = devUseWarning("Table");
|
|
@@ -110,7 +110,7 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
|
|
|
110
110
|
};
|
|
111
111
|
const onCheck = (keys, info) => {
|
|
112
112
|
const { node, checked } = info;
|
|
113
|
-
if (!props.filterMultiple) onSelectKeys({ selectedKeys: checked
|
|
113
|
+
if (!props.filterMultiple) onSelectKeys({ selectedKeys: checked ? [node.key] : [] });
|
|
114
114
|
else onSelectKeys({ selectedKeys: keys });
|
|
115
115
|
};
|
|
116
116
|
watch([propFilteredKeys, mergedVisible], ([nextKeys, nextVisible]) => {
|
|
@@ -142,7 +142,7 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
|
|
|
142
142
|
});
|
|
143
143
|
};
|
|
144
144
|
const onConfirm = () => {
|
|
145
|
-
|
|
145
|
+
triggerOpen(false);
|
|
146
146
|
internalTriggerFilter(filteredKeysSync.value);
|
|
147
147
|
};
|
|
148
148
|
const onReset = ({ confirm, closeDropdown } = {
|
|
@@ -150,21 +150,21 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
|
|
|
150
150
|
closeDropdown: false
|
|
151
151
|
}) => {
|
|
152
152
|
if (confirm) internalTriggerFilter([]);
|
|
153
|
-
if (closeDropdown)
|
|
153
|
+
if (closeDropdown) triggerOpen(false);
|
|
154
154
|
searchValue.value = "";
|
|
155
155
|
if (column.value.filterResetToDefaultFilteredValue) setFilteredKeysSync((column.value.defaultFilteredValue || []).map((key) => String(key)));
|
|
156
156
|
else setFilteredKeysSync([]);
|
|
157
157
|
};
|
|
158
158
|
const doFilter = ({ closeDropdown } = { closeDropdown: true }) => {
|
|
159
|
-
if (closeDropdown)
|
|
159
|
+
if (closeDropdown) triggerOpen(false);
|
|
160
160
|
internalTriggerFilter(filteredKeysSync.value);
|
|
161
161
|
};
|
|
162
162
|
const filterDropdownDefined = computed(() => props.filterDropdownRender !== void 0 || column.value?.filterDropdown !== void 0);
|
|
163
|
-
const
|
|
163
|
+
const onDropdownOpenChange = (nextOpen, info) => {
|
|
164
164
|
if (info?.source === "trigger") {
|
|
165
|
-
if (
|
|
166
|
-
if (!
|
|
167
|
-
else
|
|
165
|
+
if (nextOpen && propFilteredKeys.value !== void 0) setFilteredKeysSync(wrapStringListType(propFilteredKeys.value));
|
|
166
|
+
if (!nextOpen && !hasPropDropdownRender && !column.value.filterDropdown && props.filterOnClose) onConfirm();
|
|
167
|
+
else triggerOpen(nextOpen);
|
|
168
168
|
}
|
|
169
169
|
};
|
|
170
170
|
const dropdownMenuClass = computed(() => clsx({ [`${props.dropdownPrefixCls}-menu-without-submenu`]: !hasSubMenu(column?.value?.filters || []) }));
|
|
@@ -218,7 +218,7 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
|
|
|
218
218
|
filters: column.value.filters,
|
|
219
219
|
visible: mergedVisible.value,
|
|
220
220
|
close: () => {
|
|
221
|
-
|
|
221
|
+
triggerOpen(false);
|
|
222
222
|
}
|
|
223
223
|
};
|
|
224
224
|
let filterNode = null;
|
|
@@ -357,7 +357,7 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
|
|
|
357
357
|
}, {
|
|
358
358
|
...filterDropdownProps.value,
|
|
359
359
|
open: mergedVisible.value,
|
|
360
|
-
onOpenChange:
|
|
360
|
+
onOpenChange: onDropdownOpenChange,
|
|
361
361
|
popupRender: () => {
|
|
362
362
|
if (typeof filterDropdownProps.value.popupRender === "function") return filterDropdownProps.value.popupRender(dropdownContent);
|
|
363
363
|
if (typeof filterDropdownProps.value.dropdownRender === "function") return filterDropdownProps.value.dropdownRender(dropdownContent);
|
|
@@ -134,7 +134,7 @@ interface ColumnType<RecordType = AnyObject> extends Omit<ColumnType$1<RecordTyp
|
|
|
134
134
|
* @deprecated Please use `filterDropdownProps.onOpenChange` instead.
|
|
135
135
|
* @since 4.23.0
|
|
136
136
|
*/
|
|
137
|
-
onFilterDropdownOpenChange?: (
|
|
137
|
+
onFilterDropdownOpenChange?: (open: boolean) => void;
|
|
138
138
|
}
|
|
139
139
|
interface ColumnGroupType<RecordType = AnyObject> extends Omit<ColumnType<RecordType>, 'dataIndex'> {
|
|
140
140
|
children: ColumnsType<RecordType>;
|
package/dist/tabs/index.js
CHANGED
|
@@ -166,7 +166,10 @@ const InternalTabs = /* @__PURE__ */ defineComponent((props, { attrs, slots, emi
|
|
|
166
166
|
},
|
|
167
167
|
"renderTabBar": renderTabBar,
|
|
168
168
|
"tabBarExtraContent": tabBarExtraContent,
|
|
169
|
-
"styles":
|
|
169
|
+
"styles": {
|
|
170
|
+
...mergedStyles.value,
|
|
171
|
+
popup: mergedStyles.value.popup?.root
|
|
172
|
+
},
|
|
170
173
|
"style": mergedStyle,
|
|
171
174
|
"editable": editable,
|
|
172
175
|
"more": mergedMore,
|
package/dist/tag/CheckableTag.js
CHANGED
|
@@ -23,9 +23,11 @@ const CheckableTag = /* @__PURE__ */ defineComponent((props, { slots, emit, attr
|
|
|
23
23
|
if (e.defaultPrevented || mergedDisabled.value) return;
|
|
24
24
|
if (e.key === " ") {
|
|
25
25
|
e.preventDefault();
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
26
|
+
if (!e.repeat) {
|
|
27
|
+
const checked = !props.checked;
|
|
28
|
+
emit("change", checked);
|
|
29
|
+
emit("update:checked", checked);
|
|
30
|
+
}
|
|
29
31
|
}
|
|
30
32
|
};
|
|
31
33
|
const [hashId, cssVarCls] = style_default(prefixCls);
|
|
@@ -28,7 +28,7 @@ const CheckableTagGroup = /* @__PURE__ */ defineComponent((props, { emit, attrs,
|
|
|
28
28
|
emit("update:value", value);
|
|
29
29
|
},
|
|
30
30
|
get() {
|
|
31
|
-
return props.value
|
|
31
|
+
return props.value !== void 0 ? props.value : _mergedValue.value;
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
34
|
const handleChange = (checked, option) => {
|
package/dist/tag/index.js
CHANGED
|
@@ -2,10 +2,10 @@ import { useComponentBaseConfig, useConfig } from "../config-provider/context.js
|
|
|
2
2
|
import { pureAttrs, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
|
|
3
3
|
import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
|
|
4
4
|
import { useDisabledContext } from "../config-provider/DisabledContext.js";
|
|
5
|
+
import { isRenderable } from "../_util/is.js";
|
|
5
6
|
import wave_default from "../_util/wave/index.js";
|
|
6
7
|
import { replaceElement } from "../_util/vueNode.js";
|
|
7
8
|
import useClosable, { pickClosable } from "../_util/hooks/useClosable.js";
|
|
8
|
-
import { isRenderable } from "../_util/is.js";
|
|
9
9
|
import style_default from "./style/index.js";
|
|
10
10
|
import CheckableTag from "./CheckableTag.js";
|
|
11
11
|
import CheckableTagGroup from "./CheckableTagGroup.js";
|
|
@@ -56,7 +56,7 @@ const InternalTag = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
|
|
|
56
56
|
const handleCloseKeyDown = (e) => {
|
|
57
57
|
if (e.key === "Enter" || e.key === " ") {
|
|
58
58
|
e.preventDefault();
|
|
59
|
-
e.currentTarget?.click();
|
|
59
|
+
if (!e.repeat) e.currentTarget?.click();
|
|
60
60
|
}
|
|
61
61
|
};
|
|
62
62
|
const closableInfo = useClosable(pickClosable(computed(() => ({
|
|
@@ -217,6 +217,19 @@ const RangePicker = /* @__PURE__ */ defineComponent((props, { slots, emit, expos
|
|
|
217
217
|
required: false,
|
|
218
218
|
default: void 0
|
|
219
219
|
},
|
|
220
|
+
suffix: {
|
|
221
|
+
type: [
|
|
222
|
+
Object,
|
|
223
|
+
Function,
|
|
224
|
+
String,
|
|
225
|
+
Number,
|
|
226
|
+
null,
|
|
227
|
+
Boolean,
|
|
228
|
+
Array
|
|
229
|
+
],
|
|
230
|
+
required: false,
|
|
231
|
+
default: void 0
|
|
232
|
+
},
|
|
220
233
|
suffixIcon: {
|
|
221
234
|
type: [
|
|
222
235
|
Object,
|
|
@@ -1574,6 +1587,19 @@ const TimePicker = /* @__PURE__ */ defineComponent((props, { slots, emit, expose
|
|
|
1574
1587
|
required: false,
|
|
1575
1588
|
default: void 0
|
|
1576
1589
|
},
|
|
1590
|
+
suffix: {
|
|
1591
|
+
type: [
|
|
1592
|
+
Object,
|
|
1593
|
+
Function,
|
|
1594
|
+
String,
|
|
1595
|
+
Number,
|
|
1596
|
+
null,
|
|
1597
|
+
Boolean,
|
|
1598
|
+
Array
|
|
1599
|
+
],
|
|
1600
|
+
required: false,
|
|
1601
|
+
default: void 0
|
|
1602
|
+
},
|
|
1577
1603
|
suffixIcon: {
|
|
1578
1604
|
type: [
|
|
1579
1605
|
Object,
|
package/dist/tooltip/index.js
CHANGED
|
@@ -64,11 +64,11 @@ const InternalTooltip = /* @__PURE__ */ defineComponent((props, { slots, attrs,
|
|
|
64
64
|
else if (prevVal !== void 0) open.value = false;
|
|
65
65
|
}, { immediate: true });
|
|
66
66
|
let noTitle = false;
|
|
67
|
-
const onInternalOpenChange = (
|
|
68
|
-
if (props.open === void 0) open.value = noTitle ? false :
|
|
67
|
+
const onInternalOpenChange = (nextOpen) => {
|
|
68
|
+
if (props.open === void 0) open.value = noTitle ? false : nextOpen;
|
|
69
69
|
if (!noTitle) {
|
|
70
|
-
emit("openChange",
|
|
71
|
-
emit("update:open",
|
|
70
|
+
emit("openChange", nextOpen);
|
|
71
|
+
emit("update:open", nextOpen);
|
|
72
72
|
}
|
|
73
73
|
};
|
|
74
74
|
const tooltipPlacements = computed(() => {
|
|
@@ -43,6 +43,7 @@ const DirectoryTree = /* @__PURE__ */ defineComponent((props, { slots, emit, exp
|
|
|
43
43
|
if (props.expandedKeys !== expandedKeys.value) expandedKeys.value = props?.expandedKeys || [];
|
|
44
44
|
});
|
|
45
45
|
const onExpand = (keys, info) => {
|
|
46
|
+
if (props.expandedKeys === void 0) expandedKeys.value = keys;
|
|
46
47
|
emit("update:expandedKeys", keys);
|
|
47
48
|
emit("expand", keys, info);
|
|
48
49
|
};
|
|
@@ -7,7 +7,7 @@ import { SelectCommonPlacement } from "../_util/motion.js";
|
|
|
7
7
|
import { SwitcherIcon, TreeProps } from "../tree/Tree.js";
|
|
8
8
|
import "../tree/index.js";
|
|
9
9
|
import { Variant } from "../config-provider/context.js";
|
|
10
|
-
import { App, CSSProperties, PublicProps } from "vue";
|
|
10
|
+
import { App, CSSProperties, PublicProps, VNode, VNodeChild } from "vue";
|
|
11
11
|
import { DataNode, SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeNode, TreeSelectProps as TreeSelectProps$1 } from "@v-c/tree-select";
|
|
12
12
|
//#region src/tree-select/index.d.ts
|
|
13
13
|
type RawValue = string | number;
|
|
@@ -59,7 +59,7 @@ type TreeSelectClassNamesType = SemanticClassNamesType<TreeSelectProps, TreeSele
|
|
|
59
59
|
type TreeSelectStylesType = SemanticStylesType<TreeSelectProps, TreeSelectSemanticStyles> & {
|
|
60
60
|
popup?: TreeSelectPopupSemanticStyles;
|
|
61
61
|
};
|
|
62
|
-
interface BaseTreeSelectProps<ValueType = any, OptionType extends DataNode = DataNode> extends Omit<TreeSelectProps$1<ValueType, OptionType>, 'showTreeIcon' | 'treeMotion' | 'mode' | 'getInputElement' | 'backfill' | 'treeLine' | 'switcherIcon' | 'classNames' | 'styles' | 'style' | 'onSelect' | 'onTreeExpand' | 'onTreeLoad' | 'onChange' | 'onDeselect' | 'onPopupScroll' | 'onPopupVisibleChange' | 'onSearch'> {
|
|
62
|
+
interface BaseTreeSelectProps<ValueType = any, OptionType extends DataNode = DataNode> extends Omit<TreeSelectProps$1<ValueType, OptionType>, 'showTreeIcon' | 'treeMotion' | 'mode' | 'getInputElement' | 'backfill' | 'treeLine' | 'switcherIcon' | 'classNames' | 'styles' | 'style' | 'onSelect' | 'onTreeExpand' | 'onTreeLoad' | 'onChange' | 'onDeselect' | 'onPopupScroll' | 'onPopupVisibleChange' | 'onSearch' | 'popupRender'> {
|
|
63
63
|
size?: SizeType;
|
|
64
64
|
disabled?: boolean;
|
|
65
65
|
status?: InputStatus;
|
|
@@ -77,8 +77,8 @@ interface TreeSelectProps<ValueType = any, OptionType extends DataNode = DataNod
|
|
|
77
77
|
/** @deprecated Please use `classNames.popup.root` instead */
|
|
78
78
|
dropdownClassName?: string;
|
|
79
79
|
/** @deprecated Please use `popupRender` instead */
|
|
80
|
-
dropdownRender?: (menu:
|
|
81
|
-
popupRender?: (menu:
|
|
80
|
+
dropdownRender?: (menu: VNode) => VNodeChild;
|
|
81
|
+
popupRender?: (menu: VNode) => VNodeChild;
|
|
82
82
|
/** @deprecated Please use `styles.popup.root` instead */
|
|
83
83
|
dropdownStyle?: CSSProperties;
|
|
84
84
|
/** @deprecated Use `variant` instead. */
|