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

package/dist/modal/useModal/types.d.ts

@@ -1,9 +0,0 @@
-import { ModalFunc, ModalStaticFunctions } from "../confirm.js";
-
-//#region src/modal/useModal/types.d.ts
-type ModalFuncWithPromise = (...args: Parameters<ModalFunc>) => ReturnType<ModalFunc> & {
-  then: <T>(resolve: (confirmed: boolean) => T, reject: VoidFunction) => Promise<T>;
-};
-type HookAPI = Omit<Record<keyof ModalStaticFunctions, ModalFuncWithPromise>, 'warn'>;
-//#endregion
-export { HookAPI, ModalFuncWithPromise };

package/dist/notification/PurePanel.d.ts

@@ -1,41 +0,0 @@
-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 vue229 from "vue";
-
-//#region src/notification/PurePanel.d.ts
-type PurePanelClassNamesType = SemanticClassNamesType<PurePanelProps, NotificationSemantic>;
-type PurePanelStylesType = SemanticStylesType<PurePanelProps, NotificationSemantic>;
-interface PureContentProps {
-  prefixCls: string;
-  icon?: VueNode;
-  title?: VueNode;
-  description?: VueNode;
-  actions?: VueNode;
-  type?: IconType;
-  role?: 'alert' | 'status';
-  classes: SemanticClassNames<NotificationSemantic>;
-  styles: SemanticStyles<NotificationSemantic>;
-}
-interface PurePanelProps extends Omit<PureContentProps, 'prefixCls' | 'children' | 'classes' | 'styles'> {
-  content?: VueNode;
-  duration?: number | false | null;
-  showProgress?: boolean;
-  pauseOnHover?: boolean;
-  closable?: boolean | ({
-    closeIcon?: VueNode;
-    onClose?: VoidFunction;
-  } & Record<string, any>);
-  prefixCls?: string;
-  classes?: PurePanelClassNamesType;
-  styles?: PurePanelStylesType;
-  closeIcon?: VueNode;
-  props?: Record<string, any>;
-  onClose?: VoidFunction;
-  onClick?: (event: Event) => void;
-}
-/** @private Internal Component. Do not use in your production. */
-declare const PurePanel: vue229.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue229.PublicProps>;
-//#endregion
-export { PurePanel };

package/dist/notification/PurePanel.js

