antdv-next 1.0.0-alpha.5 → 1.0.0-beta.2

package/dist/drawer/style/index.js

@@ -1,216 +0,0 @@
-import { genFocusStyle } from "../../style/index.js";
-import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
-import { mergeToken } from "../../theme/internal.js";
-import motion_default from "./motion.js";
-import { unit } from "@antdv-next/cssinjs";
-
-//#region src/drawer/style/index.ts
-const genDrawerStyle = (token) => {
-	const { borderRadiusSM, componentCls, zIndexPopup, colorBgMask, colorBgElevated, motionDurationSlow, motionDurationMid, paddingXS, padding, paddingLG, fontSizeLG, lineHeightLG, lineWidth, lineType, colorSplit, marginXS, colorIcon, colorIconHover, colorBgTextHover, colorBgTextActive, colorText, fontWeightStrong, footerPaddingBlock, footerPaddingInline, draggerSize, calc } = token;
-	const wrapperCls = `${componentCls}-content-wrapper`;
-	const draggerCls = `${componentCls}-resizable-dragger`;
-	return { [componentCls]: {
-		"position": "fixed",
-		"inset": 0,
-		"zIndex": zIndexPopup,
-		"pointerEvents": "none",
-		"color": colorText,
-		"&-pure": {
-			position: "relative",
-			background: colorBgElevated,
-			display: "flex",
-			flexDirection: "column",
-			[`&${componentCls}-left`]: { boxShadow: token.boxShadowDrawerLeft },
-			[`&${componentCls}-right`]: { boxShadow: token.boxShadowDrawerRight },
-			[`&${componentCls}-top`]: { boxShadow: token.boxShadowDrawerUp },
-			[`&${componentCls}-bottom`]: { boxShadow: token.boxShadowDrawerDown }
-		},
-		"&-inline": { position: "absolute" },
-		[`${componentCls}-mask`]: {
-			position: "absolute",
-			inset: 0,
-			zIndex: zIndexPopup,
-			background: colorBgMask,
-			pointerEvents: "auto",
-			[`&${componentCls}-mask-blur`]: { backdropFilter: "blur(4px)" }
-		},
-		[wrapperCls]: {
-			"position": "absolute",
-			"zIndex": zIndexPopup,
-			"maxWidth": "100vw",
-			"transition": `all ${motionDurationSlow}`,
-			"&-hidden": { display: "none" }
-		},
-		[`&-left > ${wrapperCls}`]: {
-			top: 0,
-			bottom: 0,
-			left: {
-				_skip_check_: true,
-				value: 0
-			},
-			boxShadow: token.boxShadowDrawerLeft
-		},
-		[`&-right > ${wrapperCls}`]: {
-			top: 0,
-			right: {
-				_skip_check_: true,
-				value: 0
-			},
-			bottom: 0,
-			boxShadow: token.boxShadowDrawerRight
-		},
-		[`&-top > ${wrapperCls}`]: {
-			top: 0,
-			insetInline: 0,
-			boxShadow: token.boxShadowDrawerUp
-		},
-		[`&-bottom > ${wrapperCls}`]: {
-			bottom: 0,
-			insetInline: 0,
-			boxShadow: token.boxShadowDrawerDown
-		},
-		[`${componentCls}-section`]: {
-			display: "flex",
-			flexDirection: "column",
-			width: "100%",
-			height: "100%",
-			overflow: "auto",
-			background: colorBgElevated,
-			pointerEvents: "auto"
-		},
-		[`${componentCls}-header`]: {
-			"display": "flex",
-			"flex": 0,
-			"alignItems": "center",
-			"padding": `${unit(padding)} ${unit(paddingLG)}`,
-			"fontSize": fontSizeLG,
-			"lineHeight": lineHeightLG,
-			"borderBottom": `${unit(lineWidth)} ${lineType} ${colorSplit}`,
-			"&-title": {
-				display: "flex",
-				flex: 1,
-				alignItems: "center",
-				minWidth: 0,
-				minHeight: 0
-			}
-		},
-		[`${componentCls}-extra`]: { flex: "none" },
-		[`${componentCls}-close`]: {
-			"display": "inline-flex",
-			"width": calc(fontSizeLG).add(paddingXS).equal(),
-			"height": calc(fontSizeLG).add(paddingXS).equal(),
-			"borderRadius": borderRadiusSM,
-			"justifyContent": "center",
-			"alignItems": "center",
-			"color": colorIcon,
-			"fontWeight": fontWeightStrong,
-			"fontSize": fontSizeLG,
-			"fontStyle": "normal",
-			"lineHeight": 1,
-			"textAlign": "center",
-			"textTransform": "none",
-			"textDecoration": "none",
-			"background": "transparent",
-			"border": 0,
-			"cursor": "pointer",
-			"transition": `all ${motionDurationMid}`,
-			"textRendering": "auto",
-			[`&${componentCls}-close-end`]: { marginInlineStart: marginXS },
-			[`&:not(${componentCls}-close-end)`]: { marginInlineEnd: marginXS },
-			"&:hover": {
-				color: colorIconHover,
-				backgroundColor: colorBgTextHover,
-				textDecoration: "none"
-			},
-			"&:active": { backgroundColor: colorBgTextActive },
-			...genFocusStyle(token)
-		},
-		[`${componentCls}-title`]: {
-			flex: 1,
-			margin: 0,
-			fontWeight: token.fontWeightStrong,
-			fontSize: fontSizeLG,
-			lineHeight: lineHeightLG
-		},
-		[`${componentCls}-body`]: {
-			flex: 1,
-			minWidth: 0,
-			minHeight: 0,
-			padding: paddingLG,
-			overflow: "auto",
-			[`${componentCls}-body-skeleton`]: {
-				width: "100%",
-				height: "100%",
-				display: "flex",
-				justifyContent: "center"
-			}
-		},
-		[`${componentCls}-footer`]: {
-			flexShrink: 0,
-			padding: `${unit(footerPaddingBlock)} ${unit(footerPaddingInline)}`,
-			borderTop: `${unit(lineWidth)} ${lineType} ${colorSplit}`
-		},
-		[draggerCls]: {
-			"position": "absolute",
-			"zIndex": 1,
-			"backgroundColor": "transparent",
-			"userSelect": "none",
-			"pointerEvents": "auto",
-			"&:hover": {
-				backgroundColor: token.colorPrimary,
-				opacity: .2
-			},
-			"&-dragging": {
-				backgroundColor: token.colorPrimary,
-				opacity: .3
-			}
-		},
-		[`${draggerCls}-left`]: {
-			top: 0,
-			bottom: 0,
-			insetInlineEnd: 0,
-			width: draggerSize,
-			cursor: "col-resize"
-		},
-		[`${draggerCls}-right`]: {
-			top: 0,
-			bottom: 0,
-			insetInlineStart: 0,
-			width: draggerSize,
-			cursor: "col-resize"
-		},
-		[`${draggerCls}-top`]: {
-			insetInline: 0,
-			bottom: 0,
-			height: draggerSize,
-			cursor: "row-resize"
-		},
-		[`${draggerCls}-bottom`]: {
-			insetInline: 0,
-			top: 0,
-			height: draggerSize,
-			cursor: "row-resize"
-		},
-		[`${wrapperCls}-dragging`]: {
-			userSelect: "none",
-			transition: "none",
-			willChange: "width, height",
-			[`${componentCls}-content`]: { pointerEvents: "none" },
-			[`${componentCls}-section`]: { pointerEvents: "none" }
-		},
-		"&-rtl": { direction: "rtl" }
-	} };
-};
-const prepareComponentToken = (token) => ({
-	zIndexPopup: token.zIndexPopupBase,
-	footerPaddingBlock: token.paddingXS,
-	footerPaddingInline: token.padding,
-	draggerSize: 4
-});
-var style_default = genStyleHooks("Drawer", (token) => {
-	const drawerToken = mergeToken(token, {});
-	return [genDrawerStyle(drawerToken), motion_default(drawerToken)];
-}, prepareComponentToken);
-
-//#endregion
-export { style_default as default };

