antdv-next 1.0.0-alpha.3 → 1.0.0-alpha.5

package/dist/tooltip/style/index.js

@@ -1,6 +1,6 @@
 import genPresetColor from "../../theme/util/genPresetColor.js";
 import { resetComponent } from "../../style/index.js";
-import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import { getArrowToken } from "../../style/roundedArrow.js";
 import getArrowStyle, { MAX_VERTICAL_CONTENT_RADIUS, getArrowOffsetToken } from "../../style/placementArrow.js";
@@ -10,14 +10,16 @@ import "../../style/motion/index.js";
 import { unit } from "@antdv-next/cssinjs";
 
 //#region src/tooltip/style/index.ts
+const FALL_BACK_ORIGIN = "50%";
 const genTooltipStyle = (token) => {
-	const { calc, componentCls, tooltipMaxWidth, tooltipColor, tooltipBg, tooltipBorderRadius, zIndexPopup, controlHeight, boxShadowSecondary, paddingSM, paddingXS, arrowOffsetHorizontal, sizePopupArrow } = token;
+	const { calc, componentCls, tooltipMaxWidth, tooltipColor, tooltipBg, tooltipBorderRadius, zIndexPopup, controlHeight, boxShadowSecondary, paddingSM, paddingXS, arrowOffsetHorizontal, sizePopupArrow, antCls } = token;
+	const [varName, varRef] = genCssVar(antCls, "tooltip");
 	const edgeAlignMinWidth = calc(tooltipBorderRadius).add(sizePopupArrow).add(arrowOffsetHorizontal).equal();
 	const sharedBodyStyle = {
 		minWidth: calc(tooltipBorderRadius).mul(2).add(sizePopupArrow).equal(),
 		minHeight: controlHeight,
 		padding: `${unit(token.calc(paddingSM).div(2).equal())} ${unit(paddingXS)}`,
-		color: `var(--ant-tooltip-color, ${tooltipColor})`,
+		color: varRef("overlay-color", tooltipColor),
 		textAlign: "start",
 		textDecoration: "none",
 		wordWrap: "break-word",
@@ -27,8 +29,8 @@ const genTooltipStyle = (token) => {
 		boxSizing: "border-box"
 	};
 	const sharedTransformOrigin = {
-		"--valid-offset-x": "var(--arrow-offset-horizontal, var(--arrow-x))",
-		"transformOrigin": [`var(--valid-offset-x, 50%)`, `var(--arrow-y, 50%)`].join(" ")
+		[varName("valid-offset-x")]: varRef("arrow-offset-horizontal", "var(--arrow-x)"),
+		transformOrigin: [varRef("valid-offset-x", FALL_BACK_ORIGIN), `var(--arrow-y, ${FALL_BACK_ORIGIN})`].join(" ")
 	};
 	return [
 		{ [componentCls]: {
@@ -41,7 +43,7 @@ const genTooltipStyle = (token) => {
 			"visibility": "visible",
 			...sharedTransformOrigin,
 			"&-hidden": { display: "none" },
-			"--antd-arrow-background-color": tooltipBg,
+			[varName("arrow-background-color")]: tooltipBg,
 			[`${componentCls}-container`]: [sharedBodyStyle, initFadeMotion(token, true)],
 			[`&:has(~ ${componentCls}-unique-container)`]: { [`${componentCls}-container`]: {
 				border: "none",
@@ -65,11 +67,11 @@ const genTooltipStyle = (token) => {
 			[`${componentCls}-content`]: { position: "relative" },
 			...genPresetColor(token, (colorKey, { darkColor }) => ({ [`&${componentCls}-${colorKey}`]: {
 				[`${componentCls}-container`]: { backgroundColor: darkColor },
-				[`${componentCls}-arrow`]: { "--antd-arrow-background-color": darkColor }
+				[`${componentCls}-arrow`]: { [varName("arrow-background-color")]: darkColor }
 			} })),
 			"&-rtl": { direction: "rtl" }
 		} },
-		getArrowStyle(token, "var(--antd-arrow-background-color)"),
+		getArrowStyle(token, varRef("arrow-background-color")),
 		{ [`${componentCls}-pure`]: {
 			position: "relative",
 			maxWidth: "none",

package/dist/tooltip/util.js

@@ -1,10 +1,12 @@
+import { genCssVar } from "../theme/util/genStyleUtils.js";
 import { isPresetColor } from "../_util/colors.js";
 import { generateColor } from "../color-picker/util.js";
 import { classNames } from "@v-c/util";
 
 //#region src/tooltip/util.ts
-function parseColor(prefixCls, color) {
+function parseColor(rootPrefixCls, prefixCls, color) {
 	const isInternalColor = isPresetColor(color);
+	const [varName] = genCssVar(rootPrefixCls, "tooltip");
 	const className = classNames({ [`${prefixCls}-${color}`]: color && isInternalColor });
 	const overlayStyle = {};
 	const arrowStyle = {};
@@ -12,8 +14,8 @@ function parseColor(prefixCls, color) {
 	const textColor = (.299 * rgb.r + .587 * rgb.g + .114 * rgb.b) / 255 < .5 ? "#FFF" : "#000";
 	if (color && !isInternalColor) {
 		overlayStyle.background = color;
-		overlayStyle["--ant-tooltip-color"] = textColor;
-		arrowStyle["--antd-arrow-background-color"] = color;
+		overlayStyle[varName("overlay-color")] = textColor;
+		arrowStyle[varName("arrow-background-color")] = color;
 	}
 	return {
 		className,

package/dist/tour/index.d.ts

@@ -1,11 +1,11 @@
 import { TourEmits, TourLocale, TourProps, TourSemanticName, TourSlots, TourStepProps, TourStylesType } from "./interface.js";
-import * as vue61 from "vue";
+import * as vue59 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/tour/index.d.ts
-declare const Tour: vue61.DefineSetupFnComponent<TourProps, TourEmits, SlotsType<TourSlots>, TourProps & {
+declare const Tour: vue59.DefineSetupFnComponent<TourProps, TourEmits, SlotsType<TourSlots>, TourProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue61.PublicProps>;
+}, vue59.PublicProps>;
 type TourStepItem = TourStepProps;
 //#endregion
 export { Tour, TourStepItem };

package/dist/tour/index.js

@@ -148,55 +148,68 @@ const Tour = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 	props: {
 		steps: {
 			type: Array,
-			required: false
+			required: false,
+			default: void 0
 		},
 		prefixCls: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		current: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		indicatorsRender: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		actionsRender: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		type: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		classes: {
 			type: [Object, Function],
-			required: false
+			required: false,
+			default: void 0
 		},
 		styles: {
 			type: [Object, Function],
-			required: false
+			required: false,
+			default: void 0
 		},
 		rootClass: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		style: {
 			type: Object,
-			required: false
+			required: false,
+			default: void 0
 		},
 		open: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		defaultOpen: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		defaultCurrent: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		closeIcon: {
 			type: [
@@ -208,50 +221,64 @@ const Tour = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 				Boolean,
 				Array
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		closable: {
 			type: [Boolean, Object],
-			required: false
+			required: false,
+			default: void 0
 		},
 		mask: {
 			type: [Boolean, Object],
-			required: false
+			required: false,
+			default: void 0
 		},
 		arrow: {
 			type: [Boolean, Object],
-			required: false
+			required: false,
+			default: void 0
 		},
 		placement: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
+		},
+		gap: {
+			required: false,
+			default: void 0
 		},
-		gap: { required: false },
 		animated: {
 			type: [Boolean, Object],
-			required: false
+			required: false,
+			default: void 0
 		},
 		scrollIntoViewOptions: {
 			type: Boolean,
 			required: false,
-			skipCheck: true
+			skipCheck: true,
+			default: void 0
 		},
 		zIndex: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		getPopupContainer: {
 			type: [Function, Boolean],
-			required: false
+			required: false,
+			default: void 0
 		},
 		builtinPlacements: {
 			type: Function,
 			required: false,
-			skipCheck: true
+			skipCheck: true,
+			default: void 0
 		},
 		disabledInteraction: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		}
 	},
 	name: "ATour",

package/dist/tour/panelRender.js

@@ -119,39 +119,48 @@ const TourPanel = /* @__PURE__ */ defineComponent((props) => {
 	props: {
 		stepProps: {
 			type: Object,
-			required: true
+			required: true,
+			default: void 0
 		},
 		current: {
 			type: Number,
-			required: true
+			required: true,
+			default: void 0
 		},
 		type: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		indicatorsRender: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		classes: {
 			type: [Object, Function],
-			required: false
+			required: false,
+			default: void 0
 		},
 		styles: {
 			type: [Object, Function],
-			required: false
+			required: false,
+			default: void 0
 		},
 		actionsRender: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		prevButtonProps: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		nextButtonProps: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		}
 	},
 	name: "TourPanel",

package/dist/tour/style/index.js

@@ -1,5 +1,5 @@
 import { genFocusStyle, resetComponent } from "../../style/index.js";
-import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import { getArrowToken } from "../../style/roundedArrow.js";
 import getArrowStyle, { MAX_VERTICAL_CONTENT_RADIUS, getArrowOffsetToken } from "../../style/placementArrow.js";
@@ -9,6 +9,7 @@ import { FastColor } from "@ant-design/fast-color";
 //#region src/tour/style/index.ts
 const genBaseStyle = (token) => {
 	const { componentCls, padding, paddingXS, borderRadius, borderRadiusXS, colorPrimary, colorFill, indicatorHeight, indicatorWidth, boxShadowTertiary, zIndexPopup, colorBgElevated, fontWeightStrong, marginXS, colorTextLightSolid, tourBorderRadius, colorWhite, primaryNextBtnHoverBg, closeBtnSize, motionDurationSlow, antCls, primaryPrevBtnBg } = token;
+	const [varName, varRef] = genCssVar(antCls, "tooltip");
 	return [{
 		[componentCls]: {
 			...resetComponent(token),
@@ -17,7 +18,7 @@ const genBaseStyle = (token) => {
 			"maxWidth": "fit-content",
 			"visibility": "visible",
 			"width": 520,
-			"--antd-arrow-background-color": colorBgElevated,
+			[varName("arrow-background-color")]: colorBgElevated,
 			"&-pure": {
 				maxWidth: "100%",
 				position: "relative"
@@ -94,7 +95,7 @@ const genBaseStyle = (token) => {
 				}
 			},
 			[`${componentCls}-primary, &${componentCls}-primary`]: {
-				"--antd-arrow-background-color": colorPrimary,
+				[varName("arrow-background-color")]: colorPrimary,
 				[`${componentCls}-section`]: {
 					color: colorTextLightSolid,
 					textAlign: "start",
@@ -134,7 +135,7 @@ const genBaseStyle = (token) => {
 			"&-placement-rightTop",
 			"&-placement-rightBottom"
 		].join(",")]: { [`${componentCls}-section`]: { borderRadius: token.min(tourBorderRadius, MAX_VERTICAL_CONTENT_RADIUS) } }
-	}, getArrowStyle(token, "var(--antd-arrow-background-color)")];
+	}, getArrowStyle(token, varRef("arrow-background-color"))];
 };
 const prepareComponentToken = (token) => ({
 	zIndexPopup: token.zIndexPopupBase + 70,

package/dist/transfer/Actions.d.ts

@@ -1,6 +1,6 @@
 import { VueNode } from "../_util/type.js";
 import { DirectionType } from "../config-provider/context.js";
-import * as vue217 from "vue";
+import * as vue213 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/transfer/Actions.d.ts
@@ -16,6 +16,6 @@ interface TransferOperationProps {
   direction?: DirectionType;
   oneWay?: boolean;
 }
-declare const Actions: vue217.DefineSetupFnComponent<TransferOperationProps, {}, {}, TransferOperationProps & {}, vue217.PublicProps>;
+declare const Actions: vue213.DefineSetupFnComponent<TransferOperationProps, {}, {}, TransferOperationProps & {}, vue213.PublicProps>;
 //#endregion
 export { Actions, TransferOperationProps };

package/dist/transfer/Actions.js

@@ -40,35 +40,43 @@ const Action = /* @__PURE__ */ defineComponent((props) => {
 	props: {
 		type: {
 			type: String,
-			required: true
+			required: true,
+			default: void 0
 		},
 		actions: {
 			type: Array,
-			required: true
+			required: true,
+			default: void 0
 		},
 		moveToLeft: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		moveToRight: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		leftActive: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		rightActive: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		direction: {
 			type: [String, null],
-			required: false
+			required: false,
+			default: void 0
 		},
 		disabled: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		}
 	},
 	name: "ATransferAction",
@@ -96,43 +104,53 @@ const Actions = /* @__PURE__ */ defineComponent((props) => {
 	props: {
 		class: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		actions: {
 			type: Array,
-			required: true
+			required: true,
+			default: void 0
 		},
 		moveToLeft: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		moveToRight: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		leftActive: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		rightActive: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		style: {
 			type: Object,
-			required: false
+			required: false,
+			default: void 0
 		},
 		disabled: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		direction: {
 			type: [String, null],
-			required: false
+			required: false,
+			default: void 0
 		},
 		oneWay: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		}
 	},
 	name: "ATransferOperation",