@@ -1,355 +0,0 @@
-import { useBaseConfig, useComponentBaseConfig } from "../config-provider/context.js";
-import { pureAttrs, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
-import { toPropsRefs } from "../_util/tools.js";
-import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
-import useClosable, { pickClosable } from "../_util/hooks/useClosable.js";
-import style_default from "./style/index.js";
-import pure_panel_default from "./style/pure-panel.js";
-import { computed, createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
-import { clsx } from "@v-c/util";
-import { CheckCircleFilled, CloseCircleFilled, CloseOutlined, ExclamationCircleFilled, InfoCircleFilled } from "@antdv-next/icons";
-import { omit } from "es-toolkit";
-import { Notice } from "@v-c/notification";
-
-//#region src/notification/PurePanel.tsx
-function getCloseIcon(prefixCls, closeIcon) {
-	if (closeIcon === null || closeIcon === false) return null;
-	return closeIcon || createVNode(CloseOutlined, { "class": `${prefixCls}-close-icon` }, null);
-}
-const typeToIcon = {
-	success: CheckCircleFilled,
-	info: InfoCircleFilled,
-	error: CloseCircleFilled,
-	warning: ExclamationCircleFilled
-};
-const defaults = { role: "alert" };
-const PureContent = /* @__PURE__ */ defineComponent((props) => {
-	return () => {
-		const { prefixCls, icon, type, title, description, actions, role = "alert", styles, classes: pureContentCls } = props;
-		let iconNode;
-		if (icon) iconNode = createVNode("span", {
-			"class": clsx(`${prefixCls}-icon`, pureContentCls.icon),
-			"style": styles.icon
-		}, [icon]);
-		else if (type) if (typeToIcon[type]) iconNode = createVNode(typeToIcon[type], {
-			class: clsx(`${prefixCls}-icon`, pureContentCls.icon, `${prefixCls}-icon-${type}`),
-			style: styles.icon
-		});
-		else iconNode = null;
-		return createVNode("div", {
-			"class": clsx({ [`${prefixCls}-with-icon`]: iconNode }),
-			"role": role
-		}, [
-			iconNode,
-			createVNode("div", {
-				"class": clsx(`${prefixCls}-title`, pureContentCls.title),
-				"style": styles.title
-			}, [title]),
-			description && createVNode("div", {
-				"class": clsx(`${prefixCls}-description`, pureContentCls.description),
-				"style": styles.description
-			}, [description]),
-			actions && createVNode("div", {
-				"class": clsx(`${prefixCls}-actions`, pureContentCls.actions),
-				"style": styles.actions
-			}, [actions])
-		]);
-	};
-}, {
-	props: /* @__PURE__ */ mergeDefaults({
-		prefixCls: {
-			type: String,
-			required: true,
-			default: void 0
-		},
-		icon: {
-			type: [
-				Function,
-				Boolean,
-				String,
-				Number,
-				null,
-				Object
-			],
-			required: false,
-			default: void 0
-		},
-		title: {
-			type: [
-				Function,
-				Boolean,
-				String,
-				Number,
-				null,
-				Object
-			],
-			required: false,
-			default: void 0
-		},
-		description: {
-			type: [
-				Function,
-				Boolean,
-				String,
-				Number,
-				null,
-				Object
-			],
-			required: false,
-			default: void 0
-		},
-		actions: {
-			type: [
-				Function,
-				Boolean,
-				String,
-				Number,
-				null,
-				Object
-			],
-			required: false,
-			default: void 0
-		},
-		type: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		role: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		classes: {
-			type: Object,
-			required: true,
-			default: void 0
-		},
-		styles: {
-			type: Object,
-			required: true,
-			default: void 0
-		}
-	}, defaults),
-	name: "NoticePureContent",
-	inheritAttrs: false
-});
-const omitKeys = [
-	"prefixCls",
-	"icon",
-	"type",
-	"message",
-	"title",
-	"description",
-	"btn",
-	"actions",
-	"closeIcon",
-	"className",
-	"style",
-	"styles",
-	"classNames",
-	"closable"
-];
-/** @private Internal Component. Do not use in your production. */
-const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs }) => {
-	const { classes: notificationClassNames, styles } = toPropsRefs(props, "classes", "styles");
-	const { getPrefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("notification", props);
-	const { notification: notificationContext } = useBaseConfig("notification", props);
-	const prefixCls = computed(() => props.prefixCls ?? getPrefixCls("notification"));
-	const mergedProps = computed(() => props);
-	const rootCls = useCSSVarCls_default(prefixCls);
-	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, notificationClassNames), useToArr(contextStyles, styles), useToProps(mergedProps));
-	const closeableInfo = useClosable(pickClosable(computed(() => props)), pickClosable(notificationContext), computed(() => {
-		return {
-			closable: true,
-			closeIcon: createVNode(CloseOutlined, { "class": `${prefixCls.value}-close-icon` }, null),
-			closeIconRender: (icon) => getCloseIcon(prefixCls.value, icon)
-		};
-	}));
-	const rawClosable = computed(() => closeableInfo.value?.[0]);
-	const mergedCloseIcon = computed(() => closeableInfo.value?.[1]);
-	const ariaProps = computed(() => closeableInfo.value?.[3] || {});
-	const mergedClosable = computed(() => {
-		const { closable } = props;
-		return rawClosable.value ? {
-			onClose: closable && typeof closable === "object" ? closable?.onClose : void 0,
-			closeIcon: mergedCloseIcon.value,
-			...ariaProps.value
-		} : false;
-	});
-	return () => {
-		const noticePrefixCls = `${prefixCls.value}-notice`;
-		const notificationClassName = attrs.class;
-		const style = attrs.style;
-		const restProps = omit(props, omitKeys);
-		return createVNode("div", {
-			"class": clsx(`${noticePrefixCls}-pure-panel`, hashId.value, notificationClassName, cssVarCls.value, rootCls.value, mergedClassNames.value?.root),
-			"style": mergedStyles.value.root
-		}, [createVNode(pure_panel_default, { "prefixCls": prefixCls.value }, null), createVNode(Notice, mergeProps({ "style": {
-			...contextStyle.value,
-			...style
-		} }, pureAttrs(attrs), restProps, {
-			"prefixCls": prefixCls.value,
-			"eventKey": "pure",
-			"duration": null,
-			"closable": mergedClosable.value,
-			"class": clsx(notificationClassName, contextClassName.value),
-			"content": createVNode(PureContent, {
-				"classes": mergedClassNames.value,
-				"styles": mergedStyles.value,
-				"prefixCls": noticePrefixCls,
-				"icon": props.icon,
-				"type": props.type,
-				"title": props.title,
-				"description": props.description,
-				"actions": props.actions
-			}, null)
-		}), null)]);
-	};
-}, {
-	props: {
-		content: {
-			type: [
-				Function,
-				Boolean,
-				String,
-				Number,
-				null,
-				Object
-			],
-			required: false,
-			default: void 0
-		},
-		duration: {
-			type: [
-				Number,
-				Boolean,
-				null
-			],
-			required: false,
-			default: void 0
-		},
-		showProgress: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		pauseOnHover: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		closable: {
-			type: [Boolean, Object],
-			required: false,
-			default: void 0
-		},
-		prefixCls: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		classes: {
-			type: [Object, Function],
-			required: false,
-			default: void 0
-		},
-		styles: {
-			type: [Object, Function],
-			required: false,
-			default: void 0
-		},
-		closeIcon: {
-			type: [
-				Function,
-				Boolean,
-				String,
-				Number,
-				null,
-				Object
-			],
-			required: false,
-			default: void 0
-		},
-		props: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		onClose: {
-			required: false,
-			default: void 0
-		},
-		onClick: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		icon: {
-			type: [
-				Function,
-				Boolean,
-				String,
-				Number,
-				null,
-				Object
-			],
-			required: false,
-			default: void 0
-		},
-		title: {
-			type: [
-				Function,
-				Boolean,
-				String,
-				Number,
-				null,
-				Object
-			],
-			required: false,
-			default: void 0
-		},
-		description: {
-			type: [
-				Function,
-				Boolean,
-				String,
-				Number,
-				null,
-				Object
-			],
-			required: false,
-			default: void 0
-		},
-		actions: {
-			type: [
-				Function,
-				Boolean,
-				String,
-				Number,
-				null,
-				Object
-			],
-			required: false,
-			default: void 0
-		},
-		type: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		role: {
-			type: String,
-			required: false,
-			default: void 0
-		}
-	},
-	name: "NoticePurePanel",
-	inheritAttrs: false
-});
-var PurePanel_default = PurePanel;
-
-//#endregion
-export { PureContent, PurePanel_default as default, getCloseIcon };