package/dist/dropdown/dropdown.d.ts

@@ -1,64 +0,0 @@
-import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
-import { AdjustOverflow } from "../_util/placements.js";
-import { MenuEmits, MenuProps as MenuProps$1, MenuSlots } from "../menu/menu.js";
-import "../menu/index.js";
-import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue314 from "vue";
-import { SlotsType } from "vue";
-import { AlignType } from "@v-c/trigger";
-import { MenuProps } from "@v-c/menu";
-
-//#region src/dropdown/dropdown.d.ts
-declare const _Placements: readonly ["topLeft", "topCenter", "topRight", "bottomLeft", "bottomCenter", "bottomRight", "top", "bottom"];
-type Placement = (typeof _Placements)[number];
-interface DropdownArrowOptions {
-  pointAtCenter?: boolean;
-}
-type SemanticName = 'root' | 'item' | 'itemTitle' | 'itemIcon' | 'itemContent';
-type DropdownClassNamesType = SemanticClassNamesType<DropdownProps, SemanticName>;
-type DropdownStylesType = SemanticStylesType<DropdownProps, SemanticName>;
-interface DropdownProps extends ComponentBaseProps {
-  classes?: DropdownClassNamesType;
-  styles?: DropdownStylesType;
-  menu?: MenuProps$1 & {
-    activeKey?: MenuProps['activeKey'];
-    onClick?: MenuEmits['click'];
-  };
-  autoFocus?: boolean;
-  arrow?: boolean | DropdownArrowOptions;
-  trigger?: ('click' | 'hover' | 'contextMenu')[];
-  popupRender?: (Vnode: any) => any;
-  open?: boolean;
-  disabled?: boolean;
-  destroyOnHidden?: boolean;
-  align?: AlignType;
-  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-  prefixCls?: string;
-  transitionName?: string;
-  placement?: Placement;
-  forceRender?: boolean;
-  mouseEnterDelay?: number;
-  mouseLeaveDelay?: number;
-  openClassName?: string;
-  autoAdjustOverflow?: boolean | AdjustOverflow;
-}
-interface DropdownEmits {
-  'update:open': (open: boolean) => void;
-  'openChange': (open: boolean, info: {
-    source: 'trigger' | 'menu';
-  }) => void;
-  'menuClick': MenuEmits['click'];
-  [key: string]: (...args: any[]) => void;
-}
-interface DropdownSlots extends MenuSlots {
-  popupRender: (info: {
-    open: boolean;
-    source: 'trigger' | 'menu';
-  }) => any;
-}
-declare const Dropdown: vue314.DefineSetupFnComponent<DropdownProps, DropdownEmits, SlotsType<DropdownSlots>, DropdownProps & {
-  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue314.PublicProps>;
-//#endregion
-export { Dropdown, DropdownArrowOptions, DropdownEmits, DropdownProps, DropdownSlots };

package/dist/dropdown/dropdown.js

@@ -1,278 +0,0 @@
-import { useComponentBaseConfig } from "../config-provider/context.js";
-import useToken from "../theme/useToken.js";
-import "../theme/internal.js";
-import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
-import { devUseWarning } from "../_util/warning.js";
-import { ZIndexProvider } from "../_util/zindexContext.js";
-import { useZIndex } from "../_util/hooks/useZIndex.js";
-import "../_util/hooks/index.js";
-import { toPropsRefs } from "../_util/tools.js";
-import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
-import getPlacements from "../_util/placements.js";
-import { OverrideProvider } from "../menu/OverrideContext.js";
-import menu_default from "../menu/index.js";
-import style_default from "./style/index.js";
-import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, shallowRef, watch } from "vue";
-import { clsx } from "@v-c/util";
-import { filterEmpty } from "@v-c/util/dist/props-util";
-import { LeftOutlined, RightOutlined } from "@antdv-next/icons";
-import { omit } from "es-toolkit";
-import VcDropdown from "@v-c/dropdown";
-
-//#region src/dropdown/dropdown.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const Dropdown = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) => {
-	const { getPrefixCls, prefixCls, direction, getPopupContainer: getContextPopupContainer, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("dropdown", props);
-	const { classes, styles } = toPropsRefs(props, "classes", "styles");
-	const mergedProps = computed(() => {
-		return props;
-	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
-	const memoPlacement = computed(() => {
-		const { placement } = props;
-		if (!placement) return direction.value === "rtl" ? "bottomRight" : "bottomLeft";
-		if (placement.includes("Center")) return placement.slice(0, placement.indexOf("Center"));
-		return placement;
-	});
-	const rootCls = useCSSVarCls_default(prefixCls);
-	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
-	const [, token] = useToken();
-	const warning = devUseWarning("Dropdown");
-	const triggerActions = computed(() => props.disabled ? [] : props.trigger);
-	const alignPoint = computed(() => !!triggerActions.value?.includes("contextMenu"));
-	const mergedOpen = shallowRef(props.open ?? false);
-	watch(() => props.open, (value) => {
-		if (value !== void 0) mergedOpen.value = value;
-	});
-	const onInnerOpenChange = (nextOpen) => {
-		if (props.open === void 0) mergedOpen.value = nextOpen;
-		emit("openChange", nextOpen, { source: "trigger" });
-		emit("update:open", nextOpen);
-	};
-	const builtinPlacements = computed(() => getPlacements({
-		arrowPointAtCenter: typeof props.arrow === "object" && props.arrow?.pointAtCenter,
-		autoAdjustOverflow: props.autoAdjustOverflow,
-		offset: token.value?.marginXXS,
-		arrowWidth: props?.arrow ? token?.value.sizePopupArrow : 0,
-		borderRadius: token?.value.borderRadius
-	}));
-	const onMenuClick = () => {
-		const menu = props?.menu;
-		if (menu?.selectable && menu?.multiple) return;
-		if (props.open === void 0) mergedOpen.value = false;
-		emit("update:open", false);
-		emit("openChange", false, { source: "menu" });
-	};
-	const mergedRootStyles = computed(() => {
-		return {
-			...contextStyle.value,
-			...mergedStyles.value.root
-		};
-	});
-	const [zIndex, contextZIndex] = useZIndex("Dropdown", computed(() => mergedRootStyles.value.zIndex));
-	const memoTransitionName = computed(() => {
-		const rootPrefixCls = getPrefixCls();
-		if (props.transitionName !== void 0) return props.transitionName;
-		if (props?.placement?.includes("top")) return `${rootPrefixCls}-slide-down`;
-		return `${rootPrefixCls}-slide-up`;
-	});
-	return () => {
-		const children = filterEmpty(slots?.default?.());
-		const child = children.length === 1 ? isVNode(children[0]) ? children[0] : createVNode("span", null, [children]) : createVNode("span", null, [children]);
-		const { menu, popupRender, mouseEnterDelay, mouseLeaveDelay, arrow, getPopupContainer, rootClass, destroyOnHidden } = props;
-		const mergedPopupRender = slots?.popupRender ?? popupRender;
-		const popupTrigger = createVNode(child, {
-			class: clsx(`${prefixCls.value}-trigger`, { [`${prefixCls.value}-rtl`]: direction.value === "rtl" }),
-			disabled: child?.props?.disabled ?? props?.disabled
-		});
-		const renderOverlay = () => {
-			const menuClassNames = omit(mergedClassNames.value, ["root"]);
-			const menuStyles = omit(mergedStyles.value, ["root"]);
-			let overlayNode;
-			if (menu?.items) overlayNode = createVNode(menu_default, mergeProps(menu, {
-				"onClick": (...args) => {
-					emit("menuClick", ...args);
-				},
-				"classes": {
-					...menuClassNames,
-					subMenu: { ...menuClassNames }
-				},
-				"styles": {
-					...menuStyles,
-					subMenu: { ...menuStyles }
-				}
-			}), omit(slots, ["default", "popupRender"]));
-			if (mergedPopupRender) overlayNode = mergedPopupRender(overlayNode);
-			const overlayFiltered = filterEmpty(Array.isArray(overlayNode) ? overlayNode : [overlayNode]).filter(Boolean);
-			overlayNode = overlayFiltered.length === 1 ? typeof overlayFiltered[0] === "string" ? createVNode("span", null, [overlayFiltered]) : overlayFiltered : overlayFiltered;
-			return createVNode(OverrideProvider, { "value": {
-				prefixCls: `${prefixCls.value}-menu`,
-				rootClass: clsx(cssVarCls.value, rootCls.value),
-				expandIcon: createVNode("span", { "class": `${prefixCls.value}-menu-submenu-arrow` }, [direction.value === "rtl" ? createVNode(LeftOutlined, { "class": `${prefixCls.value}-menu-submenu-arrow-icon` }, null) : createVNode(RightOutlined, { "class": `${prefixCls.value}-menu-submenu-arrow-icon` }, null)]),
-				mode: "vertical",
-				selectable: false,
-				onClick: onMenuClick,
-				validator({ mode }) {
-					warning(!mode || mode === "vertical", "usage", `mode="${mode}" is not supported for Dropdown's Menu.`);
-				}
-			} }, _isSlot(overlayNode) ? overlayNode : { default: () => [overlayNode] });
-		};
-		const overlayClassNameCustomized = clsx(rootClass, hashId.value, cssVarCls.value, rootCls.value, contextClassName.value, mergedClassNames.value?.root, { [`${prefixCls.value}-rtl`]: direction.value === "rtl" });
-		let renderNode = createVNode(VcDropdown, mergeProps({ "alignPoint": alignPoint.value }, attrs, omit(props, ["rootClass"]), {
-			"mouseEnterDelay": mouseEnterDelay,
-			"mouseLeaveDelay": mouseLeaveDelay,
-			"visible": mergedOpen.value,
-			"builtinPlacements": builtinPlacements.value,
-			"arrow": !!arrow,
-			"prefixCls": prefixCls.value,
-			"getPopupContainer": getPopupContainer || getContextPopupContainer,
-			"transitionName": memoTransitionName.value,
-			"trigger": triggerActions.value,
-			"overlay": renderOverlay,
-			"placement": memoPlacement.value,
-			"onVisibleChange": onInnerOpenChange,
-			"overlayStyle": {
-				...mergedStyles.value,
-				zIndex: zIndex.value
-			},
-			"overlayClassName": overlayClassNameCustomized,
-			"autoDestroy": destroyOnHidden
-		}), _isSlot(popupTrigger) ? popupTrigger : { default: () => [popupTrigger] });
-		if (zIndex.value) {
-			const _renderNode = function() {
-				return renderNode;
-			}();
-			renderNode = createVNode(ZIndexProvider, { "value": contextZIndex.value }, _isSlot(renderNode) ? renderNode : { default: () => [_renderNode] });
-		}
-		return renderNode;
-	};
-}, {
-	emits: [
-		"update:open",
-		"openChange",
-		"menuClick"
-	],
-	props: /* @__PURE__ */ mergeDefaults({
-		classes: {
-			type: [Object, Function],
-			required: false,
-			default: void 0
-		},
-		styles: {
-			type: [Object, Function],
-			required: false,
-			default: void 0
-		},
-		menu: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		autoFocus: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		arrow: {
-			type: [Boolean, Object],
-			required: false,
-			default: void 0
-		},
-		trigger: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		popupRender: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		open: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		destroyOnHidden: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		align: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		getPopupContainer: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		prefixCls: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		transitionName: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		placement: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		forceRender: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		mouseEnterDelay: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		mouseLeaveDelay: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		openClassName: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		autoAdjustOverflow: {
-			type: [Boolean, Object],
-			required: false,
-			default: void 0
-		},
-		rootClass: {
-			type: String,
-			required: false,
-			default: void 0
-		}
-	}, {
-		mouseEnterDelay: .15,
-		mouseLeaveDelay: .1,
-		placement: "",
-		autoAdjustOverflow: true
-	}),
-	name: "ADropdown",
-	inheritAttrs: false
-});
-Dropdown.install = (app) => {
-	app.component(Dropdown.name, Dropdown);
-};
-var dropdown_default = Dropdown;
-
-//#endregion
-export { dropdown_default as default };

package/dist/dropdown/index.d.ts

@@ -1,9 +0,0 @@
-import { Dropdown, DropdownArrowOptions, DropdownEmits, DropdownProps, DropdownSlots } from "./dropdown.js";
-import { App } from "vue";
-
-//#region src/dropdown/index.d.ts
-declare const Dropdown$1: typeof Dropdown & {
-  install: (app: App) => void;
-};
-//#endregion
-export { Dropdown$1 as Dropdown };

package/dist/dropdown/index.js

@@ -1,11 +0,0 @@
-import dropdown_default from "./dropdown.js";
-
-//#region src/dropdown/index.tsx
-const Dropdown = dropdown_default;
-Dropdown.install = (app) => {
-	app.component(Dropdown.name, Dropdown);
-};
-var dropdown_default$1 = Dropdown;
-
-//#endregion
-export { dropdown_default$1 as default };

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

@@ -1,20 +0,0 @@
-import { ArrowToken } from "../../style/roundedArrow.js";
-import { ArrowOffsetToken } from "../../style/placementArrow.js";
-import "../../theme/internal.js";
-import { CSSProperties } from "vue";
-
-//#region src/dropdown/style/index.d.ts
-interface ComponentToken extends ArrowToken, ArrowOffsetToken {
-  /**
-   * @desc 下拉菜单 z-index
-   * @descEN z-index of dropdown
-   */
-  zIndexPopup: number;
-  /**
-   * @desc 下拉菜单纵向内边距
-   * @descEN Vertical padding of dropdown
-   */
-  paddingBlock: CSSProperties['paddingBlock'];
-}
-//#endregion
-export { ComponentToken };