antdv-next 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/radio/style/index.js

@@ -1,326 +0,0 @@
-import { genFocusOutline, resetComponent } from "../../style/index.js";
-import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
-import { mergeToken } from "../../theme/internal.js";
-import { unit } from "@antdv-next/cssinjs";
-
-//#region src/radio/style/index.ts
-const getGroupRadioStyle = (token) => {
-	const { componentCls, antCls } = token;
-	const groupPrefixCls = `${componentCls}-group`;
-	return { [groupPrefixCls]: {
-		...resetComponent(token),
-		"display": "inline-block",
-		"fontSize": 0,
-		[`&${groupPrefixCls}-rtl`]: { direction: "rtl" },
-		[`&${groupPrefixCls}-block`]: { display: "flex" },
-		[`${antCls}-badge ${antCls}-badge-count`]: { zIndex: 1 },
-		[`> ${antCls}-badge:not(:first-child) > ${antCls}-button-wrapper`]: { borderInlineStart: "none" },
-		"&-vertical": {
-			display: "flex",
-			flexDirection: "column",
-			rowGap: token.marginXS
-		}
-	} };
-};
-const getRadioBasicStyle = (token) => {
-	const { componentCls, wrapperMarginInlineEnd, colorPrimary, radioSize, motionDurationSlow, motionDurationMid, motionEaseInOutCirc, colorBgContainer, colorBorder, lineWidth, colorBgContainerDisabled, colorTextDisabled, paddingXS, dotColorDisabled, lineType, radioColor, radioBgColor, calc } = token;
-	const radioInnerPrefixCls = `${componentCls}-inner`;
-	const radioDotDisabledSize = calc(radioSize).sub(calc(4).mul(2));
-	const radioSizeCalc = calc(1).mul(radioSize).equal({ unit: true });
-	return { [`${componentCls}-wrapper`]: {
-		...resetComponent(token),
-		"display": "inline-flex",
-		"alignItems": "baseline",
-		"marginInlineStart": 0,
-		"marginInlineEnd": wrapperMarginInlineEnd,
-		"cursor": "pointer",
-		"&:last-child": { marginInlineEnd: 0 },
-		[`&${componentCls}-wrapper-rtl`]: { direction: "rtl" },
-		"&-disabled": {
-			cursor: "not-allowed",
-			color: token.colorTextDisabled
-		},
-		"&::after": {
-			display: "inline-block",
-			width: 0,
-			overflow: "hidden",
-			content: "\"\\a0\""
-		},
-		"&-block": {
-			flex: 1,
-			justifyContent: "center"
-		},
-		[`${componentCls}-checked::after`]: {
-			position: "absolute",
-			insetBlockStart: 0,
-			insetInlineStart: 0,
-			width: "100%",
-			height: "100%",
-			border: `${unit(lineWidth)} ${lineType} ${colorPrimary}`,
-			borderRadius: "50%",
-			visibility: "hidden",
-			opacity: 0,
-			content: "\"\""
-		},
-		[componentCls]: {
-			...resetComponent(token),
-			position: "relative",
-			display: "inline-block",
-			outline: "none",
-			cursor: "pointer",
-			alignSelf: "center",
-			borderRadius: "50%"
-		},
-		[`${componentCls}-wrapper:hover &,
-        &:hover ${radioInnerPrefixCls}`]: { borderColor: colorPrimary },
-		[`${componentCls}-input:focus-visible + ${radioInnerPrefixCls}`]: genFocusOutline(token),
-		[`${componentCls}:hover::after, ${componentCls}-wrapper:hover &::after`]: { visibility: "visible" },
-		[`${componentCls}-inner`]: {
-			"&::after": {
-				boxSizing: "border-box",
-				position: "absolute",
-				insetBlockStart: "50%",
-				insetInlineStart: "50%",
-				display: "block",
-				width: radioSizeCalc,
-				height: radioSizeCalc,
-				marginBlockStart: calc(1).mul(radioSize).div(-2).equal({ unit: true }),
-				marginInlineStart: calc(1).mul(radioSize).div(-2).equal({ unit: true }),
-				backgroundColor: radioColor,
-				borderBlockStart: 0,
-				borderInlineStart: 0,
-				borderRadius: radioSizeCalc,
-				transform: "scale(0)",
-				opacity: 0,
-				transition: `all ${motionDurationSlow} ${motionEaseInOutCirc}`,
-				content: "\"\""
-			},
-			"boxSizing": "border-box",
-			"position": "relative",
-			"insetBlockStart": 0,
-			"insetInlineStart": 0,
-			"display": "block",
-			"width": radioSizeCalc,
-			"height": radioSizeCalc,
-			"backgroundColor": colorBgContainer,
-			"borderColor": colorBorder,
-			"borderStyle": "solid",
-			"borderWidth": lineWidth,
-			"borderRadius": "50%",
-			"transition": `all ${motionDurationMid}`
-		},
-		[`${componentCls}-input`]: {
-			position: "absolute",
-			inset: 0,
-			zIndex: 1,
-			cursor: "pointer",
-			opacity: 0
-		},
-		[`${componentCls}-checked`]: { [radioInnerPrefixCls]: {
-			"borderColor": colorPrimary,
-			"backgroundColor": radioBgColor,
-			"&::after": {
-				transform: `scale(${token.calc(token.dotSize).div(radioSize).equal()})`,
-				opacity: 1,
-				transition: `all ${motionDurationSlow} ${motionEaseInOutCirc}`
-			}
-		} },
-		[`${componentCls}-disabled`]: {
-			cursor: "not-allowed",
-			[radioInnerPrefixCls]: {
-				"backgroundColor": colorBgContainerDisabled,
-				"borderColor": colorBorder,
-				"cursor": "not-allowed",
-				"&::after": { backgroundColor: dotColorDisabled }
-			},
-			[`${componentCls}-input`]: { cursor: "not-allowed" },
-			[`${componentCls}-disabled + span`]: {
-				color: colorTextDisabled,
-				cursor: "not-allowed"
-			},
-			[`&${componentCls}-checked`]: { [radioInnerPrefixCls]: { "&::after": { transform: `scale(${calc(radioDotDisabledSize).div(radioSize).equal()})` } } }
-		},
-		[`span${componentCls} + *`]: {
-			paddingInlineStart: paddingXS,
-			paddingInlineEnd: paddingXS
-		}
-	} };
-};
-const getRadioButtonStyle = (token) => {
-	const { buttonColor, controlHeight, componentCls, lineWidth, lineType, colorBorder, motionDurationMid, buttonPaddingInline, fontSize, buttonBg, fontSizeLG, controlHeightLG, controlHeightSM, paddingXS, borderRadius, borderRadiusSM, borderRadiusLG, buttonCheckedBg, buttonSolidCheckedColor, colorTextDisabled, colorBgContainerDisabled, buttonCheckedBgDisabled, buttonCheckedColorDisabled, colorPrimary, colorPrimaryHover, colorPrimaryActive, buttonSolidCheckedBg, buttonSolidCheckedHoverBg, buttonSolidCheckedActiveBg, calc } = token;
-	return { [`${componentCls}-button-wrapper`]: {
-		"position": "relative",
-		"display": "inline-block",
-		"height": controlHeight,
-		"margin": 0,
-		"paddingInline": buttonPaddingInline,
-		"paddingBlock": 0,
-		"color": buttonColor,
-		fontSize,
-		"lineHeight": unit(calc(controlHeight).sub(calc(lineWidth).mul(2)).equal()),
-		"background": buttonBg,
-		"border": `${unit(lineWidth)} ${lineType} ${colorBorder}`,
-		"borderBlockStartWidth": calc(lineWidth).add(.02).equal(),
-		"borderInlineEndWidth": lineWidth,
-		"cursor": "pointer",
-		"transition": [
-			`color ${motionDurationMid}`,
-			`background-color ${motionDurationMid}`,
-			`box-shadow ${motionDurationMid}`
-		].join(","),
-		"a": { color: buttonColor },
-		[`> ${componentCls}-button`]: {
-			position: "absolute",
-			insetBlockStart: 0,
-			insetInlineStart: 0,
-			zIndex: -1,
-			width: "100%",
-			height: "100%"
-		},
-		"&:not(:last-child)": { marginInlineEnd: calc(lineWidth).mul(-1).equal() },
-		"&:first-child": {
-			borderInlineStart: `${unit(lineWidth)} ${lineType} ${colorBorder}`,
-			borderStartStartRadius: borderRadius,
-			borderEndStartRadius: borderRadius
-		},
-		"&:last-child": {
-			borderStartEndRadius: borderRadius,
-			borderEndEndRadius: borderRadius
-		},
-		"&:first-child:last-child": { borderRadius },
-		[`${componentCls}-group-large &`]: {
-			"height": controlHeightLG,
-			"fontSize": fontSizeLG,
-			"lineHeight": unit(calc(controlHeightLG).sub(calc(lineWidth).mul(2)).equal()),
-			"&:first-child": {
-				borderStartStartRadius: borderRadiusLG,
-				borderEndStartRadius: borderRadiusLG
-			},
-			"&:last-child": {
-				borderStartEndRadius: borderRadiusLG,
-				borderEndEndRadius: borderRadiusLG
-			}
-		},
-		[`${componentCls}-group-small &`]: {
-			"height": controlHeightSM,
-			"paddingInline": calc(paddingXS).sub(lineWidth).equal(),
-			"paddingBlock": 0,
-			"lineHeight": unit(calc(controlHeightSM).sub(calc(lineWidth).mul(2)).equal()),
-			"&:first-child": {
-				borderStartStartRadius: borderRadiusSM,
-				borderEndStartRadius: borderRadiusSM
-			},
-			"&:last-child": {
-				borderStartEndRadius: borderRadiusSM,
-				borderEndEndRadius: borderRadiusSM
-			}
-		},
-		"&:hover": {
-			position: "relative",
-			color: colorPrimary
-		},
-		"&:has(:focus-visible)": genFocusOutline(token),
-		[`${componentCls}-inner, input[type='checkbox'], input[type='radio']`]: {
-			width: 0,
-			height: 0,
-			opacity: 0,
-			pointerEvents: "none"
-		},
-		[`&-checked:not(${componentCls}-button-wrapper-disabled)`]: {
-			"zIndex": 1,
-			"color": colorPrimary,
-			"background": buttonCheckedBg,
-			"borderColor": colorPrimary,
-			"&::before": { backgroundColor: colorPrimary },
-			"&:first-child": { borderColor: colorPrimary },
-			"&:hover": {
-				"color": colorPrimaryHover,
-				"borderColor": colorPrimaryHover,
-				"&::before": { backgroundColor: colorPrimaryHover }
-			},
-			"&:active": {
-				"color": colorPrimaryActive,
-				"borderColor": colorPrimaryActive,
-				"&::before": { backgroundColor: colorPrimaryActive }
-			}
-		},
-		[`${componentCls}-group-solid &-checked:not(${componentCls}-button-wrapper-disabled)`]: {
-			"color": buttonSolidCheckedColor,
-			"background": buttonSolidCheckedBg,
-			"borderColor": buttonSolidCheckedBg,
-			"&:hover": {
-				color: buttonSolidCheckedColor,
-				background: buttonSolidCheckedHoverBg,
-				borderColor: buttonSolidCheckedHoverBg
-			},
-			"&:active": {
-				color: buttonSolidCheckedColor,
-				background: buttonSolidCheckedActiveBg,
-				borderColor: buttonSolidCheckedActiveBg
-			}
-		},
-		"&-disabled": {
-			"color": colorTextDisabled,
-			"backgroundColor": colorBgContainerDisabled,
-			"borderColor": colorBorder,
-			"cursor": "not-allowed",
-			"&:first-child, &:hover": {
-				color: colorTextDisabled,
-				backgroundColor: colorBgContainerDisabled,
-				borderColor: colorBorder
-			}
-		},
-		[`&-disabled${componentCls}-button-wrapper-checked`]: {
-			color: buttonCheckedColorDisabled,
-			backgroundColor: buttonCheckedBgDisabled,
-			borderColor: colorBorder,
-			boxShadow: "none"
-		},
-		"&-block": {
-			flex: 1,
-			textAlign: "center"
-		}
-	} };
-};
-const prepareComponentToken = (token) => {
-	const { wireframe, padding, marginXS, lineWidth, fontSizeLG, colorText, colorBgContainer, colorTextDisabled, controlItemBgActiveDisabled, colorTextLightSolid, colorPrimary, colorPrimaryHover, colorPrimaryActive, colorWhite } = token;
-	const dotPadding = 4;
-	const radioSize = fontSizeLG;
-	return {
-		radioSize,
-		dotSize: wireframe ? radioSize - dotPadding * 2 : radioSize - (dotPadding + lineWidth) * 2,
-		dotColorDisabled: colorTextDisabled,
-		buttonSolidCheckedColor: colorTextLightSolid,
-		buttonSolidCheckedBg: colorPrimary,
-		buttonSolidCheckedHoverBg: colorPrimaryHover,
-		buttonSolidCheckedActiveBg: colorPrimaryActive,
-		buttonBg: colorBgContainer,
-		buttonCheckedBg: colorBgContainer,
-		buttonColor: colorText,
-		buttonCheckedBgDisabled: controlItemBgActiveDisabled,
-		buttonCheckedColorDisabled: colorTextDisabled,
-		buttonPaddingInline: padding - lineWidth,
-		wrapperMarginInlineEnd: marginXS,
-		radioColor: wireframe ? colorPrimary : colorWhite,
-		radioBgColor: wireframe ? colorBgContainer : colorPrimary
-	};
-};
-var style_default = genStyleHooks("Radio", (token) => {
-	const { controlOutline, controlOutlineWidth } = token;
-	const radioFocusShadow = `0 0 0 ${unit(controlOutlineWidth)} ${controlOutline}`;
-	const radioToken = mergeToken(token, {
-		radioFocusShadow,
-		radioButtonFocusShadow: radioFocusShadow
-	});
-	return [
-		getGroupRadioStyle(radioToken),
-		getRadioBasicStyle(radioToken),
-		getRadioButtonStyle(radioToken)
-	];
-}, prepareComponentToken, { unitless: {
-	radioSize: true,
-	dotSize: true
-} });
-
-//#endregion
-export { style_default as default };