package/dist/notification/index.d.ts

@@ -1,24 +0,0 @@
-import { ArgsProps, GlobalConfigProps } from "./interface.js";
-import { PurePanel } from "./PurePanel.js";
-import { useNotification } from "./useNotification.js";
-import { Key } from "@v-c/util/dist/type";
-
-//#region src/notification/index.d.ts
-interface BaseMethods {
-  open: (config: ArgsProps) => void;
-  destroy: (key?: Key) => void;
-  config: (config: GlobalConfigProps) => void;
-  useNotification: typeof useNotification;
-  /** @private Internal Component. Do not use in your production. */
-  _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
-}
-type StaticFn = (config: ArgsProps) => void;
-interface NoticeMethods {
-  success: StaticFn;
-  info: StaticFn;
-  warning: StaticFn;
-  error: StaticFn;
-}
-declare const staticMethods: NoticeMethods & BaseMethods;
-//#endregion
-export { staticMethods };

package/dist/notification/index.js

@@ -1,198 +0,0 @@
-import { useBaseConfig } from "../config-provider/context.js";
-import { useAppConfig } from "../app/context.js";
-import config_provider_default, { globalConfig } from "../config-provider/index.js";
-import PurePanel_default from "./PurePanel.js";
-import useNotification, { useInternalNotification } from "./useNotification.js";
-import { createVNode, defineComponent, isVNode, onMounted, render, shallowRef, watch } from "vue";
-
-//#region src/notification/index.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-let notification = null;
-let taskQueue = [];
-let defaultGlobalConfig = {};
-let act = (callback) => callback();
-function getGlobalContext() {
-	const { getContainer, rtl, maxCount, top, bottom, showProgress, pauseOnHover } = defaultGlobalConfig;
-	const mergedContainer = getContainer?.() || document.body;
-	return {
-		getContainer: () => mergedContainer,
-		rtl,
-		maxCount,
-		top,
-		bottom,
-		showProgress,
-		pauseOnHover
-	};
-}
-const GlobalHolder = /* @__PURE__ */ defineComponent((props, { expose }) => {
-	const { notificationConfig, sync } = props;
-	const { getPrefixCls } = useBaseConfig();
-	const prefixCls = defaultGlobalConfig?.prefixCls || getPrefixCls("notification");
-	const appConfig = useAppConfig();
-	const [api, holder] = useInternalNotification({
-		...notificationConfig,
-		prefixCls,
-		...appConfig.notification || {}
-	});
-	onMounted(() => {
-		sync?.();
-	});
-	const instance = { ...api };
-	Object.keys(instance).forEach((method) => {
-		instance[method] = (...args) => {
-			sync();
-			return api[method](...args);
-		};
-	});
-	expose({
-		instance,
-		sync
-	});
-	return () => {
-		if (typeof holder === "function") return holder?.();
-		return holder;
-	};
-}, { props: {
-	notificationConfig: {
-		type: Object,
-		required: true,
-		default: void 0
-	},
-	sync: {
-		type: Function,
-		required: true,
-		default: void 0
-	}
-} });
-const GlobalHolderWrapper = /* @__PURE__ */ defineComponent((props) => {
-	const notificationConfig = shallowRef(getGlobalContext());
-	const holderRef = shallowRef();
-	const sync = () => {
-		notificationConfig.value = getGlobalContext();
-	};
-	onMounted(sync);
-	let filled = false;
-	watch(() => holderRef.value, (holder) => {
-		if (holder && !filled) {
-			filled = true;
-			props.onReady?.({
-				instance: holder.instance,
-				sync
-			});
-		}
-	}, { immediate: true });
-	return () => {
-		const global = globalConfig();
-		const holderNode = createVNode(GlobalHolder, {
-			"ref": holderRef,
-			"sync": sync,
-			"notificationConfig": notificationConfig.value
-		}, null);
-		const dom = global.holderRender ? global.holderRender(holderNode) : holderNode;
-		return createVNode(config_provider_default, {
-			"prefixCls": global.getRootPrefixCls(),
-			"iconPrefixCls": global.getIconPrefixCls(),
-			"theme": global.getTheme()
-		}, _isSlot(dom) ? dom : { default: () => [dom] });
-	};
-}, { props: { onReady: {
-	type: Function,
-	required: false,
-	default: void 0
-} } });
-function flushNotificationQueue() {
-	if (!notification) {
-		const holderFragment = document.createDocumentFragment();
-		const newNotification = { fragment: holderFragment };
-		notification = newNotification;
-		act(() => {
-			render(createVNode(GlobalHolderWrapper, { onReady: (node) => {
-				Promise.resolve().then(() => {
-					if (!newNotification.instance && node?.instance) {
-						newNotification.instance = node.instance;
-						newNotification.sync = node.sync;
-						flushNotificationQueue();
-					}
-				});
-			} }), holderFragment);
-		});
-		return;
-	}
-	if (!notification.instance) return;
-	taskQueue.forEach((task) => {
-		switch (task.type) {
-			case "open":
-				act(() => {
-					notification?.instance?.open({
-						...defaultGlobalConfig,
-						...task.config
-					});
-				});
-				break;
-			case "destroy":
-				act(() => {
-					notification?.instance?.destroy(task.key);
-				});
-				break;
-		}
-	});
-	taskQueue = [];
-}
-function setNotificationGlobalConfig(config) {
-	defaultGlobalConfig = {
-		...defaultGlobalConfig,
-		...config
-	};
-	act(() => {
-		notification?.sync?.();
-	});
-}
-function open(config) {
-	taskQueue.push({
-		type: "open",
-		config
-	});
-	flushNotificationQueue();
-}
-function destroy(key) {
-	taskQueue.push({
-		type: "destroy",
-		key
-	});
-	flushNotificationQueue();
-}
-const methods = [
-	"success",
-	"info",
-	"warning",
-	"error"
-];
-const staticMethods = {
-	open,
-	destroy,
-	config: setNotificationGlobalConfig,
-	useNotification,
-	_InternalPanelDoNotUseOrYouWillBeFired: PurePanel_default
-};
-methods.forEach((type) => {
-	staticMethods[type] = (config) => open({
-		...config,
-		type
-	});
-});
-function noop() {}
-let _actWrapper = noop;
-if (process.env.NODE_ENV === "test") _actWrapper = (wrapper) => {
-	act = wrapper;
-};
-let _actDestroy = noop;
-if (process.env.NODE_ENV === "test") _actDestroy = () => {
-	notification = null;
-	taskQueue = [];
-};
-var notification_default = staticMethods;
-
-//#endregion
-export { notification_default as default };

