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

package/dist/masonry/Masonry.js

@@ -1,4 +1,5 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
+import { genCssVar } from "../theme/util/genStyleUtils.js";
 import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { toPropsRefs } from "../_util/tools.js";
@@ -24,9 +25,10 @@ function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 const Masonry = /* @__PURE__ */ defineComponent((props, { expose, emit, attrs, slots }) => {
-	const { direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, prefixCls } = useComponentBaseConfig("masonry", props);
+	const { direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, prefixCls, rootPrefixCls } = useComponentBaseConfig("masonry", props);
 	const { classes, styles, gutter, columns } = toPropsRefs(props, "classes", "styles", "gutter", "columns");
 	const [hashId, cssVarCls] = style_default(prefixCls, useCSSVarCls_default(prefixCls));
+	const [varName, varRef] = genCssVar(rootPrefixCls.value, "masonry");
 	const containerRef = shallowRef();
 	expose({ nativeElement: containerRef });
 	const [setItemRef, getItemRef] = useRefs();
@@ -131,11 +133,11 @@ const Masonry = /* @__PURE__ */ defineComponent((props, { expose, emit, attrs, s
 			const columnIndex = position?.column ?? 0;
 			const widthVar = `calc((100% + ${horizontalGutter.value}px) / ${columnCount.value})`;
 			const itemStyle = {
-				"--item-width": widthVar,
-				"insetInlineStart": `calc(var(--item-width) * ${columnIndex})`,
-				"width": `calc(var(--item-width) - ${horizontalGutter.value}px)`,
-				"top": `${position?.top}px`,
-				"position": "absolute"
+				[varName("item-width")]: widthVar,
+				insetInlineStart: `calc(${varRef("item-width")} * ${columnIndex})`,
+				width: `calc(${varRef("item-width")} - ${horizontalGutter.value}px)`,
+				top: `${position?.top}px`,
+				position: "absolute"
 			};
 			return createVNode(MasonryItem_default, {
 				"key": key,

package/dist/mentions/index.d.ts

@@ -4,7 +4,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.js";
 import { InputStatus } from "../_util/statusUtils.js";
 import { ComponentBaseProps, Variant } from "../config-provider/context.js";
-import * as vue145 from "vue";
+import * as vue194 from "vue";
 import { App, SlotsType } from "vue";
 import { DataDrivenOptionProps, MentionsProps, MentionsRef, Option } from "@v-c/mentions";
 
@@ -66,9 +66,9 @@ interface MentionsEntity {
   prefix: string;
   value: string;
 }
-declare const InternalMentions: vue145.DefineSetupFnComponent<MentionProps, MentionsEmits, SlotsType<MentionsSlots>, MentionProps & {
+declare const InternalMentions: vue194.DefineSetupFnComponent<MentionProps, MentionsEmits, SlotsType<MentionsSlots>, MentionProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue145.PublicProps>;
+}, vue194.PublicProps>;
 declare const Mentions: typeof InternalMentions & {
   Option: typeof Option;
   getMentions: (value: string, config?: MentionsConfig) => MentionsEntity[];

package/dist/mentions/index.js

@@ -6,9 +6,9 @@ import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
-import { useFormItemInputContext } from "../form/context.js";
 import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils.js";
 import { DefaultRenderEmpty } from "../config-provider/defaultRenderEmpty.js";
+import { useFormItemInputContext } from "../form/context.js";
 import useVariant from "../form/hooks/useVariant.js";
 import getAllowClear_default from "../_util/getAllowClear.js";
 import toList_default from "../_util/toList.js";

package/dist/mentions/style/index.js

@@ -1,5 +1,5 @@
 import { resetComponent, textEllipsis } 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 { initComponentToken, initInputToken } from "../../input/style/token.js";
 import { genBorderlessStyle, genDisabledStyle, genFilledStyle, genOutlinedStyle, genUnderlinedStyle } from "../../input/style/variants.js";
@@ -65,20 +65,21 @@ const genDropdownStyle = (token) => {
 };
 const genMentionsStyle = (token) => {
 	const { componentCls, calc, colorText, antCls, colorTextDisabled } = token;
+	const [varName, varRef] = genCssVar(antCls, "cmp-mentions");
 	return { [componentCls]: [
 		resetComponent(token),
 		genBasicInputStyle(token, {
-			largeStyle: { padding: void 0 },
-			smallStyle: { padding: void 0 }
+			largeStyle: { padding: 0 },
+			smallStyle: { padding: 0 }
 		}),
 		genOutlinedStyle(token),
 		genFilledStyle(token),
 		genBorderlessStyle(token),
 		genUnderlinedStyle(token),
 		{
-			"--mentions-padding-inline": token.paddingInline,
-			"--mentions-padding-block": token.paddingBlock,
-			"--mentions-control-height": token.controlHeight,
+			[varName("padding-inline")]: token.paddingInline,
+			[varName("padding-block")]: token.paddingBlock,
+			[varName("control-height")]: token.controlHeight,
 			"display": "flex",
 			"padding": 0,
 			"whiteSpace": "pre-wrap",
@@ -100,9 +101,9 @@ const genMentionsStyle = (token) => {
 				color: colorText,
 				boxSizing: "border-box",
 				margin: 0,
-				minHeight: calc("var(--mentions-control-height)").sub(calc(token.lineWidth).mul(2).equal()).equal(),
-				paddingInline: "var(--mentions-padding-inline)",
-				paddingBlock: "var(--mentions-padding-block)",
+				minHeight: calc(varRef("control-height")).sub(calc(token.lineWidth).mul(2).equal()).equal(),
+				paddingInline: varRef("padding-inline"),
+				paddingBlock: varRef("padding-block"),
 				overflow: "inherit",
 				overflowX: "hidden",
 				overflowY: "auto",
@@ -144,7 +145,7 @@ const genMentionsStyle = (token) => {
 				position: "absolute",
 				top: "50%",
 				transform: "translateY(-50%)",
-				insetInlineEnd: "var(--mentions-padding-inline)",
+				insetInlineEnd: varRef("padding-inline"),
 				columnGap: token.marginXS,
 				[`${componentCls}-clear-icon`]: {
 					"cursor": "pointer",
@@ -161,18 +162,18 @@ const genMentionsStyle = (token) => {
 				}
 			}
 		},
-		{ "&-has-suffix": { "> textarea": { paddingInlineEnd: calc(token.paddingXXS).mul(1.5).add(token.fontSizeIcon).add("var(--mentions-padding-inline)").equal() } } },
+		{ "&-has-suffix": { "> textarea": { paddingInlineEnd: calc(token.paddingXXS).mul(1.5).add(token.fontSizeIcon).add(varRef("padding-inline")).equal() } } },
 		{ "&-disabled": { "> textarea": { ...genDisabledStyle(token) } } },
 		{
 			"&-lg": {
-				"--mentions-padding-inline": token.paddingInlineLG,
-				"--mentions-padding-block": token.paddingBlockLG,
-				"--mentions-control-height": token.controlHeightLG
+				[varName("padding-inline")]: token.paddingInlineLG,
+				[varName("padding-block")]: token.paddingBlockLG,
+				[varName("control-height")]: token.controlHeightLG
 			},
 			"&-sm": {
-				"--mentions-padding-inline": token.paddingInlineSM,
-				"--mentions-padding-block": token.paddingBlockSM,
-				"--mentions-control-height": token.controlHeightSM
+				[varName("padding-inline")]: token.paddingInlineSM,
+				[varName("padding-block")]: token.paddingBlockSM,
+				[varName("control-height")]: token.controlHeightSM
 			}
 		}
 	] };

package/dist/menu/MenuDivider.d.ts

@@ -1,10 +1,10 @@
-import * as vue402 from "vue";
+import * as vue410 from "vue";
 
 //#region src/menu/MenuDivider.d.ts
 interface MenuDividerProps {
   prefixCls?: string;
   dashed?: boolean;
 }
-declare const MenuDivider: vue402.DefineSetupFnComponent<MenuDividerProps, {}, {}, MenuDividerProps & {}, vue402.PublicProps>;
+declare const MenuDivider: vue410.DefineSetupFnComponent<MenuDividerProps, {}, {}, MenuDividerProps & {}, vue410.PublicProps>;
 //#endregion
 export { MenuDivider };

package/dist/menu/SubMenu.d.ts

@@ -1,6 +1,6 @@
 import { EmptyEmit, VueNode } from "../_util/type.js";
 import { SubMenuType } from "./interface.js";
-import * as vue400 from "vue";
+import * as vue408 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/menu/SubMenu.d.ts
@@ -12,8 +12,8 @@ interface SubMenuSlots {
   icon: () => any;
   default: () => any;
 }
-declare const SubMenu: vue400.DefineSetupFnComponent<SubMenuProps, EmptyEmit, SlotsType<SubMenuSlots>, SubMenuProps & {
+declare const SubMenu: vue408.DefineSetupFnComponent<SubMenuProps, EmptyEmit, SlotsType<SubMenuSlots>, SubMenuProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue400.PublicProps>;
+}, vue408.PublicProps>;
 //#endregion
 export { SubMenu, SubMenuProps };

package/dist/menu/index.d.ts

@@ -4,7 +4,7 @@ import { ItemType } from "./interface.js";
 import { MenuEmits, MenuProps as MenuProps$1, MenuSlots } from "./menu.js";
 import { SubMenu as SubMenu$1, SubMenuProps } from "./SubMenu.js";
 import { MenuDivider } from "./MenuDivider.js";
-import * as vue147 from "vue";
+import * as vue155 from "vue";
 import { SlotsType } from "vue";
 import { MenuItemGroupProps, MenuRef } from "@v-c/menu";
 
@@ -14,12 +14,12 @@ interface MenuRef$1 {
   menu: MenuRef | null;
   focus: (options?: FocusOptions) => void;
 }
-declare const Menu: vue147.DefineSetupFnComponent<MenuProps$1, MenuEmits, SlotsType<MenuSlots>, MenuProps$1 & {
+declare const Menu: vue155.DefineSetupFnComponent<MenuProps$1, MenuEmits, SlotsType<MenuSlots>, MenuProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue147.PublicProps>;
-declare const MenuItem$1: vue147.DefineSetupFnComponent<MenuItemProps$1, EmptyEmit, SlotsType<MenuItemSlots>, MenuItemProps$1 & {
+}, vue155.PublicProps>;
+declare const MenuItem$1: vue155.DefineSetupFnComponent<MenuItemProps$1, EmptyEmit, SlotsType<MenuItemSlots>, MenuItemProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue147.PublicProps>;
+}, vue155.PublicProps>;
 declare const _default: typeof Menu & {
   Item: typeof MenuItem;
   SubMenu: typeof SubMenu$1;

package/dist/message/PurePanel.d.ts

@@ -2,7 +2,7 @@ import { VueNode } from "../_util/type.js";
 import { SemanticClassNames, SemanticStyles } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { ArgsClassNamesType, ArgsStylesType, NoticeType, SemanticName } from "./interface.js";
-import * as vue394 from "vue";
+import * as vue398 from "vue";
 
 //#region src/message/PurePanel.d.ts
 interface PureContentProps {
@@ -31,6 +31,6 @@ interface PurePanelProps extends Omit<PureContentProps, 'prefixCls' | 'children'
   styles?: ArgsStylesType;
 }
 /** @private Internal Component. Do not use in your production. */
-declare const PurePanel: vue394.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue394.PublicProps>;
+declare const PurePanel: vue398.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue398.PublicProps>;
 //#endregion
 export { PurePanel };

package/dist/modal/Modal.d.ts

@@ -1,10 +1,10 @@
 import { ModalEmits, ModalProps, ModalSlots } from "./interface.js";
-import * as vue339 from "vue";
+import * as vue316 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/modal/Modal.d.ts
-declare const Modal: vue339.DefineSetupFnComponent<ModalProps, ModalEmits, SlotsType<ModalSlots>, ModalProps & {
+declare const Modal: vue316.DefineSetupFnComponent<ModalProps, ModalEmits, SlotsType<ModalSlots>, ModalProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue339.PublicProps>;
+}, vue316.PublicProps>;
 //#endregion
 export { Modal };

package/dist/notification/PurePanel.d.ts

@@ -2,7 +2,7 @@ import { VueNode } from "../_util/type.js";
 import { SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { IconType, NotificationSemantic } from "./interface.js";
-import * as vue335 from "vue";
+import * as vue229 from "vue";
 
 //#region src/notification/PurePanel.d.ts
 type PurePanelClassNamesType = SemanticClassNamesType<PurePanelProps, NotificationSemantic>;
@@ -36,6 +36,6 @@ interface PurePanelProps extends Omit<PureContentProps, 'prefixCls' | 'children'
   onClick?: (event: Event) => void;
 }
 /** @private Internal Component. Do not use in your production. */
-declare const PurePanel: vue335.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue335.PublicProps>;
+declare const PurePanel: vue229.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue229.PublicProps>;
 //#endregion
 export { PurePanel };

package/dist/notification/useNotification.d.ts

@@ -1,8 +1,8 @@
 import { NotificationConfig, NotificationInstance } from "./interface.js";
-import * as vue_jsx_runtime10 from "vue/jsx-runtime";
+import * as vue_jsx_runtime1 from "vue/jsx-runtime";
 
 //#region src/notification/useNotification.d.ts
 
-declare function useNotification(notificationConfig?: NotificationConfig): readonly [NotificationInstance, () => vue_jsx_runtime10.JSX.Element];
+declare function useNotification(notificationConfig?: NotificationConfig): readonly [NotificationInstance, () => vue_jsx_runtime1.JSX.Element];
 //#endregion
 export { useNotification };

package/dist/package.d.ts

@@ -1,5 +1,111 @@
 //#region package.d.ts
-
-declare let version: string;
+declare const _exports: {
+  name: string;
+  type: string;
+  version: string;
+  description: string;
+  author: {
+    email: string;
+    name: string;
+  };
+  license: string;
+  exports: {
+    ".": {
+      types: string;
+      import: string;
+      default: string;
+    };
+    "./dist/*": {
+      types: string;
+      import: string;
+      default: string;
+    };
+    "./dist/locale/*": {
+      types: string;
+      import: string;
+      default: string;
+    };
+    "./locale/*": {
+      types: string;
+      import: string;
+      default: string;
+    };
+    "./global.d.ts": string;
+    "./global": string;
+    "./dist/reset.css": string;
+    "./web-types.json": string;
+    "./web-tags.json": string;
+    "./package.json": string;
+  };
+  unpkg: string;
+  jsdelivr: string;
+  files: string[];
+  contributes: {
+    html: {
+      customData: string[];
+    };
+  };
+  scripts: {
+    test: string;
+    build: string;
+    "build:esm": string;
+    "build:umd": string;
+    "build:web-types": string;
+    prepublish: string;
+    bump: string;
+  };
+  dependencies: {
+    "@ant-design/colors": string;
+    "@ant-design/fast-color": string;
+    "@antdv-next/cssinjs": string;
+    "@antdv-next/icons": string;
+    "@v-c/async-validator": string;
+    "@v-c/cascader": string;
+    "@v-c/checkbox": string;
+    "@v-c/collapse": string;
+    "@v-c/color-picker": string;
+    "@v-c/dialog": string;
+    "@v-c/drawer": string;
+    "@v-c/dropdown": string;
+    "@v-c/image": string;
+    "@v-c/input": string;
+    "@v-c/input-number": string;
+    "@v-c/mentions": string;
+    "@v-c/menu": string;
+    "@v-c/mutate-observer": string;
+    "@v-c/notification": string;
+    "@v-c/pagination": string;
+    "@v-c/picker": string;
+    "@v-c/progress": string;
+    "@v-c/qrcode": string;
+    "@v-c/rate": string;
+    "@v-c/resize-observer": string;
+    "@v-c/segmented": string;
+    "@v-c/select": string;
+    "@v-c/slick": string;
+    "@v-c/slider": string;
+    "@v-c/steps": string;
+    "@v-c/switch": string;
+    "@v-c/table": string;
+    "@v-c/tabs": string;
+    "@v-c/textarea": string;
+    "@v-c/tooltip": string;
+    "@v-c/tour": string;
+    "@v-c/tree": string;
+    "@v-c/tree-select": string;
+    "@v-c/trigger": string;
+    "@v-c/upload": string;
+    "@v-c/util": string;
+    "@v-c/virtual-list": string;
+    "@vueuse/core": string;
+    dayjs: string;
+    defu: string;
+    "es-toolkit": string;
+    "scroll-into-view-if-needed": string;
+  };
+  "web-types": string;
+  browserslist: string[];
+};
+declare let _version2: typeof _exports["version"];
 //#endregion
-export { version };
+export { _version2 };

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "1.0.0-alpha.4";
+var version = "1.0.0-alpha.5";
 
 //#endregion
 export { version };

package/dist/pagination/Pagination.d.ts

@@ -1,10 +1,10 @@
 import { PaginationEmits, PaginationProps, PaginationSlots } from "./interface.js";
-import * as vue222 from "vue";
+import * as vue363 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/pagination/Pagination.d.ts
-declare const Pagination: vue222.DefineSetupFnComponent<PaginationProps, PaginationEmits, SlotsType<PaginationSlots>, PaginationProps & {
+declare const Pagination: vue363.DefineSetupFnComponent<PaginationProps, PaginationEmits, SlotsType<PaginationSlots>, PaginationProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue222.PublicProps>;
+}, vue363.PublicProps>;
 //#endregion
 export { Pagination };

package/dist/pagination/Pagination.js

@@ -8,8 +8,8 @@ import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import useLocale_default from "../locale/useLocale.js";
-import useBreakpoint_default from "../grid/hooks/useBreakpoint.js";
 import select_default from "../select/index.js";
+import useBreakpoint_default from "../grid/hooks/useBreakpoint.js";
 import style_default from "./style/index.js";
 import bordered_default from "./style/bordered.js";
 import resolveShowSizeChanger from "./useShowSizeChanger.js";