package/dist/rate/index.d.ts

@@ -1,25 +0,0 @@
-import { TooltipProps } from "../tooltip/index.js";
-import * as vue144 from "vue";
-import { RateProps } from "@v-c/rate";
-
-//#region src/rate/index.d.ts
-interface RateProps$1 extends Omit<RateProps, 'onChange' | 'onHoverChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onMouseLeave' | 'onUpdate:value'> {
-  rootClass?: string;
-  size?: 'small' | 'middle' | 'large';
-  tooltips?: (TooltipProps | string)[];
-}
-interface RateEmits {
-  'update:value': (value: number) => void;
-  'change': (value: number) => void;
-  'hoverChange': (value: number) => void;
-  'focus': () => void;
-  'blur': () => void;
-  'keydown': (e: KeyboardEvent) => void;
-  'mouseleave': (e: FocusEvent) => void;
-  [key: string]: (...args: any[]) => void;
-}
-declare const Rate: vue144.DefineSetupFnComponent<RateProps$1, RateEmits, {}, RateProps$1 & {
-  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue144.PublicProps>;
-//#endregion
-export { Rate, RateEmits, RateProps$1 as RateProps };

package/dist/rate/index.js

@@ -1,196 +0,0 @@
-import { useComponentBaseConfig } from "../config-provider/context.js";
-import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
-import tooltip_default from "../tooltip/index.js";
-import { useDisabledContext } from "../config-provider/DisabledContext.js";
-import style_default from "./style/index.js";
-import { createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, shallowRef } from "vue";
-import { clsx } from "@v-c/util";
-import { StarFilled } from "@antdv-next/icons";
-import { omit } from "es-toolkit";
-import VcRate from "@v-c/rate";
-
-//#region src/rate/index.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-function isTooltipProps(item) {
-	return typeof item === "object" && item !== null;
-}
-const defaults = {
-	size: "middle",
-	character: createVNode(StarFilled, null, null)
-};
-const Rate = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose }) => {
-	const rateRef = shallowRef();
-	const characterRender = (node, { index }) => {
-		const { tooltips } = props;
-		if (!tooltips) return node;
-		const tooltipsItem = tooltips[index];
-		if (isTooltipProps(tooltipsItem)) return createVNode(tooltip_default, tooltipsItem, _isSlot(node) ? node : { default: () => [node] });
-		return createVNode(tooltip_default, { "title": tooltipsItem }, _isSlot(node) ? node : { default: () => [node] });
-	};
-	const { prefixCls: ratePrefixCls, direction, class: contextClassName, style: contextStyle } = useComponentBaseConfig("rate", props);
-	const [hashId, cssVarCls] = style_default(ratePrefixCls);
-	const disabled = useDisabledContext();
-	expose({
-		focus: () => {
-			rateRef.value?.focus?.();
-		},
-		blur: () => {
-			rateRef.value?.blur?.();
-		}
-	});
-	return () => {
-		const { character, disabled: customDisabled, size, rootClass,...restProps } = props;
-		const mergedDisabled = customDisabled ?? disabled.value;
-		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
-		return createVNode(VcRate, mergeProps({
-			"ref": rateRef,
-			"character": character,
-			"disabled": mergedDisabled,
-			"characterRender": characterRender
-		}, restAttrs, omit(restProps, ["characterRender"]), {
-			"class": clsx(`${ratePrefixCls.value}-${size}`, className, rootClass, hashId.value, cssVarCls.value, contextClassName.value),
-			"style": {
-				...contextStyle.value,
-				...style
-			},
-			"prefixCls": ratePrefixCls.value,
-			"direction": direction.value,
-			"onFocus": () => {
-				emit("focus");
-			},
-			"onBlur": () => {
-				emit("blur");
-			},
-			"onChange": (...args) => {
-				emit("change", ...args);
-				emit("update:value", ...args);
-			},
-			"onKeyDown": (e) => {
-				emit("keydown", e);
-			},
-			"onMouseLeave": (e) => {
-				emit("mouseleave", e);
-			},
-			"onHoverChange": (...args) => {
-				emit("hoverChange", ...args);
-			}
-		}), null);
-	};
-}, {
-	emits: [
-		"update:value",
-		"change",
-		"hoverChange",
-		"focus",
-		"blur",
-		"keydown",
-		"mouseleave"
-	],
-	props: /* @__PURE__ */ mergeDefaults({
-		rootClass: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		size: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		tooltips: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		prefixCls: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		defaultValue: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		value: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		allowClear: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		keyboard: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		direction: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		tabIndex: {
-			type: [Number, String],
-			required: false,
-			default: void 0
-		},
-		autoFocus: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		id: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		count: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		character: {
-			type: [
-				Function,
-				Object,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		characterRender: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		allowHalf: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		}
-	}, defaults),
-	name: "ARate",
-	inheritAttrs: false
-});
-Rate.install = (app) => {
-	app.component(Rate.name, Rate);
-};
-var rate_default = Rate;
-
-//#endregion
-export { rate_default as default };