package/dist/notification/interface.d.ts

@@ -1,85 +0,0 @@
-import { VueNode } from "../_util/type.js";
-import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
-import { ClosableType } from "../_util/hooks/useClosable.js";
-import { CSSProperties, HTMLAttributes } from "vue";
-import { Key } from "@v-c/util/dist/type";
-
-//#region src/notification/interface.d.ts
-interface DivProps extends HTMLAttributes {
-  'data-testid'?: string;
-}
-declare const NotificationPlacements: readonly ["top", "topLeft", "topRight", "bottom", "bottomLeft", "bottomRight"];
-type NotificationPlacement = (typeof NotificationPlacements)[number];
-type IconType = 'success' | 'info' | 'error' | 'warning';
-type NotificationSemantic = 'root' | 'title' | 'description' | 'actions' | 'icon';
-type NotificationClassNamesType = SemanticClassNamesType<ArgsProps, NotificationSemantic>;
-type NotificationStylesType = SemanticStylesType<ArgsProps, NotificationSemantic>;
-interface ArgsProps {
-  title: VueNode;
-  description?: VueNode;
-  actions?: VueNode;
-  key?: Key;
-  onClose?: () => void;
-  duration?: number | false;
-  showProgress?: boolean;
-  pauseOnHover?: boolean;
-  icon?: VueNode;
-  placement?: NotificationPlacement;
-  style?: CSSProperties;
-  class?: string;
-  classes?: NotificationClassNamesType;
-  styles?: NotificationStylesType;
-  readonly type?: IconType;
-  onClick?: () => void;
-  closeIcon?: VueNode;
-  closable?: boolean | (Exclude<ClosableType, boolean> & {
-    onClose?: () => void;
-  });
-  props?: DivProps;
-  role?: 'alert' | 'status';
-}
-interface NotificationConfig {
-  top?: number;
-  bottom?: number;
-  prefixCls?: string;
-  getContainer?: () => HTMLElement | ShadowRoot;
-  placement?: NotificationPlacement;
-  maxCount?: number;
-  rtl?: boolean;
-  stack?: boolean | {
-    threshold?: number;
-  };
-  duration?: number | false;
-  showProgress?: boolean;
-  pauseOnHover?: boolean;
-  closeIcon?: VueNode;
-  classes?: NotificationClassNamesType;
-  styles?: NotificationStylesType;
-}
-type StaticFn = (args: ArgsProps) => void;
-interface NotificationInstance {
-  success: StaticFn;
-  error: StaticFn;
-  info: StaticFn;
-  warning: StaticFn;
-  open: StaticFn;
-  destroy: (key?: Key) => void;
-}
-interface GlobalConfigProps {
-  top?: number;
-  bottom?: number;
-  duration?: number | false;
-  showProgress?: boolean;
-  pauseOnHover?: boolean;
-  prefixCls?: string;
-  getContainer?: () => HTMLElement | ShadowRoot;
-  placement?: NotificationPlacement;
-  closeIcon?: VueNode;
-  closable?: ClosableType;
-  rtl?: boolean;
-  maxCount?: number;
-  props?: DivProps;
-}
-//#endregion
-export { ArgsProps, GlobalConfigProps, IconType, NotificationConfig, NotificationInstance, NotificationSemantic };