package/dist/rate/style/index.d.ts

@@ -1,39 +0,0 @@
-import "../../theme/internal.js";
-import { CSSObject } from "@antdv-next/cssinjs";
-import "vue";
-
-//#region src/rate/style/index.d.ts
-interface ComponentToken {
-  /**
-   * @desc 星星颜色
-   * @descEN Star color
-   */
-  starColor: string;
-  /**
-   * @desc 星星尺寸
-   * @descEN Star size
-   */
-  starSize: number;
-  /**
-   * @desc 小星星尺寸
-   * @descEN Small star size
-   */
-  starSizeSM: number;
-  /**
-   * @desc 大星星尺寸
-   * @descEN Large star size
-   */
-  starSizeLG: number;
-  /**
-   * @desc 星星悬浮时的缩放
-   * @descEN Scale of star when hover
-   */
-  starHoverScale: CSSObject['transform'];
-  /**
-   * @desc 星星背景色
-   * @descEN Star background color
-   */
-  starBg: string;
-}
-//#endregion
-export { ComponentToken };

package/dist/rate/style/index.js

@@ -1,80 +0,0 @@
-import { resetComponent } from "../../style/index.js";
-import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
-import { mergeToken } from "../../theme/internal.js";
-import { unit } from "@antdv-next/cssinjs";
-
-//#region src/rate/style/index.ts
-const genRateStarStyle = (token) => {
-	const { componentCls } = token;
-	return { [`${componentCls}-star`]: {
-		"position": "relative",
-		"display": "inline-block",
-		"color": "inherit",
-		"cursor": "pointer",
-		"&:not(:last-child)": { marginInlineEnd: token.marginXS },
-		"> div": {
-			"transition": `all ${token.motionDurationMid}, outline 0s`,
-			"&:hover": { transform: token.starHoverScale },
-			"&:focus": { outline: 0 },
-			"&:focus-visible": {
-				outline: `${unit(token.lineWidth)} dashed ${token.starColor}`,
-				transform: token.starHoverScale
-			}
-		},
-		"&-first, &-second": {
-			color: token.starBg,
-			transition: `all ${token.motionDurationMid}`,
-			userSelect: "none"
-		},
-		"&-first": {
-			position: "absolute",
-			top: 0,
-			insetInlineStart: 0,
-			width: "50%",
-			height: "100%",
-			overflow: "hidden",
-			opacity: 0
-		},
-		[`&-half ${componentCls}-star-first, &-half ${componentCls}-star-second`]: { opacity: 1 },
-		[`&-half ${componentCls}-star-first, &-full ${componentCls}-star-second`]: { color: "inherit" }
-	} };
-};
-function genRateRtlStyle(token) {
-	return { [`&-rtl${token.componentCls}`]: { direction: "rtl" } };
-}
-const genRateStyle = (token) => {
-	const { componentCls } = token;
-	return { [componentCls]: {
-		...resetComponent(token),
-		"display": "inline-block",
-		"margin": 0,
-		"padding": 0,
-		"color": token.starColor,
-		"fontSize": token.starSize,
-		"lineHeight": 1,
-		"listStyle": "none",
-		"outline": "none",
-		"&-small": { fontSize: token.starSizeSM },
-		"&-large": { fontSize: token.starSizeLG },
-		[`&-disabled${componentCls} ${componentCls}-star`]: {
-			"cursor": "default",
-			"> div:hover": { transform: "scale(1)" }
-		},
-		...genRateStarStyle(token),
-		...genRateRtlStyle(token)
-	} };
-};
-const prepareComponentToken = (token) => ({
-	starColor: token.yellow6,
-	starSize: token.controlHeight * .625,
-	starSizeSM: token.controlHeightSM * .625,
-	starSizeLG: token.controlHeightLG * .625,
-	starHoverScale: "scale(1.1)",
-	starBg: token.colorFillContent
-});
-var style_default = genStyleHooks("Rate", (token) => {
-	return genRateStyle(mergeToken(token, {}));
-}, prepareComponentToken);
-
-//#endregion
-export { style_default